@progress/kendo-theme-classic 8.0.0-dev.5 → 8.0.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,115 +1,157 @@
1
- // Tabstrip
1
+ // TabStrip
2
+
3
+
4
+ /// The horizontal padding of the TabStrip wrapper.
5
+ /// @group tabstrip
2
6
  $kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
7
+ /// The vertical padding of the TabStrip wrapper.
8
+ /// @group tabstrip
3
9
  $kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
10
+ /// The border width around the TabStrip wrapper.
11
+ /// @group tabstrip
4
12
  $kendo-tabstrip-wrapper-border-width: 0px !default;
5
13
 
14
+ /// The font family of the TabStrip.
15
+ /// @group tabstrip
6
16
  $kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
17
+ /// The font size of the TabStrip.
18
+ /// @group tabstrip
7
19
  $kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
20
+ /// The line height of the TabStrip.
21
+ /// @group tabstrip
8
22
  $kendo-tabstrip-line-height: var( --kendo-line-height, normal )!default;
23
+ /// The border width around the TabStrip.
24
+ /// @group tabstrip
9
25
  $kendo-tabstrip-border-width: 1px !default;
10
26
 
27
+ /// The background color of the TabStrip wrapper.
28
+ /// @group tabstrip
11
29
  $kendo-tabstrip-wrapper-bg: null !default;
30
+ /// The text color of the TabStrip wrapper.
31
+ /// @group tabstrip
12
32
  $kendo-tabstrip-wrapper-text: null !default;
33
+ /// The border color of the TabStrip wrapper.
34
+ /// @group tabstrip
13
35
  $kendo-tabstrip-wrapper-border: null !default;
14
36
 
15
- /// Background color of tabstrip component
37
+ /// The background color of the TabStrip.
16
38
  /// @group tabstrip
17
39
  $kendo-tabstrip-bg: null !default;
18
- /// Text color of tabstrip component
40
+ /// The text color of the TabStrip.
19
41
  /// @group tabstrip
20
42
  $kendo-tabstrip-text: $kendo-component-text !default;
21
- /// Border color of tabstrip component
43
+ /// The border color of the TabStrip.
22
44
  /// @group tabstrip
23
45
  $kendo-tabstrip-border: $kendo-component-border !default;
24
46
 
25
- /// Horizontal padding of tabs
47
+ /// The horizontal padding of the TabStrip items.
26
48
  /// @group tabstrip
27
49
  $kendo-tabstrip-item-padding-x: k-spacing(2) !default;
28
- /// Vertical padding of tabs
50
+ /// The vertical padding of the TabStrip items.
29
51
  /// @group tabstrip
30
52
  $kendo-tabstrip-item-padding-y: k-spacing(1) !default;
31
- /// Width of border around tabs
53
+ /// The border width around the TabStrip items.
32
54
  /// @group tabstrip
33
55
  $kendo-tabstrip-item-border-width: 1px !default;
34
- /// Border radius of tabs
56
+ /// The border radius of the TabStrip items.
35
57
  /// @group tabstrip
36
58
  $kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
37
- /// Spacing between tabs
59
+ /// The gap between the TabStrip items.
38
60
  /// @group tabstrip
39
61
  $kendo-tabstrip-item-gap: k-spacing(0) !default;
40
62
 
41
- /// Background color of tabs
63
+ /// The background color of the TabStrip items.
42
64
  /// @group tabstrip
43
65
  $kendo-tabstrip-item-bg: $kendo-base-bg !default;
44
- /// Text color of tabs
66
+ /// The text color of the TabStrip items.
45
67
  /// @group tabstrip
46
68
  $kendo-tabstrip-item-text: $kendo-base-text !default;
47
- /// Border color of tabs
69
+ /// The border color of the TabStrip items.
48
70
  /// @group tabstrip
49
71
  $kendo-tabstrip-item-border: $kendo-base-border !default;
50
- /// Background gradient of tabs
72
+ /// The gradient of the TabStrip items.
51
73
  /// @group tabstrip
52
74
  $kendo-tabstrip-item-gradient: $kendo-base-gradient !default;
53
75
 
54
- /// Background color of hovered tabs
76
+ /// The background color of the hovered TabStrip items.
55
77
  /// @group tabstrip
56
78
  $kendo-tabstrip-item-hover-bg: $kendo-hover-bg !default;
57
- /// Text color of hovered tabs
79
+ /// The text color of the hovered TabStrip items.
58
80
  /// @group tabstrip
59
81
  $kendo-tabstrip-item-hover-text: $kendo-hover-text !default;
60
- /// Border color of hovered tabs
82
+ /// The border color of the hovered TabStrip items.
61
83
  /// @group tabstrip
62
84
  $kendo-tabstrip-item-hover-border: $kendo-hover-border !default;
63
- /// Background gradient of hovered tabs
85
+ /// The gradient of the hovered TabStrip items.
64
86
  /// @group tabstrip
65
87
  $kendo-tabstrip-item-hover-gradient: null !default;
66
88
 
67
- /// Background color of selected tabs
89
+ /// The background color of the selected TabStrip items.
68
90
  /// @group tabstrip
69
91
  $kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
