From ef7926f2a457b19dcd277c6be0bcb2789bbff718 Mon Sep 17 00:00:00 2001 From: NerdyPepper Date: Tue, 30 Jul 2019 14:21:57 +0530 Subject: fix styles [episode 8] --- docs/index.html | 2 +- docs/style.css | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ generate.sh | 2 +- style.css | 112 -------------------------------------------------------- 4 files changed, 114 insertions(+), 114 deletions(-) create mode 100644 docs/style.css delete mode 100644 style.css diff --git a/docs/index.html b/docs/index.html index afdde45..384be00 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,7 +2,7 @@ - + n diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 0000000..fd07289 --- /dev/null +++ b/docs/style.css @@ -0,0 +1,112 @@ +:root { + --cyan: #00FECA; + --pink: #FF2079; + --black: #212121; + --light-black: #535353; + --white: #ffffff; + --dark-white: #d4d4d4; +} + +body { + font-family: sans; + background-color: var(--white); + color: var(--black); + font-size: 18px; + padding: 0; + padding-top: 2rem; + text-align: center; +} + +.posts { + text-align: left; + display: inline-block; + width: 100%; +} + +@media only screen and (min-width: 1000px) { + .posts { + text-align: left; + display: inline-block; + width: 60%; + } +} + + +.post { + margin: 2rem; +} + +hr { + color: var(--light-black); +} + +.date { + font-weight: 400; + font-size: 0.8rem; + color: var(--light-black); +} + +.separator { + margin: 0; + margin-top: 1rem; + margin-bottom: 1rem; + border-top: 1px solid var(--dark-white); +} + +.black-circle { + margin:0 auto; + width: 10rem; + height: 10rem; + border: 0px solid transparent; + border-radius: 50%; + background-color: var(--black); +} + +.heading { + margin:0 auto; + color: var(--white); + text-align: center; + font-size: 120px; + font-family: 'Iosevka Term', sans-serif; + text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); + line-height: 8.5rem; + font-style: italic; +} + +a, a:hover, a:visited, a:active { + text-decoration: none; + transition: ease 0.2s; +} + +a:hover, a:active { + background-color: var(--dark-white); +} + +.post-link { + color: var(--black); + font-family: sans-serif; + font-weight: 600; + font-size: 1rem; + text-decoration: none; + text-decoration-skip: objects edges box-decoration; +} + +.post-end-link, .post-end-link:hover, .post-end-link:visited, .post-end-link:active { + text-decoration: none; + color: var(--light-black); + text-shadow: none; +} + +.post-text { + font-size: 14px; +} + +pre, code { + background-color: var(--dark-white); + color: var(--black); +} + +pre { + padding: 1rem; + overflow: auto; +} diff --git a/generate.sh b/generate.sh index 0a8b28d..64fde9a 100755 --- a/generate.sh +++ b/generate.sh @@ -28,7 +28,7 @@ echo " - + n " > ./docs/index.html diff --git a/style.css b/style.css deleted file mode 100644 index fd07289..0000000 --- a/style.css +++ /dev/null @@ -1,112 +0,0 @@ -:root { - --cyan: #00FECA; - --pink: #FF2079; - --black: #212121; - --light-black: #535353; - --white: #ffffff; - --dark-white: #d4d4d4; -} - -body { - font-family: sans; - background-color: var(--white); - color: var(--black); - font-size: 18px; - padding: 0; - padding-top: 2rem; - text-align: center; -} - -.posts { - text-align: left; - display: inline-block; - width: 100%; -} - -@media only screen and (min-width: 1000px) { - .posts { - text-align: left; - display: inline-block; - width: 60%; - } -} - - -.post { - margin: 2rem; -} - -hr { - color: var(--light-black); -} - -.date { - font-weight: 400; - font-size: 0.8rem; - color: var(--light-black); -} - -.separator { - margin: 0; - margin-top: 1rem; - margin-bottom: 1rem; - border-top: 1px solid var(--dark-white); -} - -.black-circle { - margin:0 auto; - width: 10rem; - height: 10rem; - border: 0px solid transparent; - border-radius: 50%; - background-color: var(--black); -} - -.heading { - margin:0 auto; - color: var(--white); - text-align: center; - font-size: 120px; - font-family: 'Iosevka Term', sans-serif; - text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); - line-height: 8.5rem; - font-style: italic; -} - -a, a:hover, a:visited, a:active { - text-decoration: none; - transition: ease 0.2s; -} - -a:hover, a:active { - background-color: var(--dark-white); -} - -.post-link { - color: var(--black); - font-family: sans-serif; - font-weight: 600; - font-size: 1rem; - text-decoration: none; - text-decoration-skip: objects edges box-decoration; -} - -.post-end-link, .post-end-link:hover, .post-end-link:visited, .post-end-link:active { - text-decoration: none; - color: var(--light-black); - text-shadow: none; -} - -.post-text { - font-size: 14px; -} - -pre, code { - background-color: var(--dark-white); - color: var(--black); -} - -pre { - padding: 1rem; - overflow: auto; -} -- cgit v1.2.3