testing stuff

This commit is contained in:
Thorn Avery 2021-03-29 15:42:42 +13:00
parent 518ac9d99f
commit 330c183344
3 changed files with 18 additions and 4 deletions

View File

@ -2,23 +2,23 @@
/* The Sidebar */ /* The Sidebar */
/*=============*/ /*=============*/
.with-sidebar { .sidebar {
overflow: hidden; overflow: hidden;
} }
.with-sidebar > * { .sidebar > * {
--space: var(--s1); --space: var(--s1);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: calc(var(--space) / 2 * -1); margin: calc(var(--space) / 2 * -1);
} }
.with-sidebar > * > * { .sidebar > * > * {
margin: calc(var(--space) / 2); margin: calc(var(--space) / 2);
flex-grow: 1; flex-grow: 1;
} }
.with-sidebar > * > :last-child { .sidebar > * > :last-child {
flex-basis: 0; flex-basis: 0;
flex-grow: 999; flex-grow: 999;
min-width: calc(50% - var(--space)); min-width: calc(50% - var(--space));

View File

@ -5,3 +5,16 @@ h3 {
h2 { h2 {
font-size: var(--font-size-big); 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;
}

View File

@ -22,4 +22,5 @@
--font-size-base: var(--s0); --font-size-base: var(--s0);
--font-size-biggish: var(--s1); --font-size-biggish: var(--s1);
--font-size-big: var(--s2); --font-size-big: var(--s2);
--font-size-bigger: var(--s3);
} }