christian/hugo-page-test
1
0
Fork 0
forked from tsc-vfl/hugo-page
Code Pull Requests 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-background-mobile-menu: #f5f5f5;
$color-background-mobile-menu-header: #e0e0e0;
$color-hor-line: #a5a5a5;
$color-vh-vorne: #ddcb55;
$color-vh-mitte: #c98879;
$color-vh-hinten: #0082c9;

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

@ -8,7 +8,6 @@
$border-style: solid lightgray 1px;
display: grid;
font-size: xx-small;
@include r.media-large {
@ -20,11 +19,13 @@
.header {
display: contents;
font-weight: bold;
div {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.rooms {
display: flex;
width: 100%;
@ -34,6 +35,7 @@
text-align: center;
}
}
.main-column {
border-right: $border-style;
}
@ -42,13 +44,13 @@
.table-row {
height: $calendar-height-row;
box-sizing: border-box;
border-top: $border-style;
}
.times-left {
border-right: $border-style;
}
.times-left, .times-right{
width: 100%;
padding: 0 5px;
@ -56,16 +58,13 @@
.main-entry {
position: relative;
border-right: $border-style;
.event {
position: absolute;
z-index: 1;
top: calc($calendar-height-row * var(--minutes) / 60.0);
height: calc($calendar-height-row * var(--duration) / 60.0);
width: 30%;
padding: 1px 0;
box-sizing: border-box;
@ -75,15 +74,20 @@
&.room-vorne {
--bg-color: var(--color-vhvorne);
left: 2.5%;
}
&.room-mitte {
--bg-color: var(--color-vhmitte);
left: 35%
}
&.room-hinten {
--bg-color: var(--color-vhhinten);
--fg-color: white;
left: 67.5%;
}
@ -93,7 +97,6 @@
box-sizing: border-box;
padding: 3px;
border-radius: 4px;
color: var(--fg-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 './schedule.scss';
@use './schedule';
@use './colors.scss' as *;
/* Variables */
@ -226,7 +226,6 @@ table {
// visibility: hidden;
// height: 250px;
display: none;
padding: 0 10px;
border-right: 20px solid $color-red;
border-left: 20px solid $color-red;
@ -410,7 +409,6 @@ table {
.person {
width: 100%;
height: 80px;
// margin: 10px 25px 10px 0;
@ -549,7 +547,6 @@ table {
margin: 30px 0;
padding: 30px 5% 0;
box-sizing: border-box;
border-top: 1px solid $color-hor-line;
@include r.media-large {