jcarrier-theme

A Grav CMS theme for <https://jacynthecarrier.com>.
git clone git://soucy.cc/jcarrier-theme.git
Log | Files | Refs | README | LICENSE

commit f6d535592bd6e1d15f539878d0568dee5e307b62
parent 2f107849d8026f25c81a1a5c04bc3714c8a8d417
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sun,  6 Dec 2020 16:03:42 -0500

Add the compiled css

Diffstat:
Mcss/index.css | 60+++++++++++++++++++++++++++++++++++++++---------------------
1 file changed, 39 insertions(+), 21 deletions(-)

diff --git a/css/index.css b/css/index.css @@ -69,21 +69,27 @@ nav ul { margin: 0; padding: 0; } -.layout > * { +.layout { display: flex; - flex-wrap: wrap; } + flex-direction: column; + justify-content: center; + margin-left: auto; + margin-right: auto; + min-height: 100vh; + max-width: 71.25rem; } + +.layout > * { + margin: 1rem 0; } -.layout__inner { - height: 100%; } +.layout > main { + margin-bottom: auto; + margin-top: auto; } -.layout__aside { - flex-basis: 15rem; - flex-grow: 1; } +.layout > :first-child:not(h1) { + margin-top: 0; } -.layout__main { - flex-basis: 0; - flex-grow: 999; - min-width: calc(75% - 1rem); } +.layout > :last-child:not(h1) { + margin-bottom: 0; } .grid { display: grid; @@ -94,9 +100,11 @@ nav ul { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); } } .header-banner { - padding: 1rem; } - .header-banner > * + * { - margin-top: 1.5rem; } + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 0 1rem; } .main { padding: 1rem; } @@ -117,15 +125,25 @@ nav ul { color: var(--base-fg); display: block; font: 2rem serif; + margin-right: 1.5rem; + margin-top: 1.5rem; text-decoration: none; } -.nav a { - display: block; - padding: 0.25rem 0; } - .nav a, .nav a:active { - text-decoration: none; } - .nav a[aria-current="page"], .nav a:focus, .nav a:hover { - text-decoration: underline; } +.nav { + margin-top: 1.5rem; } + .nav a { + display: block; + padding: 0.5rem; } + .nav a, .nav a:active { + text-decoration: none; } + .nav a[aria-current="page"], .nav a:focus, .nav a:hover { + text-decoration: underline; } + :first-child > .nav a { + padding-left: 0; } + .nav__list { + align-items: center; + display: flex; + flex-wrap: wrap; } .project-list__item { display: flex;