70
- /// Text color of selected tabs
92
+ /// The text color of the selected TabStrip items.
71
93
  /// @group tabstrip
72
94
  $kendo-tabstrip-item-selected-text: $kendo-component-text !default;
73
- /// Border color of selected tabs
95
+ /// The border color of the selected TabStrip items.
74
96
  /// @group tabstrip
75
97
  $kendo-tabstrip-item-selected-border: $kendo-component-border !default;
76
- /// Background gradient of selected tabs
98
+ /// The gradient of the selected TabStrip items.
77
99
  /// @group tabstrip
78
100
  $kendo-tabstrip-item-selected-gradient: false !default;
79
101
 
102
+ /// The shadow of the focused TabStrip items.
103
+ /// @group tabstrip
80
104
  $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
81
105
 
106
+ /// The shadow of the dragged TabStrip items.
107
+ /// @group tabstrip
82
108
  $kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
83
109
 
110
+ /// The background color of the disabled TabStrip items.
111
+ /// @group tabstrip
84
112
  $kendo-tabstrip-item-disabled-bg: null !default;
113
+ /// The text color of the disabled TabStrip items.
114
+ /// @group tabstrip
85
115
  $kendo-tabstrip-item-disabled-text: null !default;
116
+ /// The border color of the disabled TabStrip items.
117
+ /// @group tabstrip
86
118
  $kendo-tabstrip-item-disabled-border: null !default;
119
+ /// The gradient of the disabled TabStrip items.
120
+ /// @group tabstrip
87
121
  $kendo-tabstrip-item-disabled-gradient: null !default;
122
+ /// The opacity of the disabled TabStrip items.
123
+ /// @group tabstrip
88
124
  $kendo-tabstrip-item-disabled-opacity: null !default;
125
+ /// The filter of the disabled TabStrip items.
126
+ /// @group tabstrip
89
127
  $kendo-tabstrip-item-disabled-filter: null !default;
90
128
 
129
+ /// The border width of the TabStrip indicator.
130
+ /// @group tabstrip
91
131
  $kendo-tabstrip-indicator-size: null !default;
132
+ /// The border color of the TabStrip ripple.
133
+ /// @group tabstrip
92
134
  $kendo-tabstrip-indicator-color: null !default;
93
135
 
94
- /// Horizontal padding of tabstrip content
136
+ /// The horizontal padding of the TabStrip content.
95
137
  /// @group tabstrip
96
138
  $kendo-tabstrip-content-padding-x: k-spacing(4) !default;
97
- /// Vertical padding of tabstrip content
139
+ /// The vertical padding of the TabStrip content.
98
140
  /// @group tabstrip
99
141
  $kendo-tabstrip-content-padding-y: k-spacing(4) !default;
100
- /// Width of border around tabstrip content
142
+ /// The border width around the TabStrip content.
101
143
  /// @group tabstrip
102
144
  $kendo-tabstrip-content-border-width: 1px !default;
103
145
 
104
- /// Background color of tabstrip content
146
+ /// The background color of the TabStrip content.
105
147
  /// @group tabstrip
106
148
  $kendo-tabstrip-content-bg: $kendo-component-bg !default;
107
- /// Text color of tabstrip content
149
+ /// The text color of the TabStrip content.
108
150
  /// @group tabstrip
109
151
  $kendo-tabstrip-content-text: $kendo-component-text !default;
110
- /// Border color of tabstrip content
152
+ /// The border color of the TabStrip content.
111
153
  /// @group tabstrip
112
154
  $kendo-tabstrip-content-border: $kendo-component-border !default;
113
- /// Border color of tabstrip focused content
155
+ /// The border color of the focused TabStrip content.
114
156
  /// @group tabstrip
115
157
  $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
  // Headings
5
- $kendo-h1-font-size: calc( var( --kendo-font-size, inherit ) * 4 ) !default;
6
- $kendo-h2-font-size: calc( var( --kendo-font-size, inherit ) * 3 ) !default;
7
- $kendo-h3-font-size: calc( var( --kendo-font-size, inherit ) * 2.5 ) !default;
8
- $kendo-h4-font-size: calc( var( --kendo-font-size, inherit ) * 2 ) !default;
9
- $kendo-h5-font-size: calc( var( --kendo-font-size, inherit ) * 1.5 ) !default;
5
+ $kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
6
+ $kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
7
+ $kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
8
+ $kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
9
+ $kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
10
10
  $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
11
11
 
12
12
  $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
@@ -125,10 +125,10 @@ $kendo-code-border: $kendo-component-border !default;
125
125
 
126
126
 
127
127
  // Display
128
- $kendo-display1-font-size: calc( var( --kendo-font-size, inherit ) * 8 ) !default;
129
- $kendo-display2-font-size: calc( var( --kendo-font-size, inherit ) * 7 ) !default;
130
- $kendo-display3-font-size: calc( var( --kendo-font-size, inherit ) * 6 ) !default;
131
- $kendo-display4-font-size: calc( var( --kendo-font-size, inherit ) * 5 ) !default;
128
+ $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8 ) !default;
129
+ $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7 ) !default;
130
+ $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6 ) !default;
131
+ $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5 ) !default;
132
132
 
133
133
  $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
134
134
  $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;