einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-18 02:34:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Category fixes

Browse Source
This commit is contained in:
Dennis Reimann
2023-09-08 10:45:44 +02:00
parent e5da7d8fb1
commit 98ea53074b
5 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/base/variables.css
View File

@@ -30,7 +30,7 @@
--color-accent: #f7931a;
--color-accent-highlight: #dd7901;
--color-derweg: #00B4CF;
--color-interview: #151515;
--color-special: #151515;
--color-secondary: var(--color-neutral-50);
--space-xs: .125rem;

24
src/css/sections/podcast.css
View File

@@ -4,12 +4,25 @@
flex-wrap: wrap;
list-style: none;
margin: var(--space-l) 0 var(--space-xl);
font-size: var(--font-size-s);
& li {
margin: 0 var(--space-m) var(--space-m) 0;
}
& a {
--category-accent-fg : var(--color-neutral-0);
--category-accent-bg : var(--color-accent);
&.interviews,
&.on-tour,
&.verschiedenes {
--category-accent-bg : var(--color-special);
}
&.der-weg {
--category-accent-bg : var(--color-derweg);
}
display: inline-block;
text-align: center;
padding: var(--space-s) var(--space-l);
@@ -20,16 +33,19 @@
&:hover {
@media not all and (hover: none) {
color: var(--color-neutral-0);
background-color: var(--color-secondary);
color: var(--category-accent-fg);
border-color: var(--category-accent-bg);
background-color: var(--category-accent-bg);
text-decoration: none;
}
}
&.current {
color: var(--color-neutral-0);
background-color: var(--color-secondary);
color: var(--category-accent-fg);
border-color: var(--category-accent-bg);
background-color: var(--category-accent-bg);
text-decoration: none;
font-weight: var(--font-weight-bold);
}
}
}