hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Margin and variables stuff

Browse Source
This commit is contained in:
daudix
2024-10-30 20:56:30 +03:00
parent 726cd704d4
commit e867a12356
10 changed files with 40 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
content/mods/index.md
View File

@ -19,6 +19,17 @@ Want to set some nice image as a background? We got you covered:
![background image](https://files.catbox.moe/no8vfc.png)
```scss
body {
background-image: var(--bg-overlay), url("https://images.unsplash.com/photo-1523712999610-f77fbcfc3843");
background-position: center;
background-size: cover;
background-attachment: fixed;
}
```
Most of the time contrast should be okay, but what if it's not? Simply adjust the opacity of `--bg-overlay` based on your needs:
```scss
@import "../themes/duckquill/sass/_variables.scss";
@ -31,17 +42,8 @@ Want to set some nice image as a background? We got you covered:
--bg-overlay: linear-gradient(rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.8));
}
}
body {
background-image: var(--bg-overlay), url("https://images.unsplash.com/photo-1523712999610-f77fbcfc3843");
background-position: center;
background-size: cover;
background-attachment: fixed;
}
```
Most of the time contrast should be okay, but what if it's not? Simply adjust the opacity of `--bg-overlay` based on your needs.
## Classic Article List
Prefer the less fancy look of the article list used in Duckquill some time ago (to some extent)? It can be done with the `classic-article-list` mod: