funky-framadate-front/src/app/features/administration/form/date/list/day/day-list.component.scss

90 lines
1.1 KiB
SCSS

@import '../../../../../../../styles/variables';
.day-list-container {
padding-bottom: 2rem;
.bottom,
.top {
padding-left: 1rem;
padding-right: 1rem;
}
.top {
padding-top: 1rem;
}
.bottom {
padding-bottom: 1rem;
}
.day-weekend {
background: #dccfed;
}
.button {
min-width: 9ch;
}
.date-choice {
margin-bottom: 0.5em;
border-radius: 0.25em;
background: $bg-grey;
.columns {
margin-bottom: 0;
}
label {
font-weight: 600;
}
input,
.button {
width: 100%;
display: block;
}
hr {
background: $rules;
margin: 0;
}
}
.colored-weekend-days {
.date-choice {
&.day-weekend {
background: #b1a1d5;
}
&:nth-of-type(odd) {
background: #9880d5;
&.day-weekend {
background: #8e72d4;
}
}
}
}
.date-choice-item {
width: 75%;
border-color: $border-color !important;
}
.button .fa {
margin-left: 1ch;
display: inline-block;
}
.format-helper {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
}
.add_date {
margin-top: 2rem;
}
}