From c6a02b03e1744f36dd4ffe31e710ff22805b37df Mon Sep 17 00:00:00 2001 From: uPagge Date: Wed, 3 Mar 2021 11:51:31 +0300 Subject: =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=BC=D0=B5=D0=B6=D1=83=D1=82=D0=BE?= =?UTF-8?q?=D1=87=D0=BD=D1=8B=D0=B9=20=D0=B2=D0=B0=D1=80=D0=B8=D0=B0=D0=BD?= =?UTF-8?q?=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/_buttom.scss | 80 +++++++++++++++++++++++++++++++++++++++++++++++ assets/css/_ublogger.scss | 27 ++++++++-------- 2 files changed, 94 insertions(+), 13 deletions(-) create mode 100644 assets/css/_buttom.scss (limited to 'assets') diff --git a/assets/css/_buttom.scss b/assets/css/_buttom.scss new file mode 100644 index 0000000..e8e36de --- /dev/null +++ b/assets/css/_buttom.scss @@ -0,0 +1,80 @@ +.button { + display: inline-block; + padding: 10px 20px; + max-width: 90%; + box-sizing: border-box; + text-decoration: none; + border-radius: 10px; + background-color: #333; + border: solid 2px #333; + color: #FFF; + text-align: center; + + [theme=dark] & { + color: #FFF; + } +} + +.button:hover { + color: #333; + background-color: #FFF; +} + +.button-big { + padding: 15px 30px; + font-size: 160%; + font-weight: bold; +} + +.button-white { + background-color: #FFF; + color: #333; + border-color: #333; +} + +.button-white:hover { + background-color: #000; + color: #FFF; +} + +.button-black { + background-color: #000; + color: #FFF; + border-color: #FFF; +} + +.button-black:hover { + background-color: #FFF; + color: #333; +} + +.button-red { + background-color: #fb0021; + border: solid 2px #fb0021; +} + +.button-red:hover { + background-color: #FFF; + color: #fb0021; +} + +.big-grey-button { + display: inline-block; + max-width: 90%; + box-sizing: border-box; + padding: 15px 30px; + background-color: #666; + border: solid 2px #555; + color: #FFF; + text-align: center; + text-decoration: none; + font-size: 160%; + font-weight: bold; + border-radius: 20px; + margin: 50px auto 0; +} + +.big-grey-button:hover { + background-color: #FFF; + color: #666; +} \ No newline at end of file diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss index 9909644..25f045b 100644 --- a/assets/css/_ublogger.scss +++ b/assets/css/_ublogger.scss @@ -33,24 +33,23 @@ header { article { - .post { - a:visited { - color: #70a0b0; + a:visited { + color: #70a0b0; - [theme=dark] & { - color: #70a0b0; - } + [theme=dark] & { + color: #70a0b0; } + } - a { - border-bottom: dashed 1px; - } + a { + border-bottom: dashed 1px; + } - a[class="header-mark"], .post-footer a { - border-bottom: none; - } + a[class="header-mark"], .post-footer a { + border-bottom: none; } + .content-block { border-radius: $article-border-radius; box-shadow: (0 0 1.5rem 0 rgba(0, 0, 0, .1)); @@ -114,6 +113,8 @@ article { border-top-left-radius: $article-border-radius; border-top-right-radius: $article-border-radius; } + + @import "_buttom"; } .article-mini { @@ -373,7 +374,7 @@ a.post-tag-summary { border-bottom: none; [theme=dark] & { - background-color: white; + background-color: $global-background-secondary-color; } } -- cgit v1.2.3