Clean up Calendar code

Add checks for notBefore a date
Rename variables for easier reading
This commit is contained in:
Michał Gdula 2024-05-11 13:50:47 +01:00
parent 3bf9b7b0ad
commit 475ac92de9
3 changed files with 88 additions and 71 deletions

View file

@ -30,6 +30,7 @@
padding-left: $spacing-normal;
flex-grow: 1;
font-size: $font-size-h4;
font-weight: $font-weight-thin;
> span {
font-weight: $font-weight-bolder;
@ -47,8 +48,7 @@
font-size: $font-size-p;
border-radius: $border-radius-normal;
border: 1px solid transparent;
border: 0 solid transparent;
background-color: transparent;
color: $color-on-dark;
@ -95,19 +95,28 @@
justify-content: center;
align-items: center;
border-radius: $border-radius-normal;
border-radius: $border-radius-circle;
border: 1px solid transparent;
background-color: transparent;
color: $color-on-light;
&:hover {
border: 1px solid rgba($color-dark, 0.3);
}
}
&:nth-child(7n-1),
&:nth-child(7n){
> button {
color: rgba($color-on-light, 0.5);
}
}
&.today {
> button {
font-weight: $font-weight-black;
text-decoration: underline;
color: $color-on-light;
//background-color: $color-primary;
//color: $color-on-primary;
}
@ -120,6 +129,13 @@
background-color: $color-primary;
color: $color-on-primary;
}
&.before {
> button {
background-color: $color-error;
color: $color-on-error;
}
}
}
}
}