finished calendar styles
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
.ui-datepicker {
|
||||
border-color: $darkGrey;
|
||||
background: $lightGrey;
|
||||
font-family: $sans-serif;
|
||||
font-size: 12px;
|
||||
|
||||
@@ -21,4 +23,28 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-state-default {
|
||||
border-color: $mediumGrey;
|
||||
color: $blue;
|
||||
@include transition(none);
|
||||
|
||||
&.ui-state-hover {
|
||||
background: $orange;
|
||||
border-color: $orange;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-state-highlight {
|
||||
background: $blue;
|
||||
border-color: $blue;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
background: $orange;
|
||||
border-color: $orange;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@@ -14,6 +14,7 @@ $pink: rgb(182,37,104);
|
||||
$error-red: rgb(253, 87, 87);
|
||||
|
||||
$blue: #5597dd;
|
||||
$orange: #edbd3c;
|
||||
$lightGrey: #edf1f5;
|
||||
$mediumGrey: #ced2db;
|
||||
$darkGrey: #8891a1;
|
||||
|
||||
Reference in New Issue
Block a user