1 files changed, 134 insertions, 0 deletions
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;
+}