diff options
author | stuebinm | 2021-05-28 18:38:51 +0200 |
---|---|---|
committer | stuebinm | 2021-05-28 18:38:51 +0200 |
commit | 818f7a68df4ca0221107b2d07eb502b16fa6d653 (patch) | |
tree | e8939bed4a329fc37dc06e466ea53e4c7d4626c5 /hakyll-nix/defaultsite/css/default.css | |
parent | 855acf6b984855646119551b39bffb4cf169dc40 (diff) |
hakyll wrapped in a nix derivation
(see the Readme.org file for more information)
Diffstat (limited to 'hakyll-nix/defaultsite/css/default.css')
-rw-r--r-- | hakyll-nix/defaultsite/css/default.css | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/hakyll-nix/defaultsite/css/default.css b/hakyll-nix/defaultsite/css/default.css new file mode 100644 index 0000000..381ff73 --- /dev/null +++ b/hakyll-nix/defaultsite/css/default.css @@ -0,0 +1,141 @@ +html { + font-size: 62.5%; +} + +body { + font-size: 1.6rem; + color: #000; +} + +header { + border-bottom: 0.2rem solid #000; +} + +nav { + text-align: right; +} + +nav a { + font-size: 1.8rem; + font-weight: bold; + color: black; + text-decoration: none; + text-transform: uppercase; +} + +footer { + margin-top: 3rem; + padding: 1.2rem 0; + border-top: 0.2rem solid #000; + font-size: 1.2rem; + color: #555; +} + +h1 { + font-size: 2.4rem; +} + +h2 { + font-size: 2rem; +} + +article .header { + font-size: 1.4rem; + font-style: italic; + color: #555; +} + +.logo a { + font-weight: bold; + color: #000; + text-decoration: none; +} + +@media (max-width: 319px) { + body { + width: 90%; + margin: 0; + padding: 0 5%; + } + header { + margin: 4.2rem 0; + } + nav { + margin: 0 auto 3rem; + text-align: center; + } + footer { + text-align: center; + } + .logo { + text-align: center; + margin: 1rem auto 3rem; + } + .logo a { + font-size: 2.4rem; + } + nav a { + display: block; + line-height: 1.6; + } +} + +@media (min-width: 320px) { + body { + width: 90%; + margin: 0; + padding: 0 5%; + } + header { + margin: 4.2rem 0; + } + nav { + margin: 0 auto 3rem; + text-align: center; + } + footer { + text-align: center; + } + .logo { + text-align: center; + margin: 1rem auto 3rem; + } + .logo a { + font-size: 2.4rem; + } + nav a { + display: inline; + margin: 0 0.6rem; + } +} + +@media (min-width: 640px) { + body { + width: 60rem; + margin: 0 auto; + padding: 0; + } + header { + margin: 0 0 3rem; + padding: 1.2rem 0; + } + nav { + margin: 0; + text-align: right; + } + nav a { + margin: 0 0 0 1.2rem; + display: inline; + } + footer { + text-align: right; + } + .logo { + margin: 0; + text-align: left; + } + .logo a { + float: left; + font-size: 1.8rem; + } +} |