2ccf725815
We hadn't added this rule before because there was no such rule in scss-lint. Instead, we were following it without a linter, and so we unintentionally broke it sometimes. But now we're using Stylelint, so we can add the rule and let the linter check we're still following it.
100 lines
1.4 KiB
SCSS
100 lines
1.4 KiB
SCSS
// Overrides styles of jquery-ui/datepicker
|
|
//
|
|
|
|
.ui-datepicker-header {
|
|
@extend %brand-background;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ui-datepicker-calendar {
|
|
|
|
.ui-state-hover,
|
|
.ui-state-active {
|
|
@extend %brand-background;
|
|
|
|
.ui-state-default:not(&) {
|
|
background: $highlight;
|
|
}
|
|
}
|
|
|
|
thead {
|
|
|
|
tr th {
|
|
@include brand-border;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui-datepicker {
|
|
padding: 0;
|
|
z-index: 4 !important;
|
|
|
|
.ui-datepicker-prev,
|
|
.ui-datepicker-next {
|
|
color: inherit;
|
|
cursor: pointer;
|
|
font-family: "icons" !important;
|
|
font-size: rem-calc(24);
|
|
font-weight: normal;
|
|
height: rem-calc(30);
|
|
line-height: $line-height;
|
|
position: absolute;
|
|
top: 4px;
|
|
width: rem-calc(30);
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.ui-datepicker-prev::after {
|
|
content: "\62";
|
|
}
|
|
|
|
.ui-datepicker-next::after {
|
|
content: "\63";
|
|
}
|
|
|
|
table {
|
|
border: 1px solid $border;
|
|
border-top: 0;
|
|
}
|
|
|
|
tr {
|
|
border-bottom: 1px solid $border;
|
|
|
|
&:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
&:nth-child(odd) {
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
td {
|
|
border-right: 1px solid $border;
|
|
padding: 0;
|
|
|
|
&:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
span,
|
|
a {
|
|
color: inherit;
|
|
line-height: $line-height;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui-datepicker-unselectable.ui-state-disabled {
|
|
background: #fff;
|
|
|
|
.ui-state-default {
|
|
background: #f8f8f8;
|
|
color: $text-medium;
|
|
}
|
|
}
|