From 2dace68a24ca0fc4355b2ebceea8eaa1be36fd10 Mon Sep 17 00:00:00 2001 From: Yaroslav Date: Sun, 15 Mar 2020 02:04:30 +0300 Subject: css to sass; fixed fucking pre overflow --- static/css/fonts.css | 53 ------------------- static/css/yaroslavps.css | 127 ---------------------------------------------- 2 files changed, 180 deletions(-) delete mode 100644 static/css/fonts.css delete mode 100644 static/css/yaroslavps.css (limited to 'static/css') diff --git a/static/css/fonts.css b/static/css/fonts.css deleted file mode 100644 index be3d523..0000000 --- a/static/css/fonts.css +++ /dev/null @@ -1,53 +0,0 @@ -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Regular.ttf"); -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Bold.ttf"); - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Italic.ttf"); - font-style: italic; -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-BoldItalic.ttf"); - font-style: italic; - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Regular.ttf"); -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Bold.ttf"); - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Italic.ttf"); - font-style: italic; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-BoldItalic.ttf"); - font-style: italic; - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Mono"; - src: url("/fonts/BlexMono.ttf"); -} - diff --git a/static/css/yaroslavps.css b/static/css/yaroslavps.css deleted file mode 100644 index 8f3d4cd..0000000 --- a/static/css/yaroslavps.css +++ /dev/null @@ -1,127 +0,0 @@ -@import url("/css/fonts.css"); - -html, body { - width: 100%; - min-height: 100vh; - background-color: #000; - background-image: url("/svg/background.svg"); - background-size: 45px 45px; - background-repeat: repeat; - margin: 0; - padding: 0; - font-size: 18px; -} - -h1, -h2, -h3, -h4, -h5, -h6, -ul, -ol, -li, -p { - color: #dedede; -} - -ol, -ul, -li, -a, -p { - line-height: 1.3; - font-family: "IBM Plex Sans", Verdana, Helvetica, sans-serif; -} - -a, a:visited { - color: #7fac96; - text-decoration: none; -} - -a:hover { - color: #5b8277; -} - -h1, -h2, -h3, -h4, -h5, -h6, -h1 > a, -h2 > a, -h3 > a, -h4 > a, -h5 > a, -h6 > a { - font-family: "IBM Plex Serif", Georgia, serif; - font-weight: 300; -} - -hr { - border-style: solid; - border-color: #dedede; - border-width: 1px 0 0 0; -} - -pre { - padding: 1em 0; - overflow-x: auto; - max-width: calc(100vw/3*2 - 4em); -} - -span.icon { - font-family: "IBM Plex Mono"; - font-size: 2em; - margin: auto 0.5em; -} - -.publish-date { - color: #a1a6b2; - font-family: "IBM Plex Sans"; - font-weight: 300; - font-style: italic; -} - -h2 > span.publish-date { - font-size: 0.8em; -} - -.main-container { - display: grid; - grid-template-columns: 5fr 2fr; - grid-template-rows: min-content auto; - max-width: 1080px; - margin: 0 auto; - min-height: 100vh; - height: auto; - background-color: #000; -} - -.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; -} - -.links-container { - text-align: center; -} - -.content-container { -} - -.post-container { - padding: 2em; -} -- cgit v1.2.3