From 9c721f57b00474e8aac8408b37413c2f8c3227c7 Mon Sep 17 00:00:00 2001 From: samuel-p Date: Sun, 11 Apr 2021 02:54:43 +0200 Subject: [PATCH] removed light mode fixed open collective icon --- src/scss/icons.scss | 20 ++++++--------- src/scss/main.scss | 61 --------------------------------------------- 2 files changed, 8 insertions(+), 73 deletions(-) diff --git a/src/scss/icons.scss b/src/scss/icons.scss index 3caf123..caccf33 100644 --- a/src/scss/icons.scss +++ b/src/scss/icons.scss @@ -1,36 +1,32 @@ -.si { +.si, .si::before { display: inline-block; - background-repeat: no-repeat; - background-position: center; margin: 0 8px; width: 4em; height: 4em; + line-height: 1; + box-sizing: border-box; } @media (max-width: 767.98px) { - .si { + .si, .si::before { margin: 0 4px; width: 2em; height: 2em; } } -.h2si { +.h2si, .h2si::before { margin: 0; width: 30px; height: 24px; } @mixin svg-icon($name) { - .si-#{$name} { + .si-#{$name}::before { content: ' '; background-image: url("../img/#{$name}-white.svg"); - } - - @media screen and (prefers-color-scheme: light) { - .si-#{$name} { - background-image: url("../img/#{$name}.svg"); - } + background-repeat: no-repeat; + background-position: center; } } diff --git a/src/scss/main.scss b/src/scss/main.scss index ddaae5d..1aa1db9 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -282,64 +282,3 @@ pre { font-size: 2em; } } - -@media screen and (prefers-color-scheme: light) { - $primary: #0059fe; - $primary_dark: #2e6ee5; - - body { - background-image: url("../img/bg-light.png"); - color: #000; - } - .border-top, .border-bottom { - border-color: #000; - } - .heading a, .menu a, .contact-links a, .service.flat .inner a, .text-foreground { - color: #000 !important; - } - .card { - background-color: #eee; - border-color: #000; - } - .service { - .link { - color: $primary !important; - - &[href]:hover { - color: $primary_dark !important; - } - } - - .beta { - background-color: $primary; - box-shadow: -1px 8px 5px rgba(127, 127, 127, 0.3); - color: #fff; - } - - &.flat { - color: $primary !important; - - &:hover { - color: $primary_dark !important; - } - } - } - .highlight { - color: $primary; - } - a { - color: $primary; - - &:hover { - color: $primary_dark; - } - } - code { - background-color: $primary; - color: #fff; - } - pre { - background-color: $primary; - color: #fff; - } -}