/
_variables.scss
120 lines (93 loc) · 5.01 KB
/
_variables.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
// Calendar
$calendar-border-width: 1px !default;
$calendar-font-family: $font-family !default;
$calendar-font-size: $font-size !default;
$calendar-line-height: $line-height !default;
$calendar-header-padding-x: map-get( $spacing, 1 ) !default;
$calendar-header-padding-y: map-get( $spacing, 1 ) !default;
$calendar-header-border-width: 1px !default;
$calendar-header-min-width: 280px !default;
$calendar-infinite-header-padding-x: map-get( $spacing, 4 ) !default;
$calendar-infinite-header-padding-y: map-get( $spacing, 2 ) !default;
$calendar-infinite-content-padding-x: map-get( $spacing, 4 ) !default;
$calendar-infinite-content-padding-y: map-get( $spacing, 2 ) !default;
$calendar-footer-padding-x: map-get( $spacing, 4 ) !default;
$calendar-footer-padding-y: map-get( $spacing, 2 ) !default;
$calendar-cell-padding-x: .5em !default;
$calendar-cell-padding-y: $calendar-cell-padding-x !default;
$calendar-cell-line-height: $calendar-line-height !default;
$calendar-cell-size-px: 34px !default;
$calendar-cell-size: ($calendar-cell-size-px / $font-size) * 1em !default;
$calendar-cell-border-radius: $border-radius !default;
$calendar-header-cell-padding-x: 0px !default;
$calendar-header-cell-padding-y: ($calendar-cell-padding-y / 2) !default;
$calendar-header-cell-font-size: $font-size-sm !default;
$calendar-header-cell-line-height: 2 !default;
$calendar-header-cell-bg: null !default;
$calendar-header-cell-text: $subtle-text !default;
$calendar-header-cell-opacity: null !default;
$calendar-header-height: 2em !default;
$calendar-navigation-width: 5em !default;
$calendar-navigation-item-height: 2em !default;
$calendar-view-width: 7 * $calendar-cell-size !default;
$calendar-view-height: calc( #{$calendar-cell-size * 8} + #{$calendar-header-height} ) !default;
$calendar-view-gap: map-get( $spacing, 4 ) !default;
$calendar-bg: $component-bg !default;
$calendar-text: $component-text !default;
$calendar-border: $component-border !default;
$calendar-header-bg: $header-bg !default;
$calendar-header-text: $header-text !default;
$calendar-header-border: $header-border !default;
$calendar-header-gradient: $header-gradient !default;
$calendar-header-shadow: 0 1px 3px 1px rgba(black, .1) !default;
$calendar-header-button-hovered-bg: $button-hovered-bg !default;
$calendar-header-button-hovered-text: $button-hovered-text !default;
$calendar-header-button-hovered-border: $button-hovered-border !default;
$calendar-header-button-hovered-gradient: $button-hovered-gradient !default;
$calendar-header-button-pressed-bg: $button-active-bg !default;
$calendar-header-button-pressed-text: $button-active-text !default;
$calendar-header-button-pressed-border: $button-active-border !default;
$calendar-header-button-pressed-gradient: $button-active-gradient !default;
$calendar-header-button-pressed-shadow: $button-active-shadow !default;
$calendar-navigation-bg: $calendar-header-bg !default;
$calendar-navigation-text: $calendar-header-text !default;
$calendar-navigation-border: $calendar-header-border !default;
$calendar-nav-gap: map-get( $spacing, 1 ) !default;
$calendar-today-nav-text: $link-text !default;
$calendar-today-nav-hovered-text: $link-hover-text !default;
$calendar-weekend-bg: null !default;
$calendar-weekend-text: null !default;
$calendar-weekend-opacity: null !default;
$calendar-today-style: null !default;
$calendar-today-color: null !default;
$calendar-week-number-bg: null !default;
$calendar-week-number-text: $calendar-header-cell-text !default;
$calendar-week-number-opacity: null !default;
$calendar-other-month-bg: null !default;
$calendar-other-month-text: $calendar-header-cell-text !default;
$calendar-other-month-opacity: null !default;
$calendar-cell-bg: null !default;
$calendar-cell-text: null !default;
$calendar-cell-border: null !default;
$calendar-cell-gradient: null !default;
$calendar-cell-hover-bg: $hovered-bg !default;
$calendar-cell-hover-text: $hovered-text !default;
$calendar-cell-hover-border: $hovered-border !default;
$calendar-cell-hover-gradient: null !default;
$calendar-cell-selected-bg: $selected-bg !default;
$calendar-cell-selected-text: $selected-text !default;
$calendar-cell-selected-border: $selected-border !default;
$calendar-cell-selected-gradient: null !default;
$calendar-cell-selected-hover-bg: $selected-hover-bg !default;
$calendar-cell-selected-hover-text: $selected-hover-text !default;
$calendar-cell-selected-hover-border: $selected-hover-border !default;
$calendar-cell-selected-hover-gradient: null !default;
$calendar-cell-focused-shadow: $list-item-focused-shadow !default;
$calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;
// Multiview Calendar
$multiviewcalendar-button-style: stretched !default;
$multiviewcalendar-button-size: 44px !default;
$multiviewcalendar-gap: ($calendar-infinite-content-padding-x * 2) !default;
$multiviewcalendar-content-padding-y: 0px !default;
$multiviewcalendar-navigation-margin-x: 0px !default;
$multiviewcalendar-navigation-margin-y: calc( #{$calendar-header-padding-y * 2} + #{$calendar-header-height} + #{$button-border-width * 2} ) !default;