99 lines
2.4 KiB
SCSS
99 lines
2.4 KiB
SCSS
@import '../../scss/_bootstrap-extended/functions';
|
|
|
|
@mixin bs-daterangepicker-theme($background, $color: null) {
|
|
$color: if($color, $color, color-contrast($background));
|
|
|
|
$highlighted-bg: rgba-to-hex(rgba($background, 0.16), #fff);
|
|
$highlighted-color: $background;
|
|
$box-shadow: 0 0.125rem 0.25rem 0 rgba($background, 0.4);
|
|
.daterangepicker table thead {
|
|
th,
|
|
td {
|
|
select {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
.daterangepicker td.active:not(.off) {
|
|
background: $background !important;
|
|
color: $white;
|
|
box-shadow: 0 0.125rem 0.25rem 0 rgba($background, 0.4);
|
|
}
|
|
|
|
.daterangepicker {
|
|
.start-date:not(.end-date):not(.off),
|
|
.end-date:not(.start-date):not(.off) {
|
|
background-color: $background;
|
|
color: $white;
|
|
border: 0 !important;
|
|
|
|
&:hover {
|
|
background-color: $background !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.daterangepicker .input-mini.active {
|
|
border-color: $background !important;
|
|
}
|
|
|
|
.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
|
|
color: $highlighted-color !important;
|
|
background-color: $highlighted-bg !important;
|
|
}
|
|
|
|
.ranges li.active {
|
|
color: $color !important;
|
|
background-color: $highlighted-color !important;
|
|
}
|
|
}
|
|
|
|
@mixin bs-daterangepicker-dark-theme($background, $color: null) {
|
|
$color: if($color, $color, color-contrast($background));
|
|
|
|
$highlighted-bg: rgba-to-hex(rgba($background, 0.16), $card-bg);
|
|
$highlighted-color: $background;
|
|
.daterangepicker table thead {
|
|
th,
|
|
td {
|
|
select {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
}
|
|
|
|
.daterangepicker td.active:not(.off) {
|
|
background: $background !important;
|
|
color: $white;
|
|
box-shadow: 0 0.125rem 0.25rem 0 rgba($background, 0.4);
|
|
}
|
|
|
|
.daterangepicker {
|
|
.start-date:not(.end-date):not(.off),
|
|
.end-date:not(.start-date):not(.off) {
|
|
background-color: $background;
|
|
color: $white;
|
|
border: 0 !important;
|
|
|
|
&:hover {
|
|
background-color: $background !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.daterangepicker .input-mini.active {
|
|
border-color: $background !important;
|
|
}
|
|
|
|
.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
|
|
color: $highlighted-color !important;
|
|
background-color: $highlighted-bg !important;
|
|
}
|
|
|
|
.ranges li.active {
|
|
color: $color !important;
|
|
background-color: $background !important;
|
|
}
|
|
}
|