diff options
Diffstat (limited to 'assets/scss/screen.scss')
| -rw-r--r-- | assets/scss/screen.scss | 53 |
1 files changed, 48 insertions, 5 deletions
diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss index 2394625..0387a3a 100644 --- a/assets/scss/screen.scss +++ b/assets/scss/screen.scss @@ -23,11 +23,13 @@ * Languages **/ +@charset 'UTF-8'; + html[lang='en'] :lang(fr) { - display: none; + display: none !important; } html[lang='fr'] :lang(en) { - display: none; + display: none !important; } :lang(en) { @@ -41,15 +43,41 @@ html[lang='fr'] :lang(en) { * Defaults **/ +a { + text-decoration: none; + + &:link { + color: $a-link; + } + &:hover { + color: $a-hover; + text-decoration: underline; + } + &:active { + color: $a-active; + } + &:visited { + color: $a-visited; + } +} + +span.ps { + background: url(../img/logo-ps.svg) top left / 3rem no-repeat; + opacity: 0.75; + color: transparent; + padding: 0.25rem; +} + body { font-family: $sans-serif; font-size: 1em; /* No rem here, bug workaround */ background: $bg-main; - color: $fg-main; + /* color: $fg-main; */ + color: black; &.ps { - background: $bg-ps; - color: $fg-ps; + background: $bg-ps; + color: $fg-ps; } > header, > footer { @@ -67,3 +95,18 @@ body { img { max-width: 100%; } + +@keyframes fade-in { + from { + opacity: 0.2; + } to { + opacity: 1; + } +} +@keyframes fade-out { + from { + opacity: 1; + } to { + opacity: 0.2; + } +} |