Moved regio43 to base HTML template

This commit is contained in:
2025-05-23 18:30:08 +02:00
parent 847fb6491d
commit 54986f6edf
6 changed files with 38 additions and 46 deletions

View File

@@ -1,6 +1,6 @@
@use "colors";
.page-radio-trains {
.page-regio43 {
.video-zone {
display: flex;
justify-content: center;

View File

@@ -192,53 +192,53 @@ body {
border: 0.5px solid oklch(75% 0 0deg);
}
.page-radio-trains .video-zone {
.page-regio43 .video-zone {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
}
.page-radio-trains .video-zone #video-player {
.page-regio43 .video-zone #video-player {
aspect-ratio: 16/9;
max-width: 80%;
max-height: 50vh;
width: 100%;
}
.page-radio-trains h1 {
.page-regio43 h1 {
padding: 0 1rem;
text-align: center;
}
.page-radio-trains main {
.page-regio43 main {
display: grid;
gap: 1rem;
padding: 1rem;
grid-template-columns: repeat(4, 1fr);
}
.page-radio-trains main > div img {
.page-regio43 main > div img {
width: 100%;
}
.page-radio-trains main > div.active {
.page-regio43 main > div.active {
background-color: oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h);
}
.page-radio-trains main > div p {
.page-regio43 main > div p {
margin: 0.5em;
}
.page-radio-trains main > div p a {
.page-regio43 main > div p a {
text-decoration: none;
color: black;
}
@media screen and (max-width: 992px) {
.page-radio-trains main {
.page-regio43 main {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.page-radio-trains main {
.page-regio43 main {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 576px) {
.page-radio-trains main {
.page-regio43 main {
grid-template-columns: 1fr;
}
}