Mod for bringing back the legacy article list
This commit is contained in:
@ -42,6 +42,16 @@ body {
|
|||||||
|
|
||||||
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.
|
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:
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
```scss
|
||||||
|
@use "../themes/duckquill/sass/mods/classic-article-list";
|
||||||
|
```
|
||||||
|
|
||||||
## Classic Navbar
|
## Classic Navbar
|
||||||
|
|
||||||
You can make navbar have more traditional look by using the `classic-nav` mod:
|
You can make navbar have more traditional look by using the `classic-nav` mod:
|
||||||
|
@ -59,7 +59,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
mix-blend-mode: invert;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: var(--accent-color);
|
color: var(--accent-color);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
39
sass/mods/_classic-article-list.scss
Normal file
39
sass/mods/_classic-article-list.scss
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
#article-list {
|
||||||
|
gap: 2rem;
|
||||||
|
|
||||||
|
article {
|
||||||
|
position: relative;
|
||||||
|
transition: none;
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.draft,
|
||||||
|
&.archive,
|
||||||
|
&.featured,
|
||||||
|
&.hot,
|
||||||
|
&.poor {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
margin-block-start: 0;
|
||||||
|
border-block-start: none;
|
||||||
|
padding-block-start: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Reference in New Issue
Block a user