Move global styles to layout

2021-04-28 12:22:44 +02:00
parent 1c02d65020
commit 40eae4a8a5
8 changed files with 456 additions and 66 deletions
--- a/static/global.css
+++ b/static/global.css
@ -1,149 +0,0 @@
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  font-family: Cantarell, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI,
-    Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  font-size: 16px;
-  line-height: 1.65;
-  color: #42436a;
-  background: #f2f6f6;
-  min-height: 1vh;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 1em 0 0.5em 0;
-  font-weight: 200;
-  line-height: 1.2;
-  text-shadow: 1px 1px 1px #c6c4b7;
-  color: #212138;
-  letter-spacing: -0.01em;
-}
-
-h1 {
-  font-size: 2.5em;
-}
-
-h2 {
-  font-size: 1.7em;
-}
-
-h3 {
-  font-size: 1.5em;
-}
-
-h4 {
-  font-size: 1.3em;
-}
-
-a {
-  color: #2e2ed9;
-  text-decoration: none;
-  transition: 0.2s;
-}
-
-a:visited {
-  color: #9a2ed9;
-}
-
-a:hover {
-  color: #2e86d9;
-  text-decoration: underline;
-}
-
-code,
-pre {
-  font-family: menlo, inconsolata, monospace;
-  font-size: 0.92em;
-  line-height: 1.24em;
-  background-color: #f0f0f0;
-  padding: 0.2em 0.4em;
-  color: #464646;
-  text-shadow: 0 1px white;
-  text-align: left;
-  white-space: pre-wrap;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-figure {
-  margin: 1em 0.5em;
-  text-align: center;
-}
-
-figcaption {
-  font-size: 0.7em;
-  font-style: italic;
-}
-
-blockquote {
-  margin: 0.2em;
-  border-left: 2px solid #2d3935;
-  padding: 0 0.4em 0 0.8em;
-  background: #eaefef;
-  border-radius: 3px;
-  box-shadow: 1px 1px 2px #d4dbdb;
-}
-
-p {
-  margin: 0.8em 0;
-}
-
-.tearkiss {
-  color: #16d0e7;
-}
-
-.tearkiss-new {
-  color: #16d0e7;
-}
-
-::selection {
-  background: #0dd0d0;
-}
-
-.navigation-theme {
-  background: #2d3935;
-  color: #eae9be;
-}
-
-.navigation-theme a {
-  color: #eae9be;
-}
-
-.navigation-theme a:hover {
-  color: #faf9d6;
-}
-
-@media only screen and (min-width: 400px) {
-  body {
-    font-size: 18px;
-  }
-}
-
-@media only screen and (min-width: 700px) {
-  body {
-    font-size: 24px;
-  }
-
-  code,
-  pre {
-    font-size: 0.8em;
-  }
-}