diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/_root.scss (renamed from assets/css/root.scss) | 8 | ||||
| -rw-r--r-- | assets/css/base.scss | 11 | ||||
| -rw-r--r-- | assets/css/fonts.scss | 15 | ||||
| -rw-r--r-- | assets/css/markup/_index.scss | 1 | ||||
| -rw-r--r-- | assets/css/markup/_render-heading.scss (renamed from assets/css/markup/render-heading.scss) | 0 | ||||
| -rw-r--r-- | assets/css/partials/_article.scss (renamed from assets/css/partials/article.scss) | 6 | ||||
| -rw-r--r-- | assets/css/partials/_footer.scss (renamed from assets/css/partials/footer.scss) | 0 | ||||
| -rw-r--r-- | assets/css/partials/_header.scss (renamed from assets/css/partials/header.scss) | 0 | ||||
| -rw-r--r-- | assets/css/partials/_index.scss | 3 |
9 files changed, 15 insertions, 29 deletions
diff --git a/assets/css/root.scss b/assets/css/_root.scss index 225b3f9..5932125 100644 --- a/assets/css/root.scss +++ b/assets/css/_root.scss @@ -1,11 +1,11 @@ :root { - --font-heading: 'Aleo', "Roboto Slab", "Times New Roman", serif; - --font-body: 'Rubik', Helvetica, sans-serif; - --font-mono: 'Roboto Mono', "Ubuntu Mono", "Fira Code", "Consolas" , monospace; + --font-heading: "Roboto Slab", "Times New Roman", serif; + --font-body: Arial, Helvetica, sans-serif; + --font-mono: "Fira Code", "Consolas" , monospace; font-size: 16px; font-weight: 400; - line-height: 1.5; + line-height: 1.65; font-family: var(--font-body); --accent-1: hsl(152, 90%, 20%); diff --git a/assets/css/base.scss b/assets/css/base.scss index bc12617..1181648 100644 --- a/assets/css/base.scss +++ b/assets/css/base.scss @@ -1,11 +1,6 @@ -@import "fonts.scss"; -@import "root.scss"; - -@import "markup/render-heading.scss"; - -@import "partials/header.scss"; -@import "partials/article.scss"; -@import "partials/footer.scss"; +@import "_root"; +@import "markup/_index"; +@import "partials/_index"; html, body { diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss deleted file mode 100644 index 19511ef..0000000 --- a/assets/css/fonts.scss +++ /dev/null @@ -1,15 +0,0 @@ -@font-face { - font-family: 'Aleo'; - font-style: normal; - font-weight: 100 900; - font-display: swap; - src: url('/fonts/aleo.woff2') format('woff2-variations'); -} - -@font-face { - font-family: 'Rubik'; - font-style: normal; - font-weight: 100 900; - font-display: swap; - src: url('/fonts/rubik.woff2') format('woff2-variations'); -}
\ No newline at end of file diff --git a/assets/css/markup/_index.scss b/assets/css/markup/_index.scss new file mode 100644 index 0000000..ead742e --- /dev/null +++ b/assets/css/markup/_index.scss @@ -0,0 +1 @@ +@import "_render-heading";
\ No newline at end of file diff --git a/assets/css/markup/render-heading.scss b/assets/css/markup/_render-heading.scss index 4fa23a8..4fa23a8 100644 --- a/assets/css/markup/render-heading.scss +++ b/assets/css/markup/_render-heading.scss diff --git a/assets/css/partials/article.scss b/assets/css/partials/_article.scss index f93d460..11da92b 100644 --- a/assets/css/partials/article.scss +++ b/assets/css/partials/_article.scss @@ -3,7 +3,7 @@ main { padding: 1rem; box-sizing: border-box; - max-width: 65ch; + max-width: 72ch; width: 100%; font-size: 1.25rem; @@ -23,8 +23,10 @@ main { >p>code { word-break: break-word; - font-size: 0.9em; + font-family: var(--font-mono); + color: var(--accent-1); + background-color: #f6f6f6; } h1 { diff --git a/assets/css/partials/footer.scss b/assets/css/partials/_footer.scss index 9c6ccc1..9c6ccc1 100644 --- a/assets/css/partials/footer.scss +++ b/assets/css/partials/_footer.scss diff --git a/assets/css/partials/header.scss b/assets/css/partials/_header.scss index 21e746b..21e746b 100644 --- a/assets/css/partials/header.scss +++ b/assets/css/partials/_header.scss diff --git a/assets/css/partials/_index.scss b/assets/css/partials/_index.scss new file mode 100644 index 0000000..914dd5b --- /dev/null +++ b/assets/css/partials/_index.scss @@ -0,0 +1,3 @@ +@import "_article"; +@import "_footer"; +@import "_header";
\ No newline at end of file |