From 380a8d0aae598b3e1b823d425acd88be4d828c47 Mon Sep 17 00:00:00 2001 From: Starbeamrainbowlabs Date: Mon, 11 Mar 2019 19:31:11 +0000 Subject: [PATCH] Create initial theme --- css/theme.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 14 +++++++++++-- 2 files changed, 66 insertions(+), 2 deletions(-) diff --git a/css/theme.css b/css/theme.css index c0b6872..3d356db 100644 --- a/css/theme.css +++ b/css/theme.css @@ -1 +1,55 @@ @import "../node_modules/deck3000/dist/deck3000.css"; + +:root { + --accent-main: #FE6431; + --bg-dark: #323232; + --bg-light: white; +} + +html, body { font-size: 175%; } +body { + font-family: sans-serif; +} + +article { + width: 100vw !important; height: 100vh !important; + display: flex; + flex-direction: column; + box-sizing: border-box; +} + +article.title { + background: var(--bg-dark); + color: var(--bg-light); +} + +article:not(.title) { + padding: 1em 3em; + + background: content-box url("./images/freeside.svg") bottom right / 15% no-repeat; +} + +h1, h2, h3 { + color: var(--accent-main); + text-align: center; + margin: 0.5em 0; +} +h1 { font-size: 150%; } +h2 { font-size: 125%; margin-top: 0.1em; } + +p:first-of-type { margin: 0; } + +img { + padding: 0.5em; +} + +.bg-light { background: var(--bg-light); } + +.centre-content { text-align: center; } + +.flex-1 { flex: 1; } +.flex-2 { flex: 2; } +.flex-3 { flex: 3; } +.flex-4 { flex: 4; } +.flex-5 { flex: 5; } +.flex-6 { flex: 6; } diff --git a/index.html b/index.html index ffa8c6e..e5a6f58 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,19 @@
+
+

Linux 101

+
+ +
+
-

Linux 101

-

+

Test Content

+
    +
  • a
    • +
  • b
    • +
  • c
    • +