tsc-vfl/hugo-page
3
0
Fork 1
Code Issues 6 Pull Requests Actions Packages Projects 1 Releases 2 Wiki Activity

Make CSS code styling well suited

Browse Source
This commit is contained in:
Christian Wolf 2025-01-20 14:14:00 +01:00
parent ad93f9fba7
commit e366aca877
3 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/tsc_vfl/assets/css/_colors.scss
View File

@ -1,9 +1,7 @@
$color-red: #cd1013; $color-red: #cd1013;
$color-background-mobile-menu: #f5f5f5; $color-background-mobile-menu: #f5f5f5;
$color-background-mobile-menu-header: #e0e0e0; $color-background-mobile-menu-header: #e0e0e0;
$color-hor-line: #a5a5a5; $color-hor-line: #a5a5a5;
$color-vh-vorne: #ddcb55; $color-vh-vorne: #ddcb55;
$color-vh-mitte: #c98879; $color-vh-mitte: #c98879;
$color-vh-hinten: #0082c9; $color-vh-hinten: #0082c9;

15
themes/tsc_vfl/assets/css/_schedule.scss
View File

@ -8,7 +8,6 @@
$border-style: solid lightgray 1px; $border-style: solid lightgray 1px;
display: grid; display: grid;
font-size: xx-small; font-size: xx-small;
@include r.media-large { @include r.media-large {
@ -20,11 +19,13 @@
.header { .header {
display: contents; display: contents;
font-weight: bold; font-weight: bold;
div { div {
width: 100%; width: 100%;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
} }
.rooms { .rooms {
display: flex; display: flex;
width: 100%; width: 100%;
@ -34,6 +35,7 @@
text-align: center; text-align: center;
} }
} }
.main-column { .main-column {
border-right: $border-style; border-right: $border-style;
} }
@ -42,13 +44,13 @@
.table-row { .table-row {
height: $calendar-height-row; height: $calendar-height-row;
box-sizing: border-box; box-sizing: border-box;
border-top: $border-style; border-top: $border-style;
} }
.times-left { .times-left {
border-right: $border-style; border-right: $border-style;
} }
.times-left, .times-right{ .times-left, .times-right{
width: 100%; width: 100%;
padding: 0 5px; padding: 0 5px;
@ -56,16 +58,13 @@
.main-entry { .main-entry {
position: relative; position: relative;
border-right: $border-style; border-right: $border-style;
.event { .event {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: calc($calendar-height-row * var(--minutes) / 60.0); top: calc($calendar-height-row * var(--minutes) / 60.0);
height: calc($calendar-height-row * var(--duration) / 60.0); height: calc($calendar-height-row * var(--duration) / 60.0);
width: 30%; width: 30%;
padding: 1px 0; padding: 1px 0;
box-sizing: border-box; box-sizing: border-box;
@ -75,15 +74,20 @@
&.room-vorne { &.room-vorne {
--bg-color: var(--color-vhvorne); --bg-color: var(--color-vhvorne);
left: 2.5%; left: 2.5%;
} }
&.room-mitte { &.room-mitte {
--bg-color: var(--color-vhmitte); --bg-color: var(--color-vhmitte);
left: 35% left: 35%
} }
&.room-hinten { &.room-hinten {
--bg-color: var(--color-vhhinten); --bg-color: var(--color-vhhinten);
--fg-color: white; --fg-color: white;
left: 67.5%; left: 67.5%;
} }
@ -93,7 +97,6 @@
box-sizing: border-box; box-sizing: border-box;
padding: 3px; padding: 3px;
border-radius: 4px; border-radius: 4px;
color: var(--fg-color); color: var(--fg-color);
background-color: var(--bg-color); background-color: var(--bg-color);
} }

5
themes/tsc_vfl/assets/css/main.scss
View File

@ -1,5 +1,5 @@
@use 'responsive.scss' as r; @use 'responsive.scss' as r;
@use './schedule.scss'; @use './schedule';
@use './colors.scss' as *; @use './colors.scss' as *;
/* Variables */ /* Variables */
@ -226,7 +226,6 @@ table {
// visibility: hidden; // visibility: hidden;
// height: 250px; // height: 250px;
display: none; display: none;
padding: 0 10px; padding: 0 10px;
border-right: 20px solid $color-red; border-right: 20px solid $color-red;
border-left: 20px solid $color-red; border-left: 20px solid $color-red;
@ -410,7 +409,6 @@ table {
.person { .person {
width: 100%; width: 100%;
height: 80px; height: 80px;
// margin: 10px 25px 10px 0; // margin: 10px 25px 10px 0;
@ -549,7 +547,6 @@ table {
margin: 30px 0; margin: 30px 0;
padding: 30px 5% 0; padding: 30px 5% 0;
box-sizing: border-box; box-sizing: border-box;
border-top: 1px solid $color-hor-line; border-top: 1px solid $color-hor-line;
@include r.media-large { @include r.media-large {