diff --git a/assets/styles/millironx.css b/assets/styles/millironx.css new file mode 100644 index 0000000..3b6bd97 --- /dev/null +++ b/assets/styles/millironx.css @@ -0,0 +1,47 @@ +:root { + /* + Color schemes + */ + color-scheme: light dark; + --prickly-pear-yellow: #735f02; + --eclipse-gray: #3a3a3a; + --pumpkin-olive: #59521c; + --manhattan-steel-blue: #224553; + --pine-green: #36581d; + --brown-swiss-calf-brown: #543c21; + --ear-tag-red: #67160e; + --flaming-gorge-blue: #1b3e5a; + --hayyard-green: #355322; + --coeurdalene-purple: #1b245a; + --brown-swiss-cow-brown: #563c1f; + --buffalo-blue: #0b496a; + --saddle-blue: #104165; + --brown-swiss-gray: #eaddca; + + /* + Fonts + */ + --font-family-antique: Superclarendon, "Bookman Old Style", "URW Bookman", + "URW Bookman L", "Georgia Pro", Georgia, serif; + --font-family-slab-serif: Rockwell, "Rockwell Nova", "Roboto Slab", + "DejaVu Serif", "Sitka Small", serif; + --font-family-system-ui: system-ui, sans-serif; + + /* + Breakpoint + */ + @property --responsive-breakpoint { + syntax: ""; + inherits: false; + initial-value: 768px; + } +} + +/* + Default element styles (for small screens) +*/ + +html { + background-color: light-dark(var(--brown-swiss-gray), var(--eclipse-gray)); + font-family: var(--font-family-slab-serif); +} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index ca745ee..6dfbc6c 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -8,8 +8,8 @@ {{ end }} {{ .Title }} - {{ .Site.Title }} - {{ $twbssass := resources.Get "styles/mix-twbs.scss" }} - {{ $twbssass = $twbssass | resources.ToCSS | resources.PostCSS | minify | resources.PostProcess }} + {{ $twbssass := resources.Get "styles/millironx.css" }} + {{ $twbssass = $twbssass | resources.PostCSS | minify | resources.PostProcess }}