69 lines
1.6 KiB
SCSS
69 lines
1.6 KiB
SCSS
@mixin bs-datepicker-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
$range-bg: rgba-to-hex(rgba($background, .15), #fff);
|
|
$range-color: yiq($range-bg);
|
|
|
|
.datepicker table tr td {
|
|
&.active,
|
|
&.active.highlighted,
|
|
&.active.today,
|
|
span.active,
|
|
span.active.disabled,
|
|
&.range-start,
|
|
&.range-end {
|
|
background: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
&.range,
|
|
&.range.highlighted,
|
|
&.range.today {
|
|
background: $range-bg !important;
|
|
color: $range-color !important;
|
|
|
|
&.focused {
|
|
background: darken($range-bg, 6%) !important;
|
|
}
|
|
|
|
&.disabled {
|
|
background: transparentize($range-bg, .5) !important;
|
|
color: transparentize($range-color, .5) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin bs-datepicker-dark-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
$range-bg: rgba-to-hex(rgba($background, .15), #383b40);
|
|
$range-color: yiq($range-bg);
|
|
|
|
.datepicker table tr td {
|
|
&.active,
|
|
&.active.highlighted,
|
|
&.active.today,
|
|
span.active,
|
|
span.active.disabled,
|
|
&.range-start,
|
|
&.range-end {
|
|
background: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
&.range,
|
|
&.range.highlighted,
|
|
&.range.today {
|
|
background: $range-bg !important;
|
|
color: $range-color !important;
|
|
|
|
&.focused {
|
|
background: darken($range-bg, 6%) !important;
|
|
}
|
|
|
|
&.disabled {
|
|
background: transparentize($range-bg, .5) !important;
|
|
color: transparentize($range-color, .5) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|