49 lines
1.3 KiB
SCSS
49 lines
1.3 KiB
SCSS
@mixin bs-daterangepicker-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
$higlighted-bg: rgba-to-hex(rgba($background, .15), #fff);
|
|
$higlighted-color: yiq($higlighted-bg);
|
|
|
|
.daterangepicker td.active {
|
|
background-color: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
|
|
background-color: $higlighted-bg !important;
|
|
color: $higlighted-color !important;
|
|
}
|
|
|
|
.daterangepicker .input-mini.active {
|
|
border-color: $background !important;
|
|
}
|
|
|
|
.ranges li.active {
|
|
background-color: $background !important;
|
|
color: $color !important;
|
|
}
|
|
}
|
|
|
|
@mixin bs-daterangepicker-dark-theme($background, $color: null) {
|
|
$color: if($color, $color, yiq($background));
|
|
$higlighted-bg: rgba-to-hex(rgba($background, .15), #383b40);
|
|
$higlighted-color: yiq($higlighted-bg);
|
|
|
|
.daterangepicker td.active {
|
|
background-color: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
|
|
background-color: $higlighted-bg !important;
|
|
color: $higlighted-color !important;
|
|
}
|
|
|
|
.daterangepicker .input-mini.active {
|
|
border-color: $background !important;
|
|
}
|
|
|
|
.ranges li.active {
|
|
background-color: $background !important;
|
|
color: $color !important;
|
|
}
|
|
}
|