From 2dace68a24ca0fc4355b2ebceea8eaa1be36fd10 Mon Sep 17 00:00:00 2001
From: Yaroslav <contact@yaroslavps.com>
Date: Sun, 15 Mar 2020 02:04:30 +0300
Subject: css to sass; fixed fucking pre overflow

---
 sass/css/yaroslavps.scss | 134 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 134 insertions(+)
 create mode 100644 sass/css/yaroslavps.scss

(limited to 'sass/css/yaroslavps.scss')

diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
new file mode 100644
index 0000000..bd231e5
--- /dev/null
+++ b/sass/css/yaroslavps.scss
@@ -0,0 +1,134 @@
+@import "normalize";
+@import "colors";
+@import "fonts";
+
+html, body {
+  width: 100%;
+  min-height: 100vh;
+  background-color: $bg;
+  background-image: url("/svg/background.svg");
+  background-size: 45px 45px;
+  background-repeat: repeat;
+  background-attachment: fixed;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+li,
+p {
+    color: $white;
+}
+
+ol,
+ul,
+li,
+a,
+p {
+  line-height: 1.3;
+  font-family: $font_sans;
+}
+
+a, a:visited {
+  color: $cyan;
+  text-decoration: none;
+}
+
+a:hover {
+  color: $dark_cyan;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+h1 > a,
+h2 > a,
+h3 > a,
+h4 > a,
+h5 > a,
+h6 > a {
+  font-family: $font_serif;
+  font-weight: normal;
+}
+
+hr {
+  border-style: solid;
+  border-color: $white;
+  border-width: 1px 0 0 0;
+}
+
+pre {
+  padding: 1em 0;
+  overflow-x: auto;
+  font-family: $font_mono;
+}
+
+code {
+  color: $gray;
+  font-family: $font_mono;
+}
+
+span.icon {
+  font-family: $font_mono;
+  font-size: 2em;
+  margin: auto 0.5em;
+}
+
+.publish-date {
+  color: $gray;
+  font-family: $font_sans;
+  font-weight: normal;
+  font-style: italic;
+}
+
+h2 > span.publish-date {
+  font-size: 0.8em;
+}
+
+.main-container {
+  display: grid;
+  grid-template-columns: minmax(0, 5fr) 2fr;
+  grid-template-rows: min-content auto;
+  max-width: 1080px;
+  margin: 0 auto;
+  min-height: 100vh;
+  height: auto;
+  background-color: $bg;
+}
+
+.landing-page-container {
+  grid-column-start: 1;
+  grid-column-end: 3;
+}
+
+.header-container {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  text-align: center;
+  padding: 0 1em;
+}
+
+.sidebar-container {
+  padding: 1em;
+}
+
+.sticky-wrapper {
+  position: sticky;
+  top: 1em;
+}
+
+.links-container {
+  text-align: center;
+}
+
+.post-container {
+  padding: 2em;
+}
-- 
cgit v1.2.3