commit 567b962d2bd7454ab2939c718d73c4bc4c07bb71
parent ffb7a066e23ce0dd0a5479e7a28c25ec1ecf1908
Author: FIGBERT <figbert@figbert.com>
Date: Fri, 28 May 2021 23:06:09 -0700
Move SASS back into global.css
Diffstat:
12 files changed, 134 insertions(+), 139 deletions(-)
diff --git a/config.toml b/config.toml
@@ -8,7 +8,6 @@ languages = [
]
generate_feed = true
-compile_sass = true
[markdown]
highlight_code = true
diff --git a/sass/code.sass b/sass/code.sass
@@ -1,12 +0,0 @@
-pre
- padding: 1rem
- white-space: pre-wrap
- border: 1px solid #ccc
- code
- border: none
-
-code
- font-size: 1rem
- padding: 0 4px
- border: 1px solid #ccc
-
diff --git a/sass/error.sass b/sass/error.sass
@@ -1,14 +0,0 @@
-.error
- display: grid
- place-items: center
- width: 100%
- height: 100%
- img
- max-width: 19rem
- strong
- font-size: 5rem
- font-weight: 800
- p
- font-size: 2rem
- font-weight: 200
-
diff --git a/sass/global.sass b/sass/global.sass
@@ -1,35 +0,0 @@
-@import variables.sass
-@import headers.sass
-@import table.sass
-@import links.sass
-@import nav.sass
-@import code.sass
-@import kbd.sass
-@import error.sass
-@import quote.sass
-
-body
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
- background-color: $background-color
- color: $text-color
- margin-left: auto
- margin-right: auto
- line-height: 200%
- max-width: 40rem
- padding-left: 3rem
- padding-right: 3rem
- padding-bottom: 3rem
-
-video, picture, img
- width: 100%
-
-.page-preview
- margin-top: 2rem
- margin-bottom: 3rem
- h3
- margin: 0
-
-article > p
- line-height: 2.5
- margin-bottom: 1.75rem
-
diff --git a/sass/headers.sass b/sass/headers.sass
@@ -1,17 +0,0 @@
-@import variables.sass
-
-h1, h2, h3, h4, h5, h6
- a
- color: inherit
- &::before
- content: ""
- &::after
- content: ""
-
-.zola-anchor
- color: $secondary-color
- &::before
- content: ""
- &::after
- content: ""
-
diff --git a/sass/kbd.sass b/sass/kbd.sass
@@ -1,12 +0,0 @@
-@import variables.sass
-
-kbd
- color: $background-color
- font-size: 1.25rem
- padding: 0.1rem 0.6rem
- text-shadow: 0 1px 0 #fff
- background-color: #e4e6e8
- border: 1px solid #726E6E
- border-radius: 3px
- box-shadow: 0 1px 1px rgba(244,245,245,0.15), inset 0 1px 0 0 #fff
-
diff --git a/sass/links.sass b/sass/links.sass
@@ -1,7 +0,0 @@
-@import variables.sass
-
-a
- color: $tertiary-color
- font-weight: 500
- text-decoration: none
-
diff --git a/sass/nav.sass b/sass/nav.sass
@@ -1,15 +0,0 @@
-nav
- width: 100%
- display: flex
- justify-content: space-around
- a
- font-weight: 800
- color: inherit
- &::before
- content: ""
- &::after
- content: ""
-
-header
- padding-bottom: 1rem
-
diff --git a/sass/quote.sass b/sass/quote.sass
@@ -1,7 +0,0 @@
-@import variables.sass
-
-blockquote
- border-left: 5px solid $secondary-color
- margin: 1.5rem 0
- padding: 0 1.5rem
-
diff --git a/sass/table.sass b/sass/table.sass
@@ -1,14 +0,0 @@
-@import variables.sass
-
-table
- border-collapse: collapse
- width: 100%
-
-thead
- background-color: $tertiary-color
-
-td, th
- border: 1px solid $text-color
- padding: 0.5rem
- text-align: left
-
diff --git a/sass/variables.sass b/sass/variables.sass
@@ -1,5 +0,0 @@
-$background-color: #1F1E1E
-$text-color: #f5f5f5
-$secondary-color: #214ED4
-$tertiary-color: #6082E6
-
diff --git a/static/global.css b/static/global.css
@@ -0,0 +1,134 @@
+:root {
+ --background-color: #1F1E1E;
+ --text-color: #F5F5F5;
+ --secondary-color: #214ED4;
+ --tertiary-color: #6082E6;
+}
+
+/* Main */
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ margin-left: auto;
+ margin-right: auto;
+ line-height: 200%;
+ max-width: 40rem;
+ padding-left: 3rem;
+ padding-right: 3rem;
+ padding-bottom: 3rem;
+}
+
+video, picture, img {
+ width: 100%;
+}
+
+article > p {
+ line-height: 2.5
+ margin-bottom: 1.75rem
+}
+
+/* Code */
+pre {
+ padding: 1rem;
+ white-space: pre-wrap;
+ border: 1px solid #ccc;
+}
+
+pre > code {
+ border: none;
+}
+
+code {
+ font-size: 1rem;
+ padding: 0 4px;
+ border: 1px solid #ccc;
+}
+
+/* Error */
+.error {
+ display: grid;
+ place-items: center;
+ width: 100%;
+ height: 100%;
+}
+
+.error > img {
+ max-width: 19rem;
+}
+.error > strong {
+ font-size: 5rem;
+ font-weight: 800;
+}
+
+.error > p {
+ font-size: 2rem;
+ font-weight: 200;
+}
+
+/* Headers */
+h1, h2, h3, h4, h5, h6 > a {
+ color: inherit;
+}
+
+.zola-anchor {
+ color: var(--secondary-color);
+}
+
+/* Keyboard */
+kbd {
+ color: var(--background-color);
+ font-size: 1.25rem;
+ padding: 0.1rem 0.6rem;
+ text-shadow: 0 1px 0 #fff;
+ background-color: #e4e6e8;
+ border: 1px solid #726E6E;
+ border-radius: 3px;
+ box-shadow: 0 1px 1px rgba(244,245,245,0.15), inset 0 1px 0 0 #fff;
+}
+
+/* Links */
+a {
+ color: var(--tertiary-color);
+ font-weight: 500;
+ text-decoration: none;
+}
+
+/* Nav */
+nav {
+ width: 100%;
+ display: flex;
+ justify-content: space-around;
+}
+
+nav > a {
+ font-weight: 800;
+ color: inherit;
+}
+
+header {
+ padding-bottom: 1rem;
+}
+
+/* Quote */
+blockquote {
+ border-left: 5px solid var(--secondary-color);
+ margin: 1.5rem 0;
+ padding: 0 1.5rem;
+}
+
+/* Table */
+table {
+ border-collapse: collapse;
+ width: 100%;
+}
+
+thead {
+ background-color: var(--tertiary-color);
+}
+
+td, th {
+ border: 1px solid var(--text-color);
+ padding: 0.5rem;
+ text-align: left;
+}
