extras

src/extras/colors.css

@@ -0,0 +1,16 @@
+:root {
+    --info: steelblue;
+    --warning: #B7950B;
+    --danger: #C0392B;
+    --success: #1E8449;
+}
+
+blockquote.info {background: #EBF5FB; color: var(--info); border: 1px solid var(--theme)}
+blockquote.danger {background: #FDEDEC; color: var(--danger); border: 1px solid var(--danger)}
+blockquote.warn {background: #FEF9E7; color: var(--warning) ; border: 1px solid var(--warning)}
+blockquote.success {background: #EAFAF1; color: var(--success); border: 1px solid var(--success)}
+
+button.info {background: var(--info);color: var(--white);}
+button.warning {background: var(--warning);color: var(--white);}
+button.danger {background: var(--danger);color: var(--white);}
+button.success {background: var(--success);color: var(--white);}

src/extras/layout.css

@@ -41,4 +41,5 @@ main {
 
 .right {float:right}
 .left {float:left}
-.center {text-align: center;}
+.center {text-align: center;}
+.clear {content:'';display: table;clear:both}

src/extras/reset.css

@@ -0,0 +1,7 @@
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+
+* {margin:0}
+
+body {font-family: system-ui;}

src/extras/tabs.css

@@ -1,21 +1,21 @@
-/* nav tabs */
-
-nav.tabs ul {
-    margin-left: -.5rem !important;
-}
-
-nav.tabs li {
-    margin: 0;
-}
-
-nav.tabs a.active {
-    padding: .5rem;
-    background: var(--theme);
-    border-bottom: 4px solid var(--theme);
-    color: var(--bg);
-    border-radius: 8px 8px 0 0;
-}
-
-nav.tabs li {
-    padding: .25rem .5rem;
+/* nav tabs */
+
+nav.tabs ul {
+    margin-left: -.5rem !important;
+}
+
+nav.tabs li {
+    margin: 0;
+}
+
+nav.tabs a.active {
+    padding: .5rem;
+    background: var(--theme);
+    border-bottom: 4px solid var(--theme);
+    color: var(--bg);
+    border-radius: 8px 8px 0 0;
+}
+
+nav.tabs li {
+    padding: .25rem .5rem;
 }