CSS: use a $margin constant. Some CSS improvements (WIP).

This commit is contained in:
Greg Burri 2025-04-09 15:08:43 +02:00
parent c1fc9aa46f
commit 2a288abb07
9 changed files with 218 additions and 116 deletions

View file

@ -1,7 +1,13 @@
@use 'constants' as consts;
.calendar {
.month-selector {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: center;
font-weight: bold;
.prev {
float: left;
@ -11,6 +17,10 @@
float: right;
}
.year {
margin: consts.$margin;
}
.month {
display: none;
}
@ -22,7 +32,8 @@
ul.weekdays {
margin: 0;
padding: 20px 0;
padding: 0px 0;
font-style: italic;
li {
display: inline-block;
@ -34,7 +45,7 @@
ul.days {
margin: 0;
padding: 20px 0;
padding: 0;
li {
display: inline-block;
@ -53,6 +64,11 @@
&.selected-day {
background-color: red;
}
.remove-scheduled-recipe {
padding: 0px calc(consts.$margin / 2);
// font-size: 80%;
}
}
}
}