aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/screen.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/screen.scss')
-rw-r--r--assets/scss/screen.scss53
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;
+ }
+}