67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
@charset "UTF-8";
|
|
|
|
// the id selector #imio_plaine_weeks guarantees that the primary color is well applied in frontend
|
|
// without it would be the backoffice color
|
|
|
|
#imio_plaine_weeks .activity {
|
|
border: #d3d3d3 solid 1px;
|
|
|
|
}
|
|
#imio_plaine_weeks .activity:hover {
|
|
filter: brightness(1.1);
|
|
border: #212121 solid 1px;
|
|
}
|
|
|
|
#imio_plaine_weeks .activity.selected {
|
|
background-color: $primary-color;
|
|
color: #fff;
|
|
}
|
|
|
|
.pp_mealcalendar .day {
|
|
border: 1px solid #fff;
|
|
background-color: #EEE;
|
|
}
|
|
|
|
.pp_mealcalendar .day.inactive {
|
|
background-color: lightgrey;
|
|
}
|
|
|
|
.pp_mealcalendar .day h4 {
|
|
background-color: darken($primary-color, 20%);
|
|
color: #FFF;
|
|
}
|
|
|
|
.pp_mealcalendar .day.inactive h4 {
|
|
background-color: grey;
|
|
}
|
|
|
|
.pp_mealcalendar .day.is_disabled h4 {
|
|
background-color: grey;
|
|
}
|
|
|
|
.pp_mealcalendar .day.is_disabled {
|
|
background-color: lightgrey;
|
|
}
|
|
|
|
.pp_mealcalendar .day .choice {
|
|
color: $primary-color;
|
|
border: 1px solid $primary-color;
|
|
background-color: #FFF;
|
|
}
|
|
|
|
.pp_mealcalendar .day .choice.selected {
|
|
color: #fff;
|
|
background: $primary-color;
|
|
}
|
|
|
|
.pp_mealcalendar .day.is_disabled .choice {
|
|
background-color: grey;
|
|
color: white;
|
|
border: 1px solid grey;
|
|
}
|
|
|
|
.pp_mealcalendar .day.is_disabled .choice:not(.selected) {
|
|
background-color: white;
|
|
color: grey;
|
|
border: 1px solid grey;
|
|
} |