testing stuff

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));

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;
+}

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);
 }