einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-15 01:06:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add soundboard

Browse Source
This commit is contained in:
Dennis Reimann
2021-05-31 16:45:53 +02:00
parent 44037a28b5
commit 853d93d0b9
32 changed files with 192 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,7 @@
@custom-media --up_to_S screen and (max-width: 360px);
@custom-media --up_to_M screen and (max-width: 599px);
@custom-media --up_to_L screen and (max-width: 839px);
@custom-media --S_to_M screen and (min-width: 360px) and (max-width: 599px);
@custom-media --M_to_L screen and (min-width: 600px) and (max-width: 839px);
@custom-media --M_and_up screen and (min-width: 600px);
@custom-media --L_and_up screen and (min-width: 840px);

1
src/css/main.css
View File

@@ -10,3 +10,4 @@
@import 'sections/home.css';
@import 'sections/podcast.css';
@import 'sections/team.css';
@import 'sections/soundboard.css';

26
src/css/sections/soundboard.css Normal file
View File

@@ -0,0 +1,26 @@
#soundboard {
& h2 {
margin-top: var(--space-xl);
}
& .sounds {
display: grid;
grid-gap: var(--space-l);
margin: 0;
list-style: none;
grid-auto-rows: 1fr;
@media (--up_to_S) {
grid-template-columns: 1fr;
}
@media (--S_to_M) {
grid-template-columns: 1fr 1fr;
}
@media (--M_to_L) {
grid-template-columns: 1fr 1fr 1fr;
}
@media (--L_and_up) {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
}