diff --git a/sidebar.css b/sidebar.css index 0923b4b..cc38e5b 100644 --- a/sidebar.css +++ b/sidebar.css @@ -2,23 +2,23 @@ /* The Sidebar */ /*=============*/ -.with-sidebar { +.sidebar { overflow: hidden; } -.with-sidebar > * { +.sidebar > * { --space: var(--s1); display: flex; flex-wrap: wrap; margin: calc(var(--space) / 2 * -1); } -.with-sidebar > * > * { +.sidebar > * > * { margin: calc(var(--space) / 2); flex-grow: 1; } -.with-sidebar > * > :last-child { +.sidebar > * > :last-child { flex-basis: 0; flex-grow: 999; min-width: calc(50% - var(--space)); diff --git a/style.css b/style.css index 98413ea..c72432c 100644 --- a/style.css +++ b/style.css @@ -5,3 +5,16 @@ h3 { h2 { font-size: var(--font-size-big); } + +h1 { + font-size: var(--font-size-bigger); +} + +.avatar > img { + max-height: 100%; + height: var(--s5); +} + +.outline { + border: 5px solid red; +} diff --git a/vars.css b/vars.css index bd606f4..576de81 100644 --- a/vars.css +++ b/vars.css @@ -22,4 +22,5 @@ --font-size-base: var(--s0); --font-size-biggish: var(--s1); --font-size-big: var(--s2); + --font-size-bigger: var(--s3); }