aboutsummaryrefslogtreecommitdiff
path: root/assets/scss
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2022-06-02 20:15:31 +0200
committerhellekin <hellekin@cepheide.org>2022-06-02 20:17:35 +0200
commitaef20f9ff72962b6c9d312a9013fa3100fe28aee (patch)
treeca9d6dab1ec5a259b3ef4405b01216faa1f752b8 /assets/scss
parent319680bcf843cfb4232fac0f6da0572136b40ff8 (diff)
downloadlesoiseaux.io-aef20f9ff72962b6c9d312a9013fa3100fe28aee.tar.gz
Fix CSS
- All pages except home use screen.css - Fix background colors for article
Diffstat (limited to 'assets/scss')
-rw-r--r--assets/scss/_gfx.scss5
-rw-r--r--assets/scss/_txt.scss3
-rw-r--r--assets/scss/screen.scss20
3 files changed, 10 insertions, 18 deletions
diff --git a/assets/scss/_gfx.scss b/assets/scss/_gfx.scss
index e344d5a..235aaf4 100644
--- a/assets/scss/_gfx.scss
+++ b/assets/scss/_gfx.scss
@@ -1,7 +1,6 @@
body.gfx {
- > main > article {
- background: $bg-gfx-on;
- }
+ background-color: $bg-gfx-on;
+
> aside {
&:hover, &:focus {
background-color: $bg-gfx-on;
diff --git a/assets/scss/_txt.scss b/assets/scss/_txt.scss
index d4cf968..de132e4 100644
--- a/assets/scss/_txt.scss
+++ b/assets/scss/_txt.scss
@@ -1,5 +1,6 @@
body.txt {
background-color: $bg-txt-on;
+
> aside {
&:hover, &:focus {
background-color: $bg-txt-on;
@@ -15,13 +16,13 @@ body.txt {
h2 {
position: absolute;
font-size: 4.8rem;
- font-weight: 100;
transform-origin: top-left;
width: 90rem;
left: 50%;
transform: rotate(90deg) translate(0, -4.5rem);
text-align: left;
margin-left: 39rem;
+ margin-top: auto;
}
}
}
diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss
index 0387a3a..6e6f060 100644
--- a/assets/scss/screen.scss
+++ b/assets/scss/screen.scss
@@ -71,29 +71,21 @@ span.ps {
body {
font-family: $sans-serif;
font-size: 1em; /* No rem here, bug workaround */
- background: $bg-main;
- /* color: $fg-main; */
- color: black;
-
- &.ps {
- background: $bg-ps;
- color: $fg-ps;
- }
> header, > footer {
- :link, :visited {
- color: $fg-header-h1;
- text-decoration: none;
- }
+ :link, :visited {
+ color: $fg-header-h1;
+ text-decoration: none;
+ }
}
:visited {
- text-decoration: underline;
+ text-decoration: underline;
}
}
img {
- max-width: 100%;
+ max-width: 100%;
}
@keyframes fade-in {