uikit 3.16.20-dev.d039a55d0 → 3.16.21
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 +8 -0
- package/build/scss.js +1 -1
- package/dist/css/uikit-core-rtl.css +1 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -1
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +2 -2
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +2 -2
- package/dist/js/uikit.min.js +1 -1
- package/package.json +6 -6
- package/src/scss/components/accordion.scss +0 -8
- package/src/scss/components/alert.scss +0 -15
- package/src/scss/components/align.scss +0 -3
- package/src/scss/components/animation.scss +1 -8
- package/src/scss/components/article.scss +0 -8
- package/src/scss/components/background.scss +0 -4
- package/src/scss/components/badge.scss +0 -9
- package/src/scss/components/base.scss +10 -80
- package/src/scss/components/breadcrumb.scss +0 -13
- package/src/scss/components/button.scss +9 -76
- package/src/scss/components/card.scss +0 -50
- package/src/scss/components/close.scss +0 -4
- package/src/scss/components/column.scss +0 -5
- package/src/scss/components/comment.scss +0 -9
- package/src/scss/components/container.scss +1 -9
- package/src/scss/components/countdown.scss +0 -2
- package/src/scss/components/description-list.scss +0 -5
- package/src/scss/components/divider.scss +0 -19
- package/src/scss/components/dotnav.scss +0 -13
- package/src/scss/components/drop.scss +0 -5
- package/src/scss/components/dropbar.scss +1 -13
- package/src/scss/components/dropdown.scss +4 -28
- package/src/scss/components/dropnav.scss +0 -1
- package/src/scss/components/form-range.scss +1 -8
- package/src/scss/components/form.scss +0 -71
- package/src/scss/components/grid.scss +0 -15
- package/src/scss/components/heading.scss +3 -30
- package/src/scss/components/height.scss +0 -3
- package/src/scss/components/icon.scss +0 -21
- package/src/scss/components/iconnav.scss +0 -8
- package/src/scss/components/inverse.scss +0 -8
- package/src/scss/components/label.scss +0 -14
- package/src/scss/components/leader.scss +0 -2
- package/src/scss/components/lightbox.scss +0 -17
- package/src/scss/components/link.scss +0 -9
- package/src/scss/components/list.scss +0 -26
- package/src/scss/components/margin.scss +0 -7
- package/src/scss/components/marker.scss +0 -7
- package/src/scss/components/modal.scss +9 -41
- package/src/scss/components/nav.scss +11 -101
- package/src/scss/components/navbar.scss +9 -65
- package/src/scss/components/notification.scss +3 -18
- package/src/scss/components/offcanvas.scss +0 -13
- package/src/scss/components/overlay.scss +0 -5
- package/src/scss/components/padding.scss +0 -5
- package/src/scss/components/pagination.scss +0 -12
- package/src/scss/components/placeholder.scss +0 -4
- package/src/scss/components/position.scss +0 -4
- package/src/scss/components/progress.scss +0 -4
- package/src/scss/components/search.scss +0 -33
- package/src/scss/components/section.scss +0 -14
- package/src/scss/components/slidenav.scss +0 -10
- package/src/scss/components/slider.scss +0 -4
- package/src/scss/components/sortable.scss +0 -3
- package/src/scss/components/spinner.scss +0 -4
- package/src/scss/components/sticky.scss +0 -3
- package/src/scss/components/subnav.scss +0 -33
- package/src/scss/components/tab.scss +0 -12
- package/src/scss/components/table.scss +0 -25
- package/src/scss/components/text.scss +0 -24
- package/src/scss/components/thumbnav.scss +0 -2
- package/src/scss/components/tile.scss +0 -17
- package/src/scss/components/tooltip.scss +0 -9
- package/src/scss/components/totop.scss +0 -7
- package/src/scss/components/transition.scss +0 -5
- package/src/scss/components/utility.scss +0 -20
- package/src/scss/components/variables.scss +0 -39
- package/src/scss/components/width.scss +0 -5
- package/src/scss/theme/accordion.scss +0 -4
- package/src/scss/theme/alert.scss +0 -2
- package/src/scss/theme/article.scss +0 -2
- package/src/scss/theme/base.scss +0 -12
- package/src/scss/theme/button.scss +0 -25
- package/src/scss/theme/card.scss +0 -18
- package/src/scss/theme/comment.scss +0 -2
- package/src/scss/theme/description-list.scss +0 -3
- package/src/scss/theme/dotnav.scss +0 -7
- package/src/scss/theme/dropbar.scss +0 -6
- package/src/scss/theme/dropdown.scss +0 -6
- package/src/scss/theme/form-range.scss +0 -4
- package/src/scss/theme/form.scss +0 -23
- package/src/scss/theme/iconnav.scss +0 -1
- package/src/scss/theme/label.scss +0 -2
- package/src/scss/theme/list.scss +0 -2
- package/src/scss/theme/modal.scss +0 -9
- package/src/scss/theme/nav.scss +0 -9
- package/src/scss/theme/navbar.scss +0 -14
- package/src/scss/theme/placeholder.scss +0 -3
- package/src/scss/theme/progress.scss +0 -1
- package/src/scss/theme/search.scss +0 -5
- package/src/scss/theme/subnav.scss +0 -2
- package/src/scss/theme/tab.scss +0 -7
- package/src/scss/theme/table.scss +0 -5
- package/src/scss/theme/text.scss +0 -3
- package/src/scss/theme/thumbnav.scss +0 -4
|
@@ -16,15 +16,7 @@
|
|
|
16
16
|
// Variables
|
|
17
17
|
// ========================================================================
|
|
18
18
|
|
|
19
|
-
// $tab-margin-horizontal: 20px !default;
|
|
20
19
|
|
|
21
|
-
// $tab-item-padding-horizontal: 10px !default;
|
|
22
|
-
// $tab-item-padding-vertical: 5px !default;
|
|
23
|
-
// $tab-item-color: $global-muted-color !default;
|
|
24
|
-
// $tab-item-hover-color: $global-color !default;
|
|
25
|
-
// $tab-item-hover-text-decoration: none !default;
|
|
26
|
-
// $tab-item-active-color: $global-emphasis-color !default;
|
|
27
|
-
// $tab-item-disabled-color: $global-muted-color !default;
|
|
28
20
|
|
|
29
21
|
|
|
30
22
|
/* ========================================================================
|
|
@@ -182,10 +174,6 @@
|
|
|
182
174
|
// Inverse
|
|
183
175
|
// ========================================================================
|
|
184
176
|
|
|
185
|
-
// $inverse-tab-item-color: $inverse-global-muted-color !default;
|
|
186
|
-
// $inverse-tab-item-hover-color: $inverse-global-color !default;
|
|
187
|
-
// $inverse-tab-item-active-color: $inverse-global-emphasis-color !default;
|
|
188
|
-
// $inverse-tab-item-disabled-color: $inverse-global-muted-color !default;
|
|
189
177
|
|
|
190
178
|
|
|
191
179
|
|
|
@@ -22,36 +22,17 @@
|
|
|
22
22
|
// Variables
|
|
23
23
|
// ========================================================================
|
|
24
24
|
|
|
25
|
-
// $table-margin-vertical: $global-margin !default;
|
|
26
25
|
|
|
27
|
-
// $table-cell-padding-vertical: 16px !default;
|
|
28
|
-
// $table-cell-padding-horizontal: 12px !default;
|
|
29
26
|
|
|
30
|
-
// $table-header-cell-font-size: $global-font-size !default;
|
|
31
|
-
// $table-header-cell-font-weight: bold !default;
|
|
32
|
-
// $table-header-cell-color: $global-color !default;
|
|
33
27
|
|
|
34
|
-
// $table-footer-font-size: $global-small-font-size !default;
|
|
35
28
|
|
|
36
|
-
// $table-caption-font-size: $global-small-font-size !default;
|
|
37
|
-
// $table-caption-color: $global-muted-color !default;
|
|
38
29
|
|
|
39
|
-
// $table-row-active-background: #ffd !default;
|
|
40
30
|
|
|
41
|
-
// $table-divider-border-width: $global-border-width !default;
|
|
42
|
-
// $table-divider-border: $global-border !default;
|
|
43
31
|
|
|
44
|
-
// $table-striped-row-background: $global-muted-background !default;
|
|
45
32
|
|
|
46
|
-
// $table-hover-row-background: $table-row-active-background !default;
|
|
47
33
|
|
|
48
|
-
// $table-small-cell-padding-vertical: 10px !default;
|
|
49
|
-
// $table-small-cell-padding-horizontal: 12px !default;
|
|
50
34
|
|
|
51
|
-
// $table-large-cell-padding-vertical: 22px !default;
|
|
52
|
-
// $table-large-cell-padding-horizontal: 12px !default;
|
|
53
35
|
|
|
54
|
-
// $table-expand-min-width: 150px !default;
|
|
55
36
|
|
|
56
37
|
|
|
57
38
|
/* ========================================================================
|
|
@@ -298,12 +279,6 @@
|
|
|
298
279
|
// Inverse
|
|
299
280
|
// ========================================================================
|
|
300
281
|
|
|
301
|
-
// $inverse-table-header-cell-color: $inverse-global-color !default;
|
|
302
|
-
// $inverse-table-caption-color: $inverse-global-muted-color !default;
|
|
303
|
-
// $inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default;
|
|
304
|
-
// $inverse-table-divider-border: $inverse-global-border !default;
|
|
305
|
-
// $inverse-table-striped-row-background: $inverse-global-muted-background !default;
|
|
306
|
-
// $inverse-table-hover-row-background: $inverse-table-row-active-background !default;
|
|
307
282
|
|
|
308
283
|
|
|
309
284
|
|
|
@@ -9,29 +9,11 @@
|
|
|
9
9
|
// Variables
|
|
10
10
|
// ========================================================================
|
|
11
11
|
|
|
12
|
-
// $text-lead-font-size: $global-large-font-size !default;
|
|
13
|
-
// $text-lead-line-height: 1.5 !default;
|
|
14
|
-
// $text-lead-color: $global-emphasis-color !default;
|
|
15
12
|
|
|
16
|
-
// $text-meta-font-size: $global-small-font-size !default;
|
|
17
|
-
// $text-meta-line-height: 1.4 !default;
|
|
18
|
-
// $text-meta-color: $global-muted-color !default;
|
|
19
13
|
|
|
20
|
-
// $text-small-font-size: $global-small-font-size !default;
|
|
21
|
-
// $text-small-line-height: 1.5 !default;
|
|
22
14
|
|
|
23
|
-
// $text-large-font-size: $global-large-font-size !default;
|
|
24
|
-
// $text-large-line-height: 1.5 !default;
|
|
25
15
|
|
|
26
|
-
// $text-muted-color: $global-muted-color !default;
|
|
27
|
-
// $text-emphasis-color: $global-emphasis-color !default;
|
|
28
|
-
// $text-primary-color: $global-primary-background !default;
|
|
29
|
-
// $text-secondary-color: $global-secondary-background !default;
|
|
30
|
-
// $text-success-color: $global-success-background !default;
|
|
31
|
-
// $text-warning-color: $global-warning-background !default;
|
|
32
|
-
// $text-danger-color: $global-danger-background !default;
|
|
33
16
|
|
|
34
|
-
// $text-background-color: $global-primary-background !default;
|
|
35
17
|
|
|
36
18
|
|
|
37
19
|
/* ========================================================================
|
|
@@ -255,12 +237,6 @@ td.uk-text-truncate { max-width: 0; }
|
|
|
255
237
|
// Inverse
|
|
256
238
|
// ========================================================================
|
|
257
239
|
|
|
258
|
-
// $inverse-text-lead-color: $inverse-global-color !default;
|
|
259
|
-
// $inverse-text-meta-color: $inverse-global-muted-color !default;
|
|
260
|
-
// $inverse-text-muted-color: $inverse-global-muted-color !default;
|
|
261
|
-
// $inverse-text-emphasis-color: $inverse-global-emphasis-color !default;
|
|
262
|
-
// $inverse-text-primary-color: $inverse-global-primary-background !default;
|
|
263
|
-
// $inverse-text-secondary-color: $inverse-global-primary-background !default;
|
|
264
240
|
|
|
265
241
|
|
|
266
242
|
|
|
@@ -13,8 +13,6 @@
|
|
|
13
13
|
// Variables
|
|
14
14
|
// ========================================================================
|
|
15
15
|
|
|
16
|
-
// $thumbnav-margin-horizontal: 15px !default;
|
|
17
|
-
// $thumbnav-margin-vertical: $thumbnav-margin-horizontal !default;
|
|
18
16
|
|
|
19
17
|
|
|
20
18
|
/* ========================================================================
|
|
@@ -20,31 +20,14 @@
|
|
|
20
20
|
// Variables
|
|
21
21
|
// ========================================================================
|
|
22
22
|
|
|
23
|
-
// $tile-padding-horizontal: 15px !default;
|
|
24
|
-
// $tile-padding-horizontal-s: $global-gutter !default;
|
|
25
|
-
// $tile-padding-horizontal-m: $global-medium-gutter !default;
|
|
26
|
-
// $tile-padding-vertical: $global-medium-margin !default;
|
|
27
|
-
// $tile-padding-vertical-m: $global-large-margin !default;
|
|
28
23
|
|
|
29
|
-
// $tile-xsmall-padding-vertical: $global-margin !default;
|
|
30
24
|
|
|
31
|
-
// $tile-small-padding-vertical: $global-medium-margin !default;
|
|
32
25
|
|
|
33
|
-
// $tile-large-padding-vertical: $global-large-margin !default;
|
|
34
|
-
// $tile-large-padding-vertical-m: $global-xlarge-margin !default;
|
|
35
26
|
|
|
36
|
-
// $tile-xlarge-padding-vertical: $global-xlarge-margin !default;
|
|
37
|
-
// $tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default;
|
|
38
27
|
|
|
39
|
-
// $tile-default-background: $global-background !default;
|
|
40
28
|
|
|
41
|
-
// $tile-muted-background: $global-muted-background !default;
|
|
42
29
|
|
|
43
|
-
// $tile-primary-background: $global-primary-background !default;
|
|
44
|
-
// $tile-primary-color-mode: light !default;
|
|
45
30
|
|
|
46
|
-
// $tile-secondary-background: $global-secondary-background !default;
|
|
47
|
-
// $tile-secondary-color-mode: light !default;
|
|
48
31
|
|
|
49
32
|
|
|
50
33
|
/* ========================================================================
|
|
@@ -20,15 +20,6 @@
|
|
|
20
20
|
// Variables
|
|
21
21
|
// ========================================================================
|
|
22
22
|
|
|
23
|
-
// $tooltip-z-index: $global-z-index + 30 !default;
|
|
24
|
-
// $tooltip-margin: 10px !default;
|
|
25
|
-
// $tooltip-max-width: 200px !default;
|
|
26
|
-
// $tooltip-padding-vertical: 3px !default;
|
|
27
|
-
// $tooltip-padding-horizontal: 6px !default;
|
|
28
|
-
// $tooltip-background: #666 !default;
|
|
29
|
-
// $tooltip-border-radius: 2px !default;
|
|
30
|
-
// $tooltip-color: $global-inverse-color !default;
|
|
31
|
-
// $tooltip-font-size: 12px !default;
|
|
32
23
|
|
|
33
24
|
|
|
34
25
|
|
|
@@ -9,12 +9,8 @@
|
|
|
9
9
|
// Variables
|
|
10
10
|
// ========================================================================
|
|
11
11
|
|
|
12
|
-
// $totop-padding: 5px !default;
|
|
13
|
-
// $totop-color: $global-muted-color !default;
|
|
14
12
|
|
|
15
|
-
// $totop-hover-color: $global-color !default;
|
|
16
13
|
|
|
17
|
-
// $totop-active-color: $global-emphasis-color !default;
|
|
18
14
|
|
|
19
15
|
|
|
20
16
|
/* ========================================================================
|
|
@@ -58,9 +54,6 @@
|
|
|
58
54
|
// Inverse
|
|
59
55
|
// ========================================================================
|
|
60
56
|
|
|
61
|
-
// $inverse-totop-color: $inverse-global-muted-color !default;
|
|
62
|
-
// $inverse-totop-hover-color: $inverse-global-color !default;
|
|
63
|
-
// $inverse-totop-active-color: $inverse-global-emphasis-color !default;
|
|
64
57
|
|
|
65
58
|
|
|
66
59
|
|
|
@@ -24,14 +24,9 @@
|
|
|
24
24
|
// Variables
|
|
25
25
|
// ========================================================================
|
|
26
26
|
|
|
27
|
-
// $transition-duration: 0.3s !default;
|
|
28
27
|
|
|
29
|
-
// $transition-scale: 1.03 !default;
|
|
30
28
|
|
|
31
|
-
// $transition-slide-small-translate: 10px !default;
|
|
32
|
-
// $transition-slide-medium-translate: 50px !default;
|
|
33
29
|
|
|
34
|
-
// $transition-slow-duration: 0.7s !default;
|
|
35
30
|
|
|
36
31
|
|
|
37
32
|
/* ========================================================================
|
|
@@ -31,30 +31,12 @@
|
|
|
31
31
|
// Variables
|
|
32
32
|
// ========================================================================
|
|
33
33
|
|
|
34
|
-
// $panel-scrollable-height: 170px !default;
|
|
35
|
-
// $panel-scrollable-padding: 10px !default;
|
|
36
|
-
// $panel-scrollable-border-width: $global-border-width !default;
|
|
37
|
-
// $panel-scrollable-border: $global-border !default;
|
|
38
34
|
|
|
39
|
-
// $border-rounded-border-radius: 5px !default;
|
|
40
35
|
|
|
41
|
-
// $box-shadow-duration: 0.1s !default;
|
|
42
36
|
|
|
43
|
-
// $box-shadow-bottom-height: 30px !default;
|
|
44
|
-
// $box-shadow-bottom-bottom: (-$box-shadow-bottom-height) !default;
|
|
45
|
-
// $box-shadow-bottom-border-radius: 100% !default;
|
|
46
|
-
// $box-shadow-bottom-background: #444 !default;
|
|
47
|
-
// $box-shadow-bottom-blur: 20px !default;
|
|
48
37
|
|
|
49
|
-
// $dropcap-margin-right: 10px !default;
|
|
50
|
-
// $dropcap-font-size: (($global-line-height * 3) * 1em) !default;
|
|
51
38
|
|
|
52
|
-
// $logo-font-size: $global-large-font-size !default;
|
|
53
|
-
// $logo-font-family: $global-font-family !default;
|
|
54
|
-
// $logo-color: $global-emphasis-color !default;
|
|
55
|
-
// $logo-hover-color: $global-emphasis-color !default;
|
|
56
39
|
|
|
57
|
-
// $dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default;
|
|
58
40
|
|
|
59
41
|
|
|
60
42
|
/* ========================================================================
|
|
@@ -508,8 +490,6 @@
|
|
|
508
490
|
// Inverse
|
|
509
491
|
// ========================================================================
|
|
510
492
|
|
|
511
|
-
// $inverse-logo-color: $inverse-global-emphasis-color !default;
|
|
512
|
-
// $inverse-logo-hover-color: $inverse-global-emphasis-color !default;
|
|
513
493
|
|
|
514
494
|
|
|
515
495
|
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
// Load deprecated components
|
|
9
9
|
// ========================================================================
|
|
10
10
|
|
|
11
|
-
// $deprecated: false !default;
|
|
12
11
|
|
|
13
12
|
|
|
14
13
|
// Breakpoints
|
|
@@ -25,10 +24,6 @@ $breakpoint-medium: 960px !default; // Tablet Lands
|
|
|
25
24
|
$breakpoint-large: 1200px !default; // Desktop
|
|
26
25
|
$breakpoint-xlarge: 1600px !default; // Large Screens
|
|
27
26
|
|
|
28
|
-
// $breakpoint-xsmall-max: ($breakpoint-small - 1) !default;
|
|
29
|
-
// $breakpoint-small-max: ($breakpoint-medium - 1) !default;
|
|
30
|
-
// $breakpoint-medium-max: ($breakpoint-large - 1) !default;
|
|
31
|
-
// $breakpoint-large-max: ($breakpoint-xlarge - 1) !default;
|
|
32
27
|
|
|
33
28
|
|
|
34
29
|
// Global variables
|
|
@@ -38,8 +33,6 @@ $breakpoint-xlarge: 1600px !default; // Large Screen
|
|
|
38
33
|
// Typography
|
|
39
34
|
//
|
|
40
35
|
|
|
41
|
-
// $global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
|
42
|
-
// $global-font-size: 16px !default;
|
|
43
36
|
$global-line-height: 1.5 !default; // 24px
|
|
44
37
|
|
|
45
38
|
$global-2xlarge-font-size: 2.625rem !default; // 42px
|
|
@@ -52,72 +45,40 @@ $global-small-font-size: 0.875rem !default; // 14px
|
|
|
52
45
|
// Colors
|
|
53
46
|
//
|
|
54
47
|
|
|
55
|
-
// $global-color: #666 !default;
|
|
56
|
-
// $global-emphasis-color: #333 !default;
|
|
57
|
-
// $global-muted-color: #999 !default;
|
|
58
48
|
|
|
59
|
-
// $global-link-color: #1e87f0 !default;
|
|
60
|
-
// $global-link-hover-color: #0f6ecd !default;
|
|
61
49
|
|
|
62
|
-
// $global-inverse-color: #fff !default;
|
|
63
50
|
|
|
64
51
|
//
|
|
65
52
|
// Backgrounds
|
|
66
53
|
//
|
|
67
54
|
|
|
68
|
-
// $global-background: #fff !default;
|
|
69
55
|
|
|
70
|
-
// $global-muted-background: #f8f8f8 !default;
|
|
71
|
-
// $global-primary-background: #1e87f0 !default;
|
|
72
|
-
// $global-secondary-background: #222 !default;
|
|
73
56
|
|
|
74
|
-
// $global-success-background: #32d296 !default;
|
|
75
|
-
// $global-warning-background: #faa05a !default;
|
|
76
|
-
// $global-danger-background: #f0506e !default;
|
|
77
57
|
|
|
78
58
|
//
|
|
79
59
|
// Borders
|
|
80
60
|
//
|
|
81
61
|
|
|
82
|
-
// $global-border-width: 1px !default;
|
|
83
|
-
// $global-border: #e5e5e5 !default;
|
|
84
62
|
|
|
85
63
|
//
|
|
86
64
|
// Box-Shadows
|
|
87
65
|
//
|
|
88
66
|
|
|
89
|
-
// $global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08) !default;
|
|
90
|
-
// $global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08) !default;
|
|
91
|
-
// $global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16) !default;
|
|
92
|
-
// $global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16) !default;
|
|
93
67
|
|
|
94
68
|
//
|
|
95
69
|
// Spacings
|
|
96
70
|
//
|
|
97
71
|
|
|
98
72
|
// Used in margin, section, list
|
|
99
|
-
// $global-margin: 20px !default;
|
|
100
|
-
// $global-small-margin: 10px !default;
|
|
101
|
-
// $global-medium-margin: 40px !default;
|
|
102
|
-
// $global-large-margin: 70px !default;
|
|
103
|
-
// $global-xlarge-margin: 140px !default;
|
|
104
73
|
|
|
105
74
|
// Used in grid, column, container, align, card, padding
|
|
106
|
-
// $global-gutter: 30px !default;
|
|
107
|
-
// $global-small-gutter: 15px !default;
|
|
108
|
-
// $global-medium-gutter: 40px !default;
|
|
109
|
-
// $global-large-gutter: 70px !default;
|
|
110
75
|
|
|
111
76
|
//
|
|
112
77
|
// Controls
|
|
113
78
|
//
|
|
114
79
|
|
|
115
|
-
// $global-control-height: 40px !default;
|
|
116
|
-
// $global-control-small-height: 30px !default;
|
|
117
|
-
// $global-control-large-height: 55px !default;
|
|
118
80
|
|
|
119
81
|
//
|
|
120
82
|
// Z-index
|
|
121
83
|
//
|
|
122
84
|
|
|
123
|
-
// $global-z-index: 1000 !default;
|
|
@@ -10,11 +10,6 @@
|
|
|
10
10
|
// Variables
|
|
11
11
|
// ========================================================================
|
|
12
12
|
|
|
13
|
-
// $width-small-width: 150px !default;
|
|
14
|
-
// $width-medium-width: 300px !default;
|
|
15
|
-
// $width-large-width: 450px !default;
|
|
16
|
-
// $width-xlarge-width: 600px !default;
|
|
17
|
-
// $width-2xlarge-width: 750px !default;
|
|
18
13
|
|
|
19
14
|
|
|
20
15
|
/* ========================================================================
|
|
@@ -11,10 +11,6 @@
|
|
|
11
11
|
// New
|
|
12
12
|
//
|
|
13
13
|
|
|
14
|
-
// $accordion-icon-margin-left: 10px !default;
|
|
15
|
-
// $accordion-icon-color: $global-color !default;
|
|
16
|
-
// $internal-accordion-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
|
|
17
|
-
// $internal-accordion-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
|
|
18
14
|
|
|
19
15
|
|
|
20
16
|
// Component
|
package/src/scss/theme/base.scss
CHANGED
|
@@ -11,19 +11,9 @@
|
|
|
11
11
|
// New
|
|
12
12
|
//
|
|
13
13
|
|
|
14
|
-
// $base-code-padding-horizontal: 6px !default;
|
|
15
|
-
// $base-code-padding-vertical: 2px !default;
|
|
16
|
-
// $base-code-background: $global-muted-background !default;
|
|
17
14
|
|
|
18
|
-
// $base-blockquote-color: $global-emphasis-color !default;
|
|
19
15
|
|
|
20
|
-
// $base-blockquote-footer-color: $global-color !default;
|
|
21
16
|
|
|
22
|
-
// $base-pre-padding: 10px !default;
|
|
23
|
-
// $base-pre-background: $global-background !default;
|
|
24
|
-
// $base-pre-border-width: $global-border-width !default;
|
|
25
|
-
// $base-pre-border: $global-border !default;
|
|
26
|
-
// $base-pre-border-radius: 3px !default;
|
|
27
17
|
|
|
28
18
|
|
|
29
19
|
// Body
|
|
@@ -93,8 +83,6 @@
|
|
|
93
83
|
// Inverse
|
|
94
84
|
// ========================================================================
|
|
95
85
|
|
|
96
|
-
// $inverse-base-blockquote-color: $inverse-global-emphasis-color !default;
|
|
97
|
-
// $inverse-base-blockquote-footer-color: $inverse-global-color !default;
|
|
98
86
|
|
|
99
87
|
// @mixin hook-inverse-base-link(){}
|
|
100
88
|
// @mixin hook-inverse-base-link-hover(){}
|
|
@@ -7,37 +7,19 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $button-line-height: $global-control-height - ($button-border-width * 2) !default;
|
|
11
|
-
// $button-small-line-height: $global-control-small-height - ($button-border-width * 2) !default;
|
|
12
|
-
// $button-large-line-height: $global-control-large-height - ($button-border-width * 2) !default;
|
|
13
10
|
|
|
14
|
-
// $button-font-size: $global-small-font-size !default;
|
|
15
|
-
// $button-large-font-size: $global-small-font-size !default;
|
|
16
11
|
|
|
17
|
-
// $button-default-background: transparent !default;
|
|
18
|
-
// $button-default-hover-background: transparent !default;
|
|
19
|
-
// $button-default-active-background: transparent !default;
|
|
20
12
|
|
|
21
|
-
// $button-disabled-background: transparent !default;
|
|
22
13
|
|
|
23
|
-
// $button-text-hover-color: $global-emphasis-color !default;
|
|
24
14
|
|
|
25
15
|
//
|
|
26
16
|
// New
|
|
27
17
|
//
|
|
28
18
|
|
|
29
|
-
// $button-text-transform: uppercase !default;
|
|
30
19
|
|
|
31
|
-
// $button-border-width: $global-border-width !default;
|
|
32
20
|
|
|
33
|
-
// $button-default-border: $global-border !default;
|
|
34
|
-
// $button-default-hover-border: darken($global-border, 20%) !default;
|
|
35
|
-
// $button-default-active-border: darken($global-border, 30%) !default;
|
|
36
21
|
|
|
37
|
-
// $button-disabled-border: $global-border !default;
|
|
38
22
|
|
|
39
|
-
// $button-text-border-width: $global-border-width !default;
|
|
40
|
-
// $button-text-border: currentColor !default;
|
|
41
23
|
|
|
42
24
|
|
|
43
25
|
// Component
|
|
@@ -129,14 +111,7 @@
|
|
|
129
111
|
// Inverse
|
|
130
112
|
// ========================================================================
|
|
131
113
|
|
|
132
|
-
// $inverse-button-default-background: transparent !default;
|
|
133
|
-
// $inverse-button-default-color: $inverse-global-emphasis-color !default;
|
|
134
|
-
// $inverse-button-default-hover-background: transparent !default;
|
|
135
|
-
// $inverse-button-default-hover-color: $inverse-global-emphasis-color !default;
|
|
136
|
-
// $inverse-button-default-active-background: transparent !default;
|
|
137
|
-
// $inverse-button-default-active-color: $inverse-global-emphasis-color !default;
|
|
138
114
|
|
|
139
|
-
// $inverse-button-text-hover-color: $inverse-global-emphasis-color !default;
|
|
140
115
|
|
|
141
116
|
|
|
142
117
|
|
package/src/scss/theme/card.scss
CHANGED
|
@@ -7,38 +7,20 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $card-hover-background: $global-background !default;
|
|
11
10
|
|
|
12
|
-
// $card-default-background: $global-background !default;
|
|
13
|
-
// $card-default-hover-background: $card-default-background !default;
|
|
14
11
|
|
|
15
|
-
// $card-primary-hover-background: $card-primary-background !default;
|
|
16
12
|
|
|
17
|
-
// $card-secondary-hover-background: $card-secondary-background !default;
|
|
18
13
|
|
|
19
14
|
//
|
|
20
15
|
// New
|
|
21
16
|
//
|
|
22
17
|
|
|
23
|
-
// $card-badge-border-radius: 2px !default;
|
|
24
|
-
// $card-badge-text-transform: uppercase !default;
|
|
25
18
|
|
|
26
|
-
// $card-hover-box-shadow: $global-large-box-shadow !default;
|
|
27
19
|
|
|
28
|
-
// $card-default-box-shadow: $global-medium-box-shadow !default;
|
|
29
|
-
// $card-default-hover-box-shadow: $global-large-box-shadow !default;
|
|
30
20
|
|
|
31
|
-
// $card-default-header-border-width: $global-border-width !default;
|
|
32
|
-
// $card-default-header-border: $global-border !default;
|
|
33
21
|
|
|
34
|
-
// $card-default-footer-border-width: $global-border-width !default;
|
|
35
|
-
// $card-default-footer-border: $global-border !default;
|
|
36
22
|
|
|
37
|
-
// $card-primary-box-shadow: $global-medium-box-shadow !default;
|
|
38
|
-
// $card-primary-hover-box-shadow: $global-large-box-shadow !default;
|
|
39
23
|
|
|
40
|
-
// $card-secondary-box-shadow: $global-medium-box-shadow !default;
|
|
41
|
-
// $card-secondary-hover-box-shadow: $global-large-box-shadow !default;
|
|
42
24
|
|
|
43
25
|
|
|
44
26
|
// Component
|
|
@@ -7,9 +7,6 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $description-list-term-font-size: $global-small-font-size !default;
|
|
11
|
-
// $description-list-term-font-weight: normal !default;
|
|
12
|
-
// $description-list-term-text-transform: uppercase !default;
|
|
13
10
|
|
|
14
11
|
|
|
15
12
|
// Component
|
|
@@ -7,18 +7,12 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $dotnav-item-background: transparent !default;
|
|
11
10
|
|
|
12
11
|
//
|
|
13
12
|
// New
|
|
14
13
|
//
|
|
15
14
|
|
|
16
|
-
// $dotnav-item-border-width: 1px !default;
|
|
17
15
|
|
|
18
|
-
// $dotnav-item-border: rgba($global-color, 0.4) !default;
|
|
19
|
-
// $dotnav-item-hover-border: transparent !default;
|
|
20
|
-
// $dotnav-item-onclick-border: transparent !default;
|
|
21
|
-
// $dotnav-item-active-border: transparent !default;
|
|
22
16
|
|
|
23
17
|
|
|
24
18
|
// Component
|
|
@@ -44,7 +38,6 @@
|
|
|
44
38
|
// Inverse
|
|
45
39
|
// ========================================================================
|
|
46
40
|
|
|
47
|
-
// $inverse-dotnav-item-background: transparent !default;
|
|
48
41
|
|
|
49
42
|
// @mixin hook-inverse-dotnav(){}
|
|
50
43
|
|
|
@@ -7,17 +7,11 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $dropbar-padding-top: 25px !default;
|
|
11
|
-
// $dropbar-background: $global-background !default;
|
|
12
10
|
|
|
13
11
|
//
|
|
14
12
|
// New
|
|
15
13
|
//
|
|
16
14
|
|
|
17
|
-
// $dropbar-top-box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05) !default;
|
|
18
|
-
// $dropbar-bottom-box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05) !default;
|
|
19
|
-
// $dropbar-left-box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
|
|
20
|
-
// $dropbar-right-box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
|
|
21
15
|
|
|
22
16
|
|
|
23
17
|
// Component
|
|
@@ -7,20 +7,14 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $dropdown-padding: 25px !default;
|
|
11
|
-
// $dropdown-background: $global-background !default;
|
|
12
10
|
|
|
13
|
-
// $dropdown-dropbar-padding-top: 5px !default;
|
|
14
11
|
|
|
15
|
-
// $dropdown-nav-subtitle-font-size: 12px !default;
|
|
16
12
|
|
|
17
13
|
//
|
|
18
14
|
// New
|
|
19
15
|
//
|
|
20
16
|
|
|
21
|
-
// $dropdown-nav-font-size: $global-small-font-size !default;
|
|
22
17
|
|
|
23
|
-
// $dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
|
|
24
18
|
|
|
25
19
|
|
|
26
20
|
// Component
|
|
@@ -7,16 +7,12 @@
|
|
|
7
7
|
// Variables
|
|
8
8
|
// ========================================================================
|
|
9
9
|
|
|
10
|
-
// $form-range-thumb-background: $global-background !default;
|
|
11
10
|
|
|
12
11
|
//
|
|
13
12
|
// New
|
|
14
13
|
//
|
|
15
14
|
|
|
16
|
-
// $form-range-thumb-border-width: $global-border-width !default;
|
|
17
|
-
// $form-range-thumb-border: darken($global-border, 10%) !default;
|
|
18
15
|
|
|
19
|
-
// $form-range-track-border-radius: 500px !default;
|
|
20
16
|
|
|
21
17
|
|
|
22
18
|
// Component
|