phpvms/public/assets/frontend/sass/now-ui-kit/mixins/_datepicker.scss
2017-07-28 07:13:52 -05:00

122 lines
3.7 KiB
SCSS

@mixin datepicker-colors($color) {
background-color: $color;
th,
.day div,
table tr td span{
color: $white-color;
}
&:after{
border-bottom-color: $color;
}
&.datepicker-orient-top:after{
border-top-color: $color;
}
.dow{
color: $datepicker-color-days;
}
table tr td.old div,
table tr td.new div,
table tr td span.old,
table tr td span.new{
color: $datepicker-color-old-new-days;
}
table tr td span:hover,
table tr td span.focused{
background:$opacity-1;
}
.datepicker-switch:hover,
.prev:hover,
.next:hover,
tfoot tr th:hover {
background: $opacity-2;
}
table tr td.active div,
table tr td.active:hover div,
table tr td.active.disabled div,
table tr td.active.disabled:hover div {
background-color: $white-color;
color: $color;
}
table tr td.day:hover div,
table tr td.day.focused div {
background: $opacity-2;
}
table tr td.active:hover div,
table tr td.active:hover:hover div,
table tr td.active.disabled:hover div,
table tr td.active.disabled:hover:hover div,
table tr td.active:active div,
table tr td.active:hover:active div,
table tr td.active.disabled:active div,
table tr td.active.disabled:hover:active div,
table tr td.active.active div,
table tr td.active:hover.active div,
table tr td.active.disabled.active div,
table tr td.active.disabled:hover.active div,
table tr td.active.disabled div,
table tr td.active:hover.disabled div,
table tr td.active.disabled.disabled div,
table tr td.active.disabled:hover.disabled div,
table tr td.active[disabled] div,
table tr td.active:hover[disabled] div,
table tr td.active.disabled[disabled] div,
table tr td.active.disabled:hover[disabled] div,
table tr td span.active:hover,
table tr td span.active:hover:hover,
table tr td span.active.disabled:hover,
table tr td span.active.disabled:hover:hover,
table tr td span.active:active,
table tr td span.active:hover:active,
table tr td span.active.disabled:active,
table tr td span.active.disabled:hover:active,
table tr td span.active.active,
table tr td span.active:hover.active,
table tr td span.active.disabled.active,
table tr td span.active.disabled:hover.active,
table tr td span.active.disabled,
table tr td span.active:hover.disabled,
table tr td span.active.disabled.disabled,
table tr td span.active.disabled:hover.disabled,
table tr td span.active[disabled],
table tr td span.active:hover[disabled],
table tr td span.active.disabled[disabled],
table tr td span.active.disabled:hover[disabled]{
background-color: $white-color;
}
table tr td span.active:hover,
table tr td span.active:hover:hover,
table tr td span.active.disabled:hover,
table tr td span.active.disabled:hover:hover,
table tr td span.active:active,
table tr td span.active:hover:active,
table tr td span.active.disabled:active,
table tr td span.active.disabled:hover:active,
table tr td span.active.active,
table tr td span.active:hover.active,
table tr td span.active.disabled.active,
table tr td span.active.disabled:hover.active,
table tr td span.active.disabled,
table tr td span.active:hover.disabled,
table tr td span.active.disabled.disabled,
table tr td span.active.disabled:hover.disabled,
table tr td span.active[disabled],
table tr td span.active:hover[disabled],
table tr td span.active.disabled[disabled],
table tr td span.active.disabled:hover[disabled]{
color: $color;
}
}