diff options
author | Yaroslav <contact@yaroslavps.com> | 2020-03-15 02:04:30 +0300 |
---|---|---|
committer | Yaroslav <contact@yaroslavps.com> | 2020-03-15 02:04:30 +0300 |
commit | 2dace68a24ca0fc4355b2ebceea8eaa1be36fd10 (patch) | |
tree | ec37ab919b7d27801ecd5706ff789c8fa2a91d60 /static/css | |
parent | 0e0522500103610258f9aeefb6d33b827952c9e1 (diff) | |
download | yaroslavps.com-2dace68a24ca0fc4355b2ebceea8eaa1be36fd10.tar.gz yaroslavps.com-2dace68a24ca0fc4355b2ebceea8eaa1be36fd10.zip |
css to sass; fixed fucking pre overflow
Diffstat (limited to 'static/css')
-rw-r--r-- | static/css/fonts.css | 53 | ||||
-rw-r--r-- | static/css/yaroslavps.css | 127 |
2 files changed, 0 insertions, 180 deletions
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; -} |