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

85 lines
1.2 KiB
SCSS

@import '../../../../../../../styles/variables';
.day-list-container {
padding-bottom: 2rem;
}
.day-weekend {
background: #dccfed;
}
.button {
min-width: 9ch;
}
.icon {
margin-right: 1ch;
margin-left: 1ch;
display: inline-block;
}
.several-times {
padding-left: 2em;
width: 96.5%;
}
.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 {
margin: 0.5em -1em;
background: $rules;
}
//&.day-weekend {
// background: mix($legend_color_2, $grey-lighter);
//}
//&:nth-child(odd) {
// background: $grey-lighter;
//
// &.day-weekend {
// background: mix($d-neutral, $grey-lighter);
// }
//}
}
.date-choice-item {
width: 75%;
}
.button .fa {
margin-left: 1ch;
display: inline-block;
}
.delete-date {
color: $secondary_color !important;
border: 0;
background: transparent;
.fa {
color: $secondary_color !important;
}
&:hover {
color: $white;
background-color: $primary_color;
}
}
.format-helper {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
}