first commit

liquet/style.css

@@ -0,0 +1,99 @@
+/*
+Theme Name: Liquet
+Author: Niccolo Borgioli
+Description: Minimalistic clean theme
+Version: 0.1
+License: MIT
+Tags: minimal, simple, typography, clean
+Author URI: https://nicco.io
+License URI: https://opensource.org/licenses/MIT
+Theme URI: https://github.com/cupcakearmy/liquet
+*/
+
+* {
+    box-sizing: border-box;
+    --clr-primary: hsl(194, 100%, 88%);
+    --clr-white: #ffffff;
+    --clr-black: #000000;
+    --clr-dark: #222222;
+    --clr-ligher: #eeeeee;
+    --text-width: 35rem;
+    --animation: all 100ms ease;
+}
+
+html, body {
+    padding: 0;
+    margin: 0;
+    font-family: Raleway, serif;
+    font-size: 1rem;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+}
+
+pre {
+    overflow: auto;
+    background-color: var(--clr-ligher);
+    padding: 1em;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+hr {
+    border: 0;
+    border-top: 1px solid #f5f5f5;
+}
+
+.fill {
+    height: 100%;
+    width: 100%;
+}
+
+.fill-v {
+    height: 100%;
+}
+
+.fill-h {
+    width: 100%;
+}
+
+.alt-font {
+    font-family: "Abril Fatface", serif;
+}
+
+#app {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    overflow-x: auto;
+}
+
+.view {
+    max-width: var(--text-width);
+}
+
+.tags {
+    margin-top: -.25em;
+}
+
+.tags > a.tag {
+    padding: .25em;
+    background: #eee;
+    border-radius: .25em;
+    display: inline-block;
+    margin-top: .25em;
+}
+
+.gohome {
+    padding: .5em;
+    align-self: center;
+    transition: var(--animation);
+}
+
+.gohome:hover {
+    transform: scale(1.5);
+}