hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit 29127e15b6fbdfc097840abc2dd2bd59803ee771
parent c990fff1d3bdac6be8ef4efd0435cd800175539a
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Fri, 24 Mar 2017 06:11:26 -0400

Put the content of abstractions.css directly in the HEAD.

Diffstat:
Dstatic/dev/css/global/abstractions.css | 18------------------
Mtemplates/mustache/partials/head.mustache | 31+++++++++++++++++++++++++++++++
2 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/static/dev/css/global/abstractions.css b/static/dev/css/global/abstractions.css @@ -1,18 +0,0 @@ -/* ABSTRACTIONS */ -:root { - /* Base Vars */ - /* Colors */ - --base-bg-color: #f1f1f1; - --base-fg-color: #111111; - --base-link-color: #0000ff; - --code-bg-color: rgba(255,255,255,0.4); - --code-fg-color: #444444; - --shadow-color: #cccccc; - - /* Typography */ - --fontfamily-alpha: "Domine",Georgia,"Times New Roman",times,serif; - --fontfamily-beta: "Leitura News","Domine", serif; - - --base-fontsize: 18px; - --base-fontsize-desktop: 24px; -} diff --git a/templates/mustache/partials/head.mustache b/templates/mustache/partials/head.mustache @@ -7,6 +7,37 @@ <meta name="viewport" content="width=device-width, initial-scale=1" /> <script src="{{ BASE_URL }}/js/vendor/modernizr-3.3.1-custom.min.js" async="async"></script> + + <style> + /* ABSTRACTIONS */ + /* Global Vars */ + :root { + /* Colors */ + --base-bg-color: #f1f1f1; + --base-fg-color: #111111; + --base-link-color: #0000ff; + --code-bg-color: rgba(255,255,255,0.4); + --code-fg-color: #444444; + --shadow-color: #cccccc; + + /* Typography */ + --fontfamily-alpha: "Domine",Georgia,"Times New Roman",times,serif; + --fontfamily-beta: "Leitura News","Domine", serif; + + --base-fontsize: 18px; + + /* Layout */ + --grid-max-width: 992px; + } + + /* 992px / 16px = 62em */ + @media screen and (min-width: 62em) { + :root { + /* Typography */ + --base-fontsize: 24px; + } + } + </style> <link rel="stylesheet" href="{{ BASE_URL }}/css/styles.min.css" /> <!-- webmention -->