balki/no-js-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improved layout/centering of header

Browse Source
This commit is contained in:
Steven Engler 2019-07-06 19:11:23 -04:00
parent 830eac5338
commit 91d4165897
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/css/styles.css
View File

@ -168,7 +168,7 @@ blockquote {
} }
.header-right * { .header-right * {
margin-left: 0.8em; margin-left: 1em;
} }
.header-right *:first-child { .header-right *:first-child {
@ -181,6 +181,7 @@ blockquote {
.clickable-header-label * { .clickable-header-label * {
height: 1em; height: 1em;
width: auto; /* to override the <img width="__"> attribute when css is supported */
} }
#show-hide-menu-label { #show-hide-menu-label {
@ -329,12 +330,21 @@ body {
} }
@media only screen and (max-width: 400pt) { @media only screen and (max-width: 400pt) {
.header-right {
height: 100%;
align-items: center;
}
.clickable-header-label {
display: inline-flex;
}
.clickable-header-label * { .clickable-header-label * {
vertical-align: middle; vertical-align: middle;
} }
#show-hide-menu-label { #show-hide-menu-label {
display: inline-block; display: inherit;
} }
.show-hide-menu-input:checked ~ .main .links { .show-hide-menu-input:checked ~ .main .links {
@ -391,6 +401,6 @@ body {
} }
.title { .title {
font-size: 120% font-size: 130%
} }
} }