diff options
author | ache <ache@ache.one> | 2023-04-09 05:09:57 +0200 |
---|---|---|
committer | ache <ache@ache.one> | 2023-04-09 05:09:57 +0200 |
commit | fcafc83bf4f23ee5d7b39f6f47f0030d8f6a722a (patch) | |
tree | 5a472e29330660d8d69fc2e0de2245f9b067098d /src/css/_sommaire.scss | |
parent | Reword Read the rest (diff) |
Make a real Darkmode
Diffstat (limited to 'src/css/_sommaire.scss')
-rwxr-xr-x | src/css/_sommaire.scss | 47 |
1 files changed, 16 insertions, 31 deletions
diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss index 44a3b1e..641dbfe 100755 --- a/src/css/_sommaire.scss +++ b/src/css/_sommaire.scss @@ -1,9 +1,12 @@ .sommaire_blien { line-height: 1.45rem; - color: #121311; font-size: 0.8em; font-weight: bold; font-family: monospace, serif; + + /* Theme style */ + color: #121311; + &:before { content: "/"; } @@ -12,6 +15,7 @@ text-decoration: none; } a:hover, a:focus { + /* Theme style */ color: #BBAABB; } } @@ -50,6 +54,7 @@ @mixin darkMode { background: #101110; color: #FFF; + #logo-ache { filter: invert(1); } @@ -90,6 +95,7 @@ height: 100%; transition: left 0.5s ease-in 0.25s; + /* Theme style */ border-right: 3px solid rgba(51, 51, 51, 0.1); &.hidden { @@ -101,6 +107,8 @@ #desc_intro { padding-left: 10px; padding-right: 10px; + + /* Theme style */ text-shadow: 2px 4px 0 #DDD; } #desc { @@ -109,13 +117,15 @@ padding-left: 15px; padding-right: 15px; font-size: 1.05em; + font-family: monospace, "Helvetica Neue", Arial, sans-serif; } .about { font-size: 0.8em; - font-family: monospace; align-items: center; justify-content: center; + + font-family: monospace; } .about > .type_wrap { display: inline-flex; @@ -135,12 +145,14 @@ display: inline-block; width: 20%; text-align: left; - color: #121311; font-size: 0.8em; font-weight: bold; font-family: monospace, serif; - text-shadow: 0 1px 0 #DDD; margin: auto; + + /* Theme style */ + color: #121311; + text-shadow: 0 1px 0 #DDD; } #ontheweb { visibility: hidden; @@ -164,30 +176,3 @@ } } } - -.lab { - height: 200px; - width: 100%; - - @media #{$gt-gsm} { - position: absolute; - left: 0; - bottom: 0px; - } - @media screen and (max-height: 749px) { - visibility: hidden; - } -} -.lab a svg { - opacity: 0.45; -} -.lab a svg:hover { - opacity: 1; -} -/* -<nav> -<div id="sommaire_blien">Accueil</div> -<div id="sommaire_blien">Blog</div> -<div id="sommaire_blien">Liens</div> -</nav> - */ |