mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 15:57:57 +00:00
menu: further sizing adjustments #466
This commit is contained in:
parent
f7d19ae4cc
commit
41118f0046
3 changed files with 24 additions and 24 deletions
|
@ -29,7 +29,7 @@
|
||||||
padding-right: 1.6rem;
|
padding-right: 1.6rem;
|
||||||
}
|
}
|
||||||
#sidebar ul li.visited + span {
|
#sidebar ul li.visited + span {
|
||||||
margin-right: 16px;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
#sidebar ul li li {
|
#sidebar ul li li {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
|
|
|
@ -186,7 +186,7 @@ dd {
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul.topics > li > a .fa {
|
#sidebar ul.topics > li > a .fa {
|
||||||
margin-top: 9px;
|
margin-top: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul.topics > li {
|
#sidebar ul.topics > li {
|
||||||
|
@ -214,13 +214,13 @@ dd {
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li.visited + span {
|
#sidebar ul li.visited + span {
|
||||||
margin-inline-end: 16px;
|
margin-inline-end: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li a,
|
#sidebar ul li a,
|
||||||
#sidebar ul li button {
|
#sidebar ul li button {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 2px 0;
|
padding: .125rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li a span {
|
#sidebar ul li a span {
|
||||||
|
@ -232,7 +232,7 @@ dd {
|
||||||
|
|
||||||
#sidebar ul li > a,
|
#sidebar ul li > a,
|
||||||
#sidebar ul li > button {
|
#sidebar ul li > button {
|
||||||
padding: 4px 0;
|
padding: .25rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li li {
|
#sidebar ul li li {
|
||||||
|
@ -240,20 +240,20 @@ dd {
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul.topics > li > a .read-icon {
|
#sidebar ul.topics > li > a .read-icon {
|
||||||
margin-top: 9px;
|
margin-top: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar #shortcuts li {
|
#sidebar #shortcuts li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 2px 0;
|
padding: .125rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li .read-icon {
|
#sidebar ul li .read-icon {
|
||||||
display: none;
|
display: none;
|
||||||
float: right;
|
float: right;
|
||||||
font-size: .8125rem;
|
font-size: .8125rem;
|
||||||
margin: 4px 0 0 0;
|
margin: .25rem 0 0 0;
|
||||||
min-width: 16px;
|
min-width: 1rem;
|
||||||
text-align: start;
|
text-align: start;
|
||||||
}
|
}
|
||||||
html[dir="rtl"] #sidebar ul li .read-icon {
|
html[dir="rtl"] #sidebar ul li .read-icon {
|
||||||
|
@ -267,7 +267,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
|
||||||
#sidebar .nav-title {
|
#sidebar .nav-title {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
letter-spacing: -1px;
|
letter-spacing: -.02175em;
|
||||||
line-height: 110% !important;
|
line-height: 110% !important;
|
||||||
margin: 1rem 0 1rem 0;
|
margin: 1rem 0 1rem 0;
|
||||||
padding-inline-start: 1rem;
|
padding-inline-start: 1rem;
|
||||||
|
@ -325,7 +325,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
|
||||||
|
|
||||||
#body img.shadow,
|
#body img.shadow,
|
||||||
#body .video-container.shadow {
|
#body .video-container.shadow {
|
||||||
box-shadow: 0 .625rem 1.875rem rgba( 200, 200, 200, .666 );
|
box-shadow: 0 10px 30px rgba( 176, 176, 176, .666 );
|
||||||
}
|
}
|
||||||
|
|
||||||
#body img.inline {
|
#body img.inline {
|
||||||
|
@ -466,7 +466,7 @@ h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h2, h3, .article-subheading, h4, h5, h6 {
|
h2, h3, .article-subheading, h4, h5, h6 {
|
||||||
letter-spacing: -1px;
|
letter-spacing: -.0625rem;
|
||||||
margin: 2rem 0 1rem 0;
|
margin: 2rem 0 1rem 0;
|
||||||
/* big titles cause a horizontal scrollbar - fixing this by wrapping text */
|
/* big titles cause a horizontal scrollbar - fixing this by wrapping text */
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
|
@ -555,10 +555,10 @@ div.attachments .box-content {
|
||||||
|
|
||||||
.children p {
|
.children p {
|
||||||
font-size: .8125rem;
|
font-size: .8125rem;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.children-li p {
|
.children-li p {
|
||||||
|
@ -569,10 +569,10 @@ div.attachments .box-content {
|
||||||
.children-h2 p,
|
.children-h2 p,
|
||||||
.children-h3 p {
|
.children-h3 p {
|
||||||
font-size: .8125rem;
|
font-size: .8125rem;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0;
|
||||||
margin-top: 0px;
|
margin-top: 0;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0;
|
||||||
padding-top: 0px;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#body-inner .children h2,
|
#body-inner .children h2,
|
||||||
|
@ -1057,7 +1057,7 @@ pre > .copy-to-clipboard-button {
|
||||||
#homelinks {
|
#homelinks {
|
||||||
border-bottom-style: solid;
|
border-bottom-style: solid;
|
||||||
border-bottom-width: 4px;
|
border-bottom-width: 4px;
|
||||||
padding: 7px 0;
|
padding: .5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
option {
|
option {
|
||||||
|
@ -1242,7 +1242,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress {
|
.progress {
|
||||||
border: 0px solid rgba( 134, 134, 134, .166 );
|
border: 0 solid rgba( 134, 134, 134, .166 );
|
||||||
box-shadow: 1px 2px 5px 1px rgba( 134, 134, 134, .2 );
|
box-shadow: 1px 2px 5px 1px rgba( 134, 134, 134, .2 );
|
||||||
height: 0;
|
height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -1433,7 +1433,7 @@ html[dir="rtl"] .select-container span {
|
||||||
|
|
||||||
.select-style {
|
.select-style {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 0px;
|
border-radius: 0;
|
||||||
height: 1.574em;
|
height: 1.574em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
|
@ -179,7 +179,7 @@ a:hover,
|
||||||
background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color);
|
background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar ul li.visited > a .read-icon {
|
#sidebar ul li > a .read-icon {
|
||||||
color: var(--INTERNAL-MENU-VISITED-color);
|
color: var(--INTERNAL-MENU-VISITED-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue