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

13
assets/css/main.css
View File

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