autonomic-cooperative/etcskel-32m
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobilize the default header styles to make it responsive.
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Cassowary Rusnov 2022-12-29 10:23:39 -08:00
parent d20d343d30
commit 14e0d2236d
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/main.css
View File

@ -1,4 +1,5 @@
/* 32m custom styles */
/* Note the default style are mobile versions, with overrides for desktop. */
:root {
--red32m: #A02827;
@ -15,8 +16,6 @@
--font-size-xlarge: 1.5em;
}
html {
background: none;
padding: 0 !important;
@ -58,7 +57,8 @@ body.home {
}
body > div#page header#masthead {
background-color: var(--red32m);
background-color: var(--red32m);
flex-direction: column;
}
body.home > div#page header#masthead {
@ -89,7 +89,7 @@ div.site-logo > a > img.custom-logo {
}
div.site-logo {
margin-left: var(--lrmargin);
margin: auto;
}
div#content {
@ -136,11 +136,13 @@ body.home footer#colophon a:hover {
header#masthead {
display: flex;
flex-direction: row;
}
nav#site-navigation {
margin-right: var(--lrmargin);
margin-left: auto;
display: flex;
height: 6.5rem;
margin: auto;
}
nav#site-navigation ul#primary-menu-list {
@ -220,5 +222,4 @@ body.home nav#site-navigation ul#primary-menu-list li.menu-item a:visited {
nav#site-navigation {
margin-right: var(--desktop-lrmargin);
}
}