@dialpad/dialtone 6.7.0 → 6.10.0
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.
- package/CHANGELOG.md +44 -0
- package/lib/build/less/components/avatar.less +68 -56
- package/lib/build/less/components/badge.less +39 -28
- package/lib/build/less/components/banner.less +33 -36
- package/lib/build/less/components/breadcrumbs.less +7 -8
- package/lib/build/less/components/button.less +74 -58
- package/lib/build/less/components/forms.less +24 -28
- package/lib/build/less/components/input.less +71 -44
- package/lib/build/less/components/link.less +12 -15
- package/lib/build/less/components/list-group.less +5 -5
- package/lib/build/less/components/modal.less +40 -50
- package/lib/build/less/components/notice.less +28 -30
- package/lib/build/less/components/radio-checkbox.less +73 -66
- package/lib/build/less/components/selects.less +30 -26
- package/lib/build/less/components/table.less +15 -18
- package/lib/build/less/components/tabs.less +30 -31
- package/lib/build/less/components/toast.less +39 -40
- package/lib/build/less/components/tooltip.less +21 -22
- package/lib/build/less/dialtone-globals.less +11 -3
- package/lib/build/less/dialtone-reset.less +11 -11
- package/lib/build/less/dialtone-variables.less +8 -8
- package/lib/build/less/dialtone.less +36 -52
- package/lib/build/less/themes/default.less +9 -9
- package/lib/build/less/themes/example.less +4 -4
- package/lib/build/less/utilities/backgrounds.less +73 -122
- package/lib/build/less/utilities/borders.less +101 -88
- package/lib/build/less/utilities/colors.less +40 -220
- package/lib/build/less/utilities/effects.less +83 -64
- package/lib/build/less/utilities/flex.less +110 -139
- package/lib/build/less/utilities/grid.less +146 -163
- package/lib/build/less/utilities/interactivity.less +27 -27
- package/lib/build/less/utilities/internals.less +244 -170
- package/lib/build/less/utilities/layout.less +82 -82
- package/lib/build/less/utilities/responsive.less +0 -143
- package/lib/build/less/utilities/sizing.less +97 -97
- package/lib/build/less/utilities/spacing.less +26 -26
- package/lib/build/less/utilities/svg.less +9 -1
- package/lib/build/less/utilities/typography.less +126 -115
- package/lib/build/less/variables/colors.less +10 -10
- package/lib/build/less/variables/layout.less +21 -0
- package/lib/build/less/variables/sizes.less +8 -8
- package/lib/build/less/variables/spacing.less +1 -1
- package/lib/build/less/variables/typography.less +8 -9
- package/lib/build/less/variables/visual-styles.less +27 -27
- package/lib/build/svg/spot/browser-list-callout.svg +57 -0
- package/lib/build/svg/spot/browser-table-graph.svg +111 -0
- package/lib/build/svg/system/raise-hand.svg +1 -1
- package/lib/build/svg/system/{thumb_down.svg → thumb-down.svg} +0 -0
- package/lib/build/svg/system/{thumb_up.svg → thumb-up.svg} +0 -0
- package/lib/build/svg/system/windows.svg +6 -0
- package/lib/dist/css/dialtone.css +2665 -23334
- package/lib/dist/css/dialtone.min.css +1 -1
- package/lib/dist/svg/spot/browser-list-callout.svg +1 -0
- package/lib/dist/svg/spot/browser-table-graph.svg +1 -0
- package/lib/dist/svg/system/raise-hand.svg +1 -1
- package/lib/dist/svg/system/thumb-down.svg +1 -0
- package/lib/dist/svg/system/thumb-up.svg +1 -0
- package/lib/dist/svg/system/windows.svg +1 -0
- package/lib/dist/vue/icons/IconRaiseHand.vue +1 -1
- package/lib/dist/vue/icons/IconThumbDown.vue +3 -0
- package/lib/dist/vue/icons/IconThumbUp.vue +3 -0
- package/lib/dist/vue/icons/IconWindows.vue +3 -0
- package/lib/dist/vue/spot/SpotBrowserListCallout.vue +3 -0
- package/lib/dist/vue/spot/SpotBrowserTableGraph.vue +3 -0
- package/package.json +20 -6
- package/lib/dist/svg/system/thumb_down.svg +0 -1
- package/lib/dist/svg/system/thumb_up.svg +0 -1
- package/lib/dist/vue/icons/IconThumb_down.vue +0 -3
- package/lib/dist/vue/icons/IconThumb_up.vue +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
//@import (reference) '../utilities/spacing.less';
|
|
2
2
|
|
|
3
3
|
//
|
|
4
4
|
// DIALTONE
|
|
@@ -21,23 +21,6 @@
|
|
|
21
21
|
// • PLACE SELF
|
|
22
22
|
// • ROWS
|
|
23
23
|
//
|
|
24
|
-
// ============================================================================
|
|
25
|
-
// $ GRID VARIABLES
|
|
26
|
-
// ----------------------------------------------------------------------------
|
|
27
|
-
@grid-vars: {
|
|
28
|
-
// Grid Layout Variables
|
|
29
|
-
sidebar-width: minmax(20rem, 30rem);
|
|
30
|
-
content-width: minmax(32rem, 90ch);
|
|
31
|
-
header-height: minmax(6.4rem, min-content);
|
|
32
|
-
content-height: minmax(64rem, max-content);
|
|
33
|
-
|
|
34
|
-
// Grid Columns
|
|
35
|
-
grid-columns: 12;
|
|
36
|
-
grid-column-width: minmax(min-content, 24rem);
|
|
37
|
-
grid-column-auto: 1fr;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
24
|
// ============================================================================
|
|
42
25
|
// $ COLUMNS
|
|
43
26
|
// ----------------------------------------------------------------------------
|
|
@@ -64,25 +47,25 @@
|
|
|
64
47
|
// -- COLUMN SPAN
|
|
65
48
|
#d-internals #auto-generate-no-convert(
|
|
66
49
|
'.d-gc',
|
|
67
|
-
{ .template(@value) { grid-column: span @value ~
|
|
50
|
+
{ .template(@value) { grid-column: span @value ~' / ' span @value !important; } },
|
|
68
51
|
1 2 3 4 5 6 7 8 9 10 11 12
|
|
69
52
|
);
|
|
70
53
|
|
|
71
|
-
.d-gc-full
|
|
54
|
+
.d-gc-full { grid-column: 1 ~' / ' -1 !important; }
|
|
72
55
|
|
|
73
|
-
.d-gcs-auto
|
|
74
|
-
.d-gce-auto
|
|
75
|
-
.d-gc-auto
|
|
56
|
+
.d-gcs-auto { grid-column-start: auto !important; }
|
|
57
|
+
.d-gce-auto { grid-column-end: auto !important; }
|
|
58
|
+
.d-gc-auto { grid-column: auto !important; }
|
|
76
59
|
|
|
77
|
-
.d-gcs-unset
|
|
78
|
-
.d-gce-unset
|
|
79
|
-
.d-gc-unset
|
|
60
|
+
.d-gcs-unset { grid-column-start: unset !important; }
|
|
61
|
+
.d-gce-unset { grid-column-end: unset !important; }
|
|
62
|
+
.d-gc-unset { grid-column: unset !important; }
|
|
80
63
|
|
|
81
64
|
|
|
82
65
|
// ============================================================================
|
|
83
66
|
// $ GAP
|
|
84
67
|
// ============================================================================
|
|
85
|
-
// Defines the size of grid
|
|
68
|
+
// Defines the size of grid 'gaps' (lines). We generate a gap for
|
|
86
69
|
// each defined spacing unit.
|
|
87
70
|
// ----------------------------------------------------------------------------
|
|
88
71
|
// All Gaps
|
|
@@ -106,64 +89,64 @@
|
|
|
106
89
|
@su0 @su1 @su2 @su4 @su6 @su8 @su12 @su16 @su24 @su32 @su48 @su64
|
|
107
90
|
);
|
|
108
91
|
|
|
109
|
-
.d-gcg-unset
|
|
110
|
-
.d-grg-unset
|
|
111
|
-
.d-gg-unset
|
|
92
|
+
.d-gcg-unset { grid-column-gap: unset !important; }
|
|
93
|
+
.d-grg-unset { grid-row-gap: unset !important; }
|
|
94
|
+
.d-gg-unset { grid-gap: unset !important; }
|
|
112
95
|
|
|
113
96
|
|
|
114
97
|
// ============================================================================
|
|
115
98
|
// $ JUSTIFY ITEMS
|
|
116
99
|
// Aligns grid items along the main axis.
|
|
117
100
|
// ----------------------------------------------------------------------------
|
|
118
|
-
.d-ji-center
|
|
119
|
-
.d-ji-end
|
|
120
|
-
.d-ji-start
|
|
121
|
-
.d-ji-left
|
|
122
|
-
.d-ji-right
|
|
123
|
-
.d-ji-baseline
|
|
124
|
-
.d-ji-first-baseline
|
|
125
|
-
.d-ji-last-baseline
|
|
126
|
-
.d-ji-stretch
|
|
127
|
-
.d-ji-safe
|
|
128
|
-
.d-ji-unsafe
|
|
129
|
-
.d-ji-normal
|
|
130
|
-
.d-ji-legacy
|
|
131
|
-
.d-ji-auto
|
|
132
|
-
.d-ji-unset
|
|
101
|
+
.d-ji-center { justify-items: center !important; }
|
|
102
|
+
.d-ji-end { justify-items: end !important; }
|
|
103
|
+
.d-ji-start { justify-items: start !important; }
|
|
104
|
+
.d-ji-left { justify-items: left !important; }
|
|
105
|
+
.d-ji-right { justify-items: right !important; }
|
|
106
|
+
.d-ji-baseline { justify-items: baseline !important; }
|
|
107
|
+
.d-ji-first-baseline { justify-items: first-baseline !important; }
|
|
108
|
+
.d-ji-last-baseline { justify-items: last-baseline !important; }
|
|
109
|
+
.d-ji-stretch { justify-items: stretch !important; }
|
|
110
|
+
.d-ji-safe { justify-items: safe !important; }
|
|
111
|
+
.d-ji-unsafe { justify-items: unsafe !important; }
|
|
112
|
+
.d-ji-normal { justify-items: normal !important; }
|
|
113
|
+
.d-ji-legacy { justify-items: legacy !important; }
|
|
114
|
+
.d-ji-auto { justify-items: auto !important; }
|
|
115
|
+
.d-ji-unset { justify-items: unset !important; }
|
|
133
116
|
|
|
134
117
|
|
|
135
118
|
// ============================================================================
|
|
136
119
|
// $ JUSTIFY SELF
|
|
137
120
|
// Aligns grid item along the main axis.
|
|
138
121
|
// ----------------------------------------------------------------------------
|
|
139
|
-
.d-js-center
|
|
140
|
-
.d-js-end
|
|
141
|
-
.d-js-start
|
|
142
|
-
.d-js-left
|
|
143
|
-
.d-js-right
|
|
144
|
-
.d-js-baseline
|
|
145
|
-
.d-js-first-baseline
|
|
146
|
-
.d-js-last-baseline
|
|
147
|
-
.d-js-stretch
|
|
148
|
-
.d-js-safe
|
|
149
|
-
.d-js-unsafe
|
|
150
|
-
.d-js-normal
|
|
151
|
-
.d-js-legacy
|
|
152
|
-
.d-js-auto
|
|
153
|
-
.d-js-unset
|
|
122
|
+
.d-js-center { justify-self: center !important; }
|
|
123
|
+
.d-js-end { justify-self: end !important; }
|
|
124
|
+
.d-js-start { justify-self: start !important; }
|
|
125
|
+
.d-js-left { justify-self: left !important; }
|
|
126
|
+
.d-js-right { justify-self: right !important; }
|
|
127
|
+
.d-js-baseline { justify-self: baseline !important; }
|
|
128
|
+
.d-js-first-baseline { justify-self: first-baseline !important; }
|
|
129
|
+
.d-js-last-baseline { justify-self: last-baseline !important; }
|
|
130
|
+
.d-js-stretch { justify-self: stretch !important; }
|
|
131
|
+
.d-js-safe { justify-self: safe !important; }
|
|
132
|
+
.d-js-unsafe { justify-self: unsafe !important; }
|
|
133
|
+
.d-js-normal { justify-self: normal !important; }
|
|
134
|
+
.d-js-legacy { justify-self: legacy !important; }
|
|
135
|
+
.d-js-auto { justify-self: auto !important; }
|
|
136
|
+
.d-js-unset { justify-self: unset !important; }
|
|
154
137
|
|
|
155
138
|
|
|
156
139
|
// ============================================================================
|
|
157
140
|
// $ LAYOUTS
|
|
158
141
|
// ----------------------------------------------------------------------------
|
|
159
142
|
.d-gl-sidebar {
|
|
160
|
-
grid-template-areas:
|
|
143
|
+
grid-template-areas: 'sidebar content';
|
|
161
144
|
grid-template-columns: [sidebar-start] var(--sidebar-width) [sidebar-end content-start] var(--content-width) [content-end];
|
|
162
145
|
}
|
|
163
146
|
|
|
164
147
|
.d-gl-header {
|
|
165
|
-
grid-template-areas:
|
|
166
|
-
|
|
148
|
+
grid-template-areas: 'header'
|
|
149
|
+
'content';
|
|
167
150
|
grid-template-rows: [header-start] var(--header-height) [header-end content-start] var(--content-height) [content-end];
|
|
168
151
|
grid-auto-rows: 1fr;
|
|
169
152
|
grid-auto-columns: minmax(min-content, auto);
|
|
@@ -171,130 +154,130 @@
|
|
|
171
154
|
|
|
172
155
|
// $ GRID AREAS
|
|
173
156
|
// ----------------------------------------------------------------------------
|
|
174
|
-
.d-ga-sidebar
|
|
175
|
-
.d-ga-content
|
|
176
|
-
.d-ga-header
|
|
157
|
+
.d-ga-sidebar { grid-area: sidebar !important; }
|
|
158
|
+
.d-ga-content { grid-area: content !important; }
|
|
159
|
+
.d-ga-header { grid-area: header !important; }
|
|
177
160
|
|
|
178
161
|
|
|
179
162
|
// ============================================================================
|
|
180
163
|
// $ PLACE CONTENT
|
|
181
164
|
// Aligns grid items along the block and inline directions at once
|
|
182
165
|
// ----------------------------------------------------------------------------
|
|
183
|
-
.d-plc-center
|
|
184
|
-
.d-plc-center-end
|
|
185
|
-
.d-plc-center-start
|
|
186
|
-
.d-plc-center-stretch
|
|
187
|
-
.d-plc-center-space-around
|
|
188
|
-
.d-plc-center-space-evenly
|
|
189
|
-
.d-plc-center-space-between
|
|
190
|
-
|
|
191
|
-
.d-plc-end
|
|
192
|
-
.d-plc-end-start
|
|
193
|
-
.d-plc-end-stretch
|
|
194
|
-
.d-plc-end-center
|
|
195
|
-
.d-plc-end-space-around
|
|
196
|
-
.d-plc-end-space-evenly
|
|
197
|
-
.d-plc-end-space-between
|
|
198
|
-
|
|
199
|
-
.d-plc-start
|
|
200
|
-
.d-plc-start-end
|
|
201
|
-
.d-plc-start-center
|
|
202
|
-
.d-plc-start-stretch
|
|
203
|
-
.d-plc-start-space-around
|
|
204
|
-
.d-plc-start-space-evenly
|
|
205
|
-
.d-plc-start-space-between
|
|
206
|
-
|
|
207
|
-
.d-plc-stretch
|
|
208
|
-
.d-plc-stretch-end
|
|
209
|
-
.d-plc-stretch-start
|
|
210
|
-
.d-plc-stretch-center
|
|
211
|
-
.d-plc-stretch-space-evenly
|
|
212
|
-
.d-plc-stretch-space-around
|
|
213
|
-
.d-plc-stretch-space-between
|
|
214
|
-
|
|
215
|
-
.d-plc-space-around
|
|
216
|
-
.d-plc-space-around-end
|
|
217
|
-
.d-plc-space-around-start
|
|
218
|
-
.d-plc-space-around-center
|
|
166
|
+
.d-plc-center { place-content: center !important; }
|
|
167
|
+
.d-plc-center-end { place-content: center end !important; }
|
|
168
|
+
.d-plc-center-start { place-content: center start !important; }
|
|
169
|
+
.d-plc-center-stretch { place-content: center stretch !important; }
|
|
170
|
+
.d-plc-center-space-around { place-content: center space-around !important; }
|
|
171
|
+
.d-plc-center-space-evenly { place-content: center space-evenly !important; }
|
|
172
|
+
.d-plc-center-space-between { place-content: center space-between !important; }
|
|
173
|
+
|
|
174
|
+
.d-plc-end { place-content: end !important; }
|
|
175
|
+
.d-plc-end-start { place-content: end start !important; }
|
|
176
|
+
.d-plc-end-stretch { place-content: end stretch !important; }
|
|
177
|
+
.d-plc-end-center { place-content: end center !important; }
|
|
178
|
+
.d-plc-end-space-around { place-content: end space-around !important; }
|
|
179
|
+
.d-plc-end-space-evenly { place-content: end space-evenly !important; }
|
|
180
|
+
.d-plc-end-space-between { place-content: end space-between !important; }
|
|
181
|
+
|
|
182
|
+
.d-plc-start { place-content: start !important; }
|
|
183
|
+
.d-plc-start-end { place-content: start end !important; }
|
|
184
|
+
.d-plc-start-center { place-content: start center !important; }
|
|
185
|
+
.d-plc-start-stretch { place-content: start stretch !important; }
|
|
186
|
+
.d-plc-start-space-around { place-content: start space-around !important; }
|
|
187
|
+
.d-plc-start-space-evenly { place-content: start space-evenly !important; }
|
|
188
|
+
.d-plc-start-space-between { place-content: start space-between !important; }
|
|
189
|
+
|
|
190
|
+
.d-plc-stretch { place-content: stretch !important; }
|
|
191
|
+
.d-plc-stretch-end { place-content: stretch end !important; }
|
|
192
|
+
.d-plc-stretch-start { place-content: stretch start !important; }
|
|
193
|
+
.d-plc-stretch-center { place-content: stretch center !important; }
|
|
194
|
+
.d-plc-stretch-space-evenly { place-content: stretch space-evenly !important; }
|
|
195
|
+
.d-plc-stretch-space-around { place-content: stretch space-around !important; }
|
|
196
|
+
.d-plc-stretch-space-between { place-content: stretch space-between !important; }
|
|
197
|
+
|
|
198
|
+
.d-plc-space-around { place-content: space-around !important; }
|
|
199
|
+
.d-plc-space-around-end { place-content: space-around end !important; }
|
|
200
|
+
.d-plc-space-around-start { place-content: space-around start !important; }
|
|
201
|
+
.d-plc-space-around-center { place-content: space-around center !important; }
|
|
219
202
|
.d-plc-space-around-space-evenly { place-content: space-around space-evenly !important; }
|
|
220
203
|
.d-plc-space-around-space-between { place-content: space-around space-between !important; }
|
|
221
204
|
|
|
222
|
-
.d-plc-space-evenly
|
|
223
|
-
.d-plc-space-evenly-end
|
|
224
|
-
.d-plc-space-evenly-start
|
|
225
|
-
.d-plc-space-evenly-center
|
|
205
|
+
.d-plc-space-evenly { place-content: space-evenly !important; }
|
|
206
|
+
.d-plc-space-evenly-end { place-content: space-evenly end !important; }
|
|
207
|
+
.d-plc-space-evenly-start { place-content: space-evenly start !important; }
|
|
208
|
+
.d-plc-space-evenly-center { place-content: space-evenly center !important; }
|
|
226
209
|
.d-plc-space-evenly-space-around { place-content: space-evenly space-around !important; }
|
|
227
210
|
.d-plc-space-evenly-space-between { place-content: space-evenly space-between !important; }
|
|
228
211
|
|
|
229
|
-
.d-plc-space-between
|
|
230
|
-
.d-plc-space-between-end
|
|
231
|
-
.d-plc-space-between-start
|
|
232
|
-
.d-plc-space-between-center
|
|
212
|
+
.d-plc-space-between { place-content: space-between !important; }
|
|
213
|
+
.d-plc-space-between-end { place-content: space-between end !important; }
|
|
214
|
+
.d-plc-space-between-start { place-content: space-between start !important; }
|
|
215
|
+
.d-plc-space-between-center { place-content: space-between center !important; }
|
|
233
216
|
.d-plc-space-between-space-around { place-content: space-between space-around !important; }
|
|
234
217
|
.d-plc-space-between-space-evenly { place-content: space-between space-evenly !important; }
|
|
235
218
|
|
|
236
|
-
.d-plc-normal
|
|
237
|
-
.d-plc-legacy
|
|
238
|
-
.d-plc-auto
|
|
239
|
-
.d-plc-unset
|
|
219
|
+
.d-plc-normal { place-content: normal !important; }
|
|
220
|
+
.d-plc-legacy { place-content: legacy !important; }
|
|
221
|
+
.d-plc-auto { place-content: auto !important; }
|
|
222
|
+
.d-plc-unset { place-content: unset !important; }
|
|
240
223
|
|
|
241
224
|
|
|
242
225
|
// ============================================================================
|
|
243
226
|
// $ PLACE ITEMS
|
|
244
227
|
// ----------------------------------------------------------------------------
|
|
245
|
-
.d-pli-center
|
|
246
|
-
.d-pli-center-end
|
|
247
|
-
.d-pli-center-start
|
|
248
|
-
.d-pli-center-stretch
|
|
228
|
+
.d-pli-center { place-items: center !important; }
|
|
229
|
+
.d-pli-center-end { place-items: center end !important; }
|
|
230
|
+
.d-pli-center-start { place-items: center start !important; }
|
|
231
|
+
.d-pli-center-stretch { place-items: center stretch !important; }
|
|
249
232
|
|
|
250
|
-
.d-pli-end
|
|
251
|
-
.d-pli-end-start
|
|
252
|
-
.d-pli-end-stretch
|
|
253
|
-
.d-pli-end-center
|
|
233
|
+
.d-pli-end { place-items: end !important; }
|
|
234
|
+
.d-pli-end-start { place-items: end start !important; }
|
|
235
|
+
.d-pli-end-stretch { place-items: end stretch !important; }
|
|
236
|
+
.d-pli-end-center { place-items: end center !important; }
|
|
254
237
|
|
|
255
|
-
.d-pli-start
|
|
256
|
-
.d-pli-start-end
|
|
257
|
-
.d-pli-start-center
|
|
258
|
-
.d-pli-start-stretch
|
|
238
|
+
.d-pli-start { place-items: start !important; }
|
|
239
|
+
.d-pli-start-end { place-items: start end !important; }
|
|
240
|
+
.d-pli-start-center { place-items: start center !important; }
|
|
241
|
+
.d-pli-start-stretch { place-items: start stretch !important; }
|
|
259
242
|
|
|
260
|
-
.d-pli-stretch
|
|
261
|
-
.d-pli-stretch-end
|
|
262
|
-
.d-pli-stretch-start
|
|
263
|
-
.d-pli-stretch-center
|
|
243
|
+
.d-pli-stretch { place-items: stretch !important; }
|
|
244
|
+
.d-pli-stretch-end { place-items: stretch end !important; }
|
|
245
|
+
.d-pli-stretch-start { place-items: stretch start !important; }
|
|
246
|
+
.d-pli-stretch-center { place-items: stretch center !important; }
|
|
264
247
|
|
|
265
|
-
.d-pli-normal
|
|
266
|
-
.d-pli-legacy
|
|
267
|
-
.d-pli-auto
|
|
268
|
-
.d-pli-unset
|
|
248
|
+
.d-pli-normal { place-items: normal !important; }
|
|
249
|
+
.d-pli-legacy { place-items: legacy !important; }
|
|
250
|
+
.d-pli-auto { place-items: auto !important; }
|
|
251
|
+
.d-pli-unset { place-items: unset !important; }
|
|
269
252
|
|
|
270
253
|
|
|
271
254
|
// ============================================================================
|
|
272
255
|
// $ PLACE SELF
|
|
273
256
|
// ----------------------------------------------------------------------------
|
|
274
|
-
.d-pls-center
|
|
275
|
-
.d-pls-center-end
|
|
276
|
-
.d-pls-center-start
|
|
277
|
-
.d-pls-center-stretch
|
|
257
|
+
.d-pls-center { place-self: center !important; }
|
|
258
|
+
.d-pls-center-end { place-self: center end !important; }
|
|
259
|
+
.d-pls-center-start { place-self: center start !important; }
|
|
260
|
+
.d-pls-center-stretch { place-self: center stretch !important; }
|
|
278
261
|
|
|
279
|
-
.d-pls-end
|
|
280
|
-
.d-pls-end-start
|
|
281
|
-
.d-pls-end-stretch
|
|
282
|
-
.d-pls-end-center
|
|
262
|
+
.d-pls-end { place-self: end !important; }
|
|
263
|
+
.d-pls-end-start { place-self: end start !important; }
|
|
264
|
+
.d-pls-end-stretch { place-self: end stretch !important; }
|
|
265
|
+
.d-pls-end-center { place-self: end center !important; }
|
|
283
266
|
|
|
284
|
-
.d-pls-start
|
|
285
|
-
.d-pls-start-end
|
|
286
|
-
.d-pls-start-center
|
|
287
|
-
.d-pls-start-stretch
|
|
267
|
+
.d-pls-start { place-self: start !important; }
|
|
268
|
+
.d-pls-start-end { place-self: start end !important; }
|
|
269
|
+
.d-pls-start-center { place-self: start center !important; }
|
|
270
|
+
.d-pls-start-stretch { place-self: start stretch !important; }
|
|
288
271
|
|
|
289
|
-
.d-pls-stretch
|
|
290
|
-
.d-pls-stretch-end
|
|
291
|
-
.d-pls-stretch-start
|
|
292
|
-
.d-pls-stretch-center
|
|
272
|
+
.d-pls-stretch { place-self: stretch !important; }
|
|
273
|
+
.d-pls-stretch-end { place-self: stretch end !important; }
|
|
274
|
+
.d-pls-stretch-start { place-self: stretch start !important; }
|
|
275
|
+
.d-pls-stretch-center { place-self: stretch center !important; }
|
|
293
276
|
|
|
294
|
-
.d-pls-normal
|
|
295
|
-
.d-pls-legacy
|
|
296
|
-
.d-pls-auto
|
|
297
|
-
.d-pls-unset
|
|
277
|
+
.d-pls-normal { place-self: normal !important; }
|
|
278
|
+
.d-pls-legacy { place-self: legacy !important; }
|
|
279
|
+
.d-pls-auto { place-self: auto !important; }
|
|
280
|
+
.d-pls-unset { place-self: unset !important; }
|
|
298
281
|
|
|
299
282
|
|
|
300
283
|
// ============================================================================
|
|
@@ -323,16 +306,16 @@
|
|
|
323
306
|
// -- ROW SPAN
|
|
324
307
|
#d-internals #auto-generate-no-convert(
|
|
325
308
|
'.d-gr',
|
|
326
|
-
{ .template(@value) { grid-row: span @value ~
|
|
309
|
+
{ .template(@value) { grid-row: span @value ~' / ' span @value !important; } },
|
|
327
310
|
1 2 3 4 5 6 7 8 9 10 11 12
|
|
328
|
-
)
|
|
311
|
+
);;
|
|
329
312
|
|
|
330
|
-
.d-gr-full
|
|
313
|
+
.d-gr-full { grid-row: 1 ~' / ' -1 !important; }
|
|
331
314
|
|
|
332
|
-
.d-grs-auto
|
|
333
|
-
.d-gre-auto
|
|
334
|
-
.d-gr-auto
|
|
315
|
+
.d-grs-auto { grid-row-start: auto !important; }
|
|
316
|
+
.d-gre-auto { grid-row-end: auto !important; }
|
|
317
|
+
.d-gr-auto { grid-row: auto !important; }
|
|
335
318
|
|
|
336
|
-
.d-grs-unset
|
|
337
|
-
.d-gre-unset
|
|
338
|
-
.d-gr-unset
|
|
319
|
+
.d-grs-unset { grid-row-start: unset !important; }
|
|
320
|
+
.d-gre-unset { grid-row-end: unset !important; }
|
|
321
|
+
.d-gr-unset { grid-row: unset !important; }
|
|
@@ -15,26 +15,26 @@
|
|
|
15
15
|
// $ CURSOR
|
|
16
16
|
// Sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
|
|
17
17
|
// ----------------------------------------------------------------------------
|
|
18
|
-
.d-c-menu
|
|
19
|
-
.d-c-help
|
|
20
|
-
.d-c-pointer
|
|
21
|
-
.d-c-progress
|
|
22
|
-
.d-c-wait
|
|
23
|
-
.d-c-crosshair
|
|
24
|
-
.d-c-text
|
|
25
|
-
.d-c-move
|
|
26
|
-
.d-c-copy
|
|
27
|
-
.d-c-not-allowed
|
|
28
|
-
.d-c-grab
|
|
29
|
-
.d-c-grabbing
|
|
30
|
-
.d-c-all-scroll
|
|
31
|
-
.d-c-col-resize
|
|
32
|
-
.d-c-row-resize
|
|
33
|
-
.d-c-zoom-in
|
|
34
|
-
.d-c-zoom-out
|
|
35
|
-
.d-c-auto
|
|
36
|
-
.d-c-default
|
|
37
|
-
.d-c-none
|
|
18
|
+
.d-c-menu { cursor: context-menu !important; }
|
|
19
|
+
.d-c-help { cursor: help !important; }
|
|
20
|
+
.d-c-pointer { cursor: pointer !important; }
|
|
21
|
+
.d-c-progress { cursor: progress !important; }
|
|
22
|
+
.d-c-wait { cursor: wait !important; }
|
|
23
|
+
.d-c-crosshair { cursor: crosshair !important; }
|
|
24
|
+
.d-c-text { cursor: text !important; }
|
|
25
|
+
.d-c-move { cursor: move !important; }
|
|
26
|
+
.d-c-copy { cursor: copy !important; }
|
|
27
|
+
.d-c-not-allowed { cursor: not-allowed !important; }
|
|
28
|
+
.d-c-grab { cursor: grab !important; }
|
|
29
|
+
.d-c-grabbing { cursor: grabbing !important; }
|
|
30
|
+
.d-c-all-scroll { cursor: all-scroll !important; }
|
|
31
|
+
.d-c-col-resize { cursor: col-resize !important; }
|
|
32
|
+
.d-c-row-resize { cursor: row-resize !important; }
|
|
33
|
+
.d-c-zoom-in { cursor: zoom-in !important; }
|
|
34
|
+
.d-c-zoom-out { cursor: zoom-out !important; }
|
|
35
|
+
.d-c-auto { cursor: auto !important; }
|
|
36
|
+
.d-c-default { cursor: default !important; }
|
|
37
|
+
.d-c-none { cursor: none !important; }
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
//============================================================================
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
// Sets the style, width, color, and other characteristics
|
|
43
43
|
// elements' outlines. These shouldn't be confused with borders.
|
|
44
44
|
// ----------------------------------------------------------------------------
|
|
45
|
-
.d-ol-focusring
|
|
46
|
-
.d-ol-none
|
|
45
|
+
.d-ol-focusring { outline: solid var(--su4) var(--focus-ring) !important; }
|
|
46
|
+
.d-ol-none { outline: 0 !important; }
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
//============================================================================
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
// The pointer-events CSS property enables or disables all
|
|
52
52
|
// mouse events on an element.
|
|
53
53
|
// ----------------------------------------------------------------------------
|
|
54
|
-
.d-pe-auto
|
|
55
|
-
.d-pe-inherit
|
|
56
|
-
.d-pe-none
|
|
54
|
+
.d-pe-auto { pointer-events: auto !important; }
|
|
55
|
+
.d-pe-inherit { pointer-events: inherit !important; }
|
|
56
|
+
.d-pe-none { pointer-events: none !important; }
|
|
57
57
|
|
|
58
|
-
.d-us-auto
|
|
59
|
-
.d-us-none
|
|
58
|
+
.d-us-auto { user-select: auto !important; }
|
|
59
|
+
.d-us-none { user-select: none !important; }
|