diff options
author | Patrick Spek <p.spek@tyil.work> | 2018-08-16 01:04:34 +0200 |
---|---|---|
committer | Patrick Spek <p.spek@tyil.work> | 2018-08-16 01:04:34 +0200 |
commit | db9090f75fc2696b31dfdf8eb5e2a5f8eaad6e7e (patch) | |
tree | caef85e3c3e49868ad6bccf5c17ec9636c3a789b /css/main.less | |
parent | a70742e1376ddaa3e9dcf1ae4d0b7516d4b70a0a (diff) |
Update CSS
Diffstat (limited to 'css/main.less')
-rw-r--r-- | css/main.less | 99 |
1 files changed, 10 insertions, 89 deletions
diff --git a/css/main.less b/css/main.less index 199ef30..21f7a8e 100644 --- a/css/main.less +++ b/css/main.less @@ -1,21 +1,13 @@ -@bodybgColor: #fefefe; -@bodyTextColor: #454545; - -// Link Colors -@linkColor: #07a; -@linkVisitedColor: #07a; -@linkVisitedInvertedColor: #ac5a82; -// =============== - -@wrongColor: #c0392b; -@shittyBlue: #0000EE; -@shittyViolet: #551A8B; -@motherfuckingColor: #16a085; -@blockQuoteColor: #456; -@openQuoteColor: #666; +@import "./variables.less"; + +@import "./custom/blockquotes.less"; +@import "./custom/helpers.less"; +@import "./custom/navigation.less"; + +@import "./formats/asciidoc.less"; html { - background-color: @bodybgColor; + background-color: @bodyBackgroundColor; } body { @@ -32,33 +24,6 @@ small { font-size: 0.7em; } -nav { - padding-bottom: 8px; - border-bottom: double @bodyTextColor; - text-align: center; - font-family: Sans; - - a, a:visited { - margin: 0 0.5em; - font-size: 24px; - text-decoration: none; - color: @bodyTextColor; - } - - .brand-name { - text-align: center; - display: block; - font-weight: bold; - font-size: 32px; - color: @bodyTextColor; - margin-bottom: 8px; - } -} - -a, a:visited { - color: @linkColor; -} - li p { margin: 0; } @@ -67,57 +32,13 @@ table { width: 100%; } -blockquote{ - color: @blockQuoteColor; - margin-left: 0; - margin-top: 2em; - margin-bottom: 2em; - - span{ - float: left; - margin-left: 1rem; - padding-top: 1rem; - } - - author{ - display: block; - clear: both; - font-size: 0.6em; - margin-left: 2.4rem; - font-style: oblique; - - &:before{ - content: "- "; - margin-right: 1em; - } - } - - &::before{ - font-family: "Times New Roman", Times, Arial; - color: @openQuoteColor; - content: open-quote; - font-size: 2.2em; - font-weight: 600; - float: left; - margin-top: 0em; - margin-right: 0.2rem; - width: 1.2rem; - } - - &::after{ - content: ""; - display: block; - clear: both; - } -} - pre.pygments { - border: double @openQuoteColor; + border: 2px solid @blockBorderColor; padding: 8px; } code { - background-color: #eee; + background-color: @blockBackgroundColor; padding: 2px; } |