@sd-angular/core 19.0.0-beta.85 → 19.0.0-beta.87
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/README.md +716 -716
- package/assets/fonts/fonts.scss +115 -115
- package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
- package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
- package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
- package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
- package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
- package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
- package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
- package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
- package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
- package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
- package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
- package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
- package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
- package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
- package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
- package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
- package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
- package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
- package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
- package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
- package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
- package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
- package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
- package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
- package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
- package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
- package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
- package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
- package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
- package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
- package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
- package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
- package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
- package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
- package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
- package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
- package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
- package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
- package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
- package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
- package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
- package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
- package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
- package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
- package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
- package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
- package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
- package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
- package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
- package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
- package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
- package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
- package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
- package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
- package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
- package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
- package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
- package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
- package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
- package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
- package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
- package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
- package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
- package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
- package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
- package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
- package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
- package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
- package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
- package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
- package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
- package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
- package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
- package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
- package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
- package/assets/scss/core/print.scss +47 -47
- package/assets/scss/core/scrollbar.scss +30 -30
- package/assets/scss/core/typography.scss +121 -121
- package/components/anchor/index.d.ts +1 -0
- package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
- package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
- package/components/anchor/src/components/main/main.component.d.ts +13 -18
- package/components/anchor/src/models/anchor.model.d.ts +7 -0
- package/components/anchor/src/models/index.d.ts +1 -0
- package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
- package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
- package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
- package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
- package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
- package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
- package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
- package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-table.mjs +8 -12
- package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
- package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
- package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
- package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
- package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
- package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
- package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
- package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
- package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
- package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
- package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
- package/fesm2022/sd-angular-core.mjs.map +1 -1
- package/package.json +72 -72
- package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
- package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
- package/components/anchor/src/services/anchor.service.d.ts +0 -12
- package/components/anchor/src/services/index.d.ts +0 -1
- package/sd-angular-core-19.0.0-beta.85.tgz +0 -0
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
/// Grid system
|
|
2
|
-
//
|
|
3
|
-
// Generate semantic grid columns with these mixins.
|
|
4
|
-
|
|
5
|
-
@mixin make-container($gutter: $grid-gutter-width) {
|
|
6
|
-
width: 100%;
|
|
7
|
-
padding-right: $gutter * .5;
|
|
8
|
-
padding-left: $gutter * .5;
|
|
9
|
-
margin-right: auto;
|
|
10
|
-
margin-left: auto;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@mixin make-row($gutter: $grid-gutter-width) {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
|
-
margin-right: -$gutter * .5;
|
|
17
|
-
margin-left: -$gutter * .5;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
// For each breakpoint, define the maximum width of the container in a media query
|
|
21
|
-
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
|
|
22
|
-
@each $breakpoint, $container-max-width in $max-widths {
|
|
23
|
-
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
|
24
|
-
max-width: $container-max-width;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@mixin make-col-ready($gutter: $grid-gutter-width) {
|
|
31
|
-
position: relative;
|
|
32
|
-
// Prevent columns from becoming too narrow when at smaller grid tiers by
|
|
33
|
-
// always setting `width: 100%;`. This works because we use `flex` values
|
|
34
|
-
// later on to override this initial width.
|
|
35
|
-
width: 100%;
|
|
36
|
-
padding-right: $gutter * .5;
|
|
37
|
-
padding-left: $gutter * .5;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@mixin make-col($size, $columns: $grid-columns) {
|
|
41
|
-
flex: 0 0 percentage(divide($size, $columns));
|
|
42
|
-
// Add a `max-width` to ensure content within each column does not blow out
|
|
43
|
-
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
|
44
|
-
// do not appear to require this.
|
|
45
|
-
max-width: percentage(divide($size, $columns));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@mixin make-col-auto() {
|
|
49
|
-
flex: 0 0 auto;
|
|
50
|
-
width: auto;
|
|
51
|
-
max-width: 100%; // Reset earlier grid tiers
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@mixin make-col-offset($size, $columns: $grid-columns) {
|
|
55
|
-
$num: divide($size, $columns);
|
|
56
|
-
margin-left: if($num == 0, 0, percentage($num));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// Row columns
|
|
60
|
-
//
|
|
61
|
-
// Specify on a parent element(e.g., .row) to force immediate children into NN
|
|
62
|
-
// numberof columns. Supports wrapping to new lines, but does not do a Masonry
|
|
63
|
-
// style grid.
|
|
64
|
-
@mixin row-cols($count) {
|
|
65
|
-
> * {
|
|
66
|
-
flex: 0 0 divide(100%, $count);
|
|
67
|
-
max-width: divide(100%, $count);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
1
|
+
/// Grid system
|
|
2
|
+
//
|
|
3
|
+
// Generate semantic grid columns with these mixins.
|
|
4
|
+
|
|
5
|
+
@mixin make-container($gutter: $grid-gutter-width) {
|
|
6
|
+
width: 100%;
|
|
7
|
+
padding-right: $gutter * .5;
|
|
8
|
+
padding-left: $gutter * .5;
|
|
9
|
+
margin-right: auto;
|
|
10
|
+
margin-left: auto;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@mixin make-row($gutter: $grid-gutter-width) {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
margin-right: -$gutter * .5;
|
|
17
|
+
margin-left: -$gutter * .5;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// For each breakpoint, define the maximum width of the container in a media query
|
|
21
|
+
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
|
|
22
|
+
@each $breakpoint, $container-max-width in $max-widths {
|
|
23
|
+
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
|
24
|
+
max-width: $container-max-width;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
@include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@mixin make-col-ready($gutter: $grid-gutter-width) {
|
|
31
|
+
position: relative;
|
|
32
|
+
// Prevent columns from becoming too narrow when at smaller grid tiers by
|
|
33
|
+
// always setting `width: 100%;`. This works because we use `flex` values
|
|
34
|
+
// later on to override this initial width.
|
|
35
|
+
width: 100%;
|
|
36
|
+
padding-right: $gutter * .5;
|
|
37
|
+
padding-left: $gutter * .5;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@mixin make-col($size, $columns: $grid-columns) {
|
|
41
|
+
flex: 0 0 percentage(divide($size, $columns));
|
|
42
|
+
// Add a `max-width` to ensure content within each column does not blow out
|
|
43
|
+
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
|
44
|
+
// do not appear to require this.
|
|
45
|
+
max-width: percentage(divide($size, $columns));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@mixin make-col-auto() {
|
|
49
|
+
flex: 0 0 auto;
|
|
50
|
+
width: auto;
|
|
51
|
+
max-width: 100%; // Reset earlier grid tiers
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@mixin make-col-offset($size, $columns: $grid-columns) {
|
|
55
|
+
$num: divide($size, $columns);
|
|
56
|
+
margin-left: if($num == 0, 0, percentage($num));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Row columns
|
|
60
|
+
//
|
|
61
|
+
// Specify on a parent element(e.g., .row) to force immediate children into NN
|
|
62
|
+
// numberof columns. Supports wrapping to new lines, but does not do a Masonry
|
|
63
|
+
// style grid.
|
|
64
|
+
@mixin row-cols($count) {
|
|
65
|
+
> * {
|
|
66
|
+
flex: 0 0 divide(100%, $count);
|
|
67
|
+
max-width: divide(100%, $count);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
|
2
|
-
//
|
|
3
|
-
// Originally added during our alphas and maintained during betas, this mixin was
|
|
4
|
-
// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
|
|
5
|
-
// would persist after initial touch.
|
|
6
|
-
//
|
|
7
|
-
// For backward compatibility, we've kept these mixins and updated them to
|
|
8
|
-
// always return their regular pseudo-classes instead of a shimmed media query.
|
|
9
|
-
//
|
|
10
|
-
// Issue: https://github.com/twbs/bootstrap/issues/25195
|
|
11
|
-
|
|
12
|
-
@mixin hover() {
|
|
13
|
-
&:hover { @content; }
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@mixin hover-focus() {
|
|
17
|
-
&:hover,
|
|
18
|
-
&:focus {
|
|
19
|
-
@content;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@mixin plain-hover-focus() {
|
|
24
|
-
&,
|
|
25
|
-
&:hover,
|
|
26
|
-
&:focus {
|
|
27
|
-
@content;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@mixin hover-focus-active() {
|
|
32
|
-
&:hover,
|
|
33
|
-
&:focus,
|
|
34
|
-
&:active {
|
|
35
|
-
@content;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
1
|
+
// Hover mixin and `$enable-hover-media-query` are deprecated.
|
|
2
|
+
//
|
|
3
|
+
// Originally added during our alphas and maintained during betas, this mixin was
|
|
4
|
+
// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
|
|
5
|
+
// would persist after initial touch.
|
|
6
|
+
//
|
|
7
|
+
// For backward compatibility, we've kept these mixins and updated them to
|
|
8
|
+
// always return their regular pseudo-classes instead of a shimmed media query.
|
|
9
|
+
//
|
|
10
|
+
// Issue: https://github.com/twbs/bootstrap/issues/25195
|
|
11
|
+
|
|
12
|
+
@mixin hover() {
|
|
13
|
+
&:hover { @content; }
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@mixin hover-focus() {
|
|
17
|
+
&:hover,
|
|
18
|
+
&:focus {
|
|
19
|
+
@content;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@mixin plain-hover-focus() {
|
|
24
|
+
&,
|
|
25
|
+
&:hover,
|
|
26
|
+
&:focus {
|
|
27
|
+
@content;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin hover-focus-active() {
|
|
32
|
+
&:hover,
|
|
33
|
+
&:focus,
|
|
34
|
+
&:active {
|
|
35
|
+
@content;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
// Image Mixins
|
|
2
|
-
// - Responsive image
|
|
3
|
-
// - Retina image
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
// Responsive image
|
|
7
|
-
//
|
|
8
|
-
// Keep images from scaling beyond the width of their parents.
|
|
9
|
-
|
|
10
|
-
@mixin img-fluid() {
|
|
11
|
-
// Part 1: Set a maximum relative to the parent
|
|
12
|
-
max-width: 100%;
|
|
13
|
-
// Part 2: Override the height to auto, otherwise images will be stretched
|
|
14
|
-
// when setting a width and height attribute on the img element.
|
|
15
|
-
height: auto;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// Retina image
|
|
20
|
-
//
|
|
21
|
-
// Short retina mixin for setting background-image and -size.
|
|
22
|
-
|
|
23
|
-
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
|
24
|
-
background-image: url($file-1x);
|
|
25
|
-
|
|
26
|
-
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
|
|
27
|
-
// but doesn't convert dppx=>dpi.
|
|
28
|
-
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
|
|
29
|
-
// Compatibility info: https://caniuse.com/css-media-resolution
|
|
30
|
-
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
|
|
31
|
-
only screen and (min-resolution: 2dppx) { // Standardized
|
|
32
|
-
background-image: url($file-2x);
|
|
33
|
-
background-size: $width-1x $height-1x;
|
|
34
|
-
}
|
|
35
|
-
@include deprecate("`img-retina()`", "v4.3.0", "v5");
|
|
36
|
-
}
|
|
1
|
+
// Image Mixins
|
|
2
|
+
// - Responsive image
|
|
3
|
+
// - Retina image
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
// Responsive image
|
|
7
|
+
//
|
|
8
|
+
// Keep images from scaling beyond the width of their parents.
|
|
9
|
+
|
|
10
|
+
@mixin img-fluid() {
|
|
11
|
+
// Part 1: Set a maximum relative to the parent
|
|
12
|
+
max-width: 100%;
|
|
13
|
+
// Part 2: Override the height to auto, otherwise images will be stretched
|
|
14
|
+
// when setting a width and height attribute on the img element.
|
|
15
|
+
height: auto;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
// Retina image
|
|
20
|
+
//
|
|
21
|
+
// Short retina mixin for setting background-image and -size.
|
|
22
|
+
|
|
23
|
+
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
|
|
24
|
+
background-image: url($file-1x);
|
|
25
|
+
|
|
26
|
+
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
|
|
27
|
+
// but doesn't convert dppx=>dpi.
|
|
28
|
+
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
|
|
29
|
+
// Compatibility info: https://caniuse.com/css-media-resolution
|
|
30
|
+
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
|
|
31
|
+
only screen and (min-resolution: 2dppx) { // Standardized
|
|
32
|
+
background-image: url($file-2x);
|
|
33
|
+
background-size: $width-1x $height-1x;
|
|
34
|
+
}
|
|
35
|
+
@include deprecate("`img-retina()`", "v4.3.0", "v5");
|
|
36
|
+
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
// List Groups
|
|
2
|
-
|
|
3
|
-
@mixin list-group-item-variant($state, $background, $color) {
|
|
4
|
-
.list-group-item-#{$state} {
|
|
5
|
-
color: $color;
|
|
6
|
-
background-color: $background;
|
|
7
|
-
|
|
8
|
-
&.list-group-item-action {
|
|
9
|
-
@include hover-focus() {
|
|
10
|
-
color: $color;
|
|
11
|
-
background-color: darken($background, 5%);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&.active {
|
|
15
|
-
color: $white;
|
|
16
|
-
background-color: $color;
|
|
17
|
-
border-color: $color;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
1
|
+
// List Groups
|
|
2
|
+
|
|
3
|
+
@mixin list-group-item-variant($state, $background, $color) {
|
|
4
|
+
.list-group-item-#{$state} {
|
|
5
|
+
color: $color;
|
|
6
|
+
background-color: $background;
|
|
7
|
+
|
|
8
|
+
&.list-group-item-action {
|
|
9
|
+
@include hover-focus() {
|
|
10
|
+
color: $color;
|
|
11
|
+
background-color: darken($background, 5%);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&.active {
|
|
15
|
+
color: $white;
|
|
16
|
+
background-color: $color;
|
|
17
|
+
border-color: $color;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
// Lists
|
|
2
|
-
|
|
3
|
-
// Unstyled keeps list items block level, just removes default browser padding and list-style
|
|
4
|
-
@mixin list-unstyled() {
|
|
5
|
-
padding-left: 0;
|
|
6
|
-
list-style: none;
|
|
7
|
-
}
|
|
1
|
+
// Lists
|
|
2
|
+
|
|
3
|
+
// Unstyled keeps list items block level, just removes default browser padding and list-style
|
|
4
|
+
@mixin list-unstyled() {
|
|
5
|
+
padding-left: 0;
|
|
6
|
+
list-style: none;
|
|
7
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
// Horizontal dividers
|
|
2
|
-
//
|
|
3
|
-
// Dividers (basically an hr) within dropdowns and nav lists
|
|
4
|
-
|
|
5
|
-
@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {
|
|
6
|
-
height: 0;
|
|
7
|
-
margin: $margin-y 0;
|
|
8
|
-
overflow: hidden;
|
|
9
|
-
border-top: 1px solid $color;
|
|
10
|
-
@include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);
|
|
11
|
-
}
|
|
1
|
+
// Horizontal dividers
|
|
2
|
+
//
|
|
3
|
+
// Dividers (basically an hr) within dropdowns and nav lists
|
|
4
|
+
|
|
5
|
+
@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {
|
|
6
|
+
height: 0;
|
|
7
|
+
margin: $margin-y 0;
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
border-top: 1px solid $color;
|
|
10
|
+
@include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);
|
|
11
|
+
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
// Pagination
|
|
2
|
-
|
|
3
|
-
@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
|
|
4
|
-
.page-link {
|
|
5
|
-
padding: $padding-y $padding-x;
|
|
6
|
-
@include font-size($font-size);
|
|
7
|
-
line-height: $line-height;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.page-item {
|
|
11
|
-
&:first-child {
|
|
12
|
-
.page-link {
|
|
13
|
-
@include border-left-radius($border-radius);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
&:last-child {
|
|
17
|
-
.page-link {
|
|
18
|
-
@include border-right-radius($border-radius);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
1
|
+
// Pagination
|
|
2
|
+
|
|
3
|
+
@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
|
|
4
|
+
.page-link {
|
|
5
|
+
padding: $padding-y $padding-x;
|
|
6
|
+
@include font-size($font-size);
|
|
7
|
+
line-height: $line-height;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.page-item {
|
|
11
|
+
&:first-child {
|
|
12
|
+
.page-link {
|
|
13
|
+
@include border-left-radius($border-radius);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
&:last-child {
|
|
17
|
+
.page-link {
|
|
18
|
+
@include border-right-radius($border-radius);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@mixin reset-text() {
|
|
2
|
-
font-family: $font-family-base;
|
|
3
|
-
// We deliberately do NOT reset font-size or word-wrap.
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-weight: $font-weight-normal;
|
|
6
|
-
line-height: $line-height-base;
|
|
7
|
-
text-align: left; // Fallback for where `start` is not supported
|
|
8
|
-
text-align: start;
|
|
9
|
-
text-decoration: none;
|
|
10
|
-
text-shadow: none;
|
|
11
|
-
text-transform: none;
|
|
12
|
-
letter-spacing: normal;
|
|
13
|
-
word-break: normal;
|
|
14
|
-
white-space: normal;
|
|
15
|
-
word-spacing: normal;
|
|
16
|
-
line-break: auto;
|
|
17
|
-
}
|
|
1
|
+
@mixin reset-text() {
|
|
2
|
+
font-family: $font-family-base;
|
|
3
|
+
// We deliberately do NOT reset font-size or word-wrap.
|
|
4
|
+
font-style: normal;
|
|
5
|
+
font-weight: $font-weight-normal;
|
|
6
|
+
line-height: $line-height-base;
|
|
7
|
+
text-align: left; // Fallback for where `start` is not supported
|
|
8
|
+
text-align: start;
|
|
9
|
+
text-decoration: none;
|
|
10
|
+
text-shadow: none;
|
|
11
|
+
text-transform: none;
|
|
12
|
+
letter-spacing: normal;
|
|
13
|
+
word-break: normal;
|
|
14
|
+
white-space: normal;
|
|
15
|
+
word-spacing: normal;
|
|
16
|
+
line-break: auto;
|
|
17
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
// Resize anything
|
|
2
|
-
|
|
3
|
-
@mixin resizable($direction) {
|
|
4
|
-
overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
|
|
5
|
-
resize: $direction; // Options: horizontal, vertical, both
|
|
6
|
-
}
|
|
1
|
+
// Resize anything
|
|
2
|
+
|
|
3
|
+
@mixin resizable($direction) {
|
|
4
|
+
overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
|
|
5
|
+
resize: $direction; // Options: horizontal, vertical, both
|
|
6
|
+
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
// Only display content to screen readers
|
|
2
|
-
//
|
|
3
|
-
// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
|
|
4
|
-
// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
|
|
5
|
-
|
|
6
|
-
@mixin sr-only() {
|
|
7
|
-
position: absolute;
|
|
8
|
-
width: 1px;
|
|
9
|
-
height: 1px;
|
|
10
|
-
padding: 0;
|
|
11
|
-
margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
clip: rect(0, 0, 0, 0);
|
|
14
|
-
white-space: nowrap;
|
|
15
|
-
border: 0;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
19
|
-
//
|
|
20
|
-
// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
21
|
-
//
|
|
22
|
-
// Credit: HTML5 Boilerplate
|
|
23
|
-
|
|
24
|
-
@mixin sr-only-focusable() {
|
|
25
|
-
&:active,
|
|
26
|
-
&:focus {
|
|
27
|
-
position: static;
|
|
28
|
-
width: auto;
|
|
29
|
-
height: auto;
|
|
30
|
-
overflow: visible;
|
|
31
|
-
clip: auto;
|
|
32
|
-
white-space: normal;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
1
|
+
// Only display content to screen readers
|
|
2
|
+
//
|
|
3
|
+
// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
|
|
4
|
+
// See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
|
|
5
|
+
|
|
6
|
+
@mixin sr-only() {
|
|
7
|
+
position: absolute;
|
|
8
|
+
width: 1px;
|
|
9
|
+
height: 1px;
|
|
10
|
+
padding: 0;
|
|
11
|
+
margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
clip: rect(0, 0, 0, 0);
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
border: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// Use in conjunction with .sr-only to only display content when it's focused.
|
|
19
|
+
//
|
|
20
|
+
// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
|
21
|
+
//
|
|
22
|
+
// Credit: HTML5 Boilerplate
|
|
23
|
+
|
|
24
|
+
@mixin sr-only-focusable() {
|
|
25
|
+
&:active,
|
|
26
|
+
&:focus {
|
|
27
|
+
position: static;
|
|
28
|
+
width: auto;
|
|
29
|
+
height: auto;
|
|
30
|
+
overflow: visible;
|
|
31
|
+
clip: auto;
|
|
32
|
+
white-space: normal;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
// Sizing shortcuts
|
|
2
|
-
|
|
3
|
-
@mixin size($width, $height: $width) {
|
|
4
|
-
width: $width;
|
|
5
|
-
height: $height;
|
|
6
|
-
@include deprecate("`size()`", "v4.3.0", "v5");
|
|
7
|
-
}
|
|
1
|
+
// Sizing shortcuts
|
|
2
|
+
|
|
3
|
+
@mixin size($width, $height: $width) {
|
|
4
|
+
width: $width;
|
|
5
|
+
height: $height;
|
|
6
|
+
@include deprecate("`size()`", "v4.3.0", "v5");
|
|
7
|
+
}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
// Tables
|
|
2
|
-
|
|
3
|
-
@mixin table-row-variant($state, $background, $border: null) {
|
|
4
|
-
// Exact selectors below required to override `.table-striped` and prevent
|
|
5
|
-
// inheritance to nested tables.
|
|
6
|
-
.table-#{$state} {
|
|
7
|
-
&,
|
|
8
|
-
> th,
|
|
9
|
-
> td {
|
|
10
|
-
background-color: $background;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@if $border != null {
|
|
14
|
-
th,
|
|
15
|
-
td,
|
|
16
|
-
thead th,
|
|
17
|
-
tbody + tbody {
|
|
18
|
-
border-color: $border;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
// Hover states for `.table-hover`
|
|
24
|
-
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
|
25
|
-
.table-hover {
|
|
26
|
-
$hover-background: darken($background, 5%);
|
|
27
|
-
|
|
28
|
-
.table-#{$state} {
|
|
29
|
-
@include hover() {
|
|
30
|
-
background-color: $hover-background;
|
|
31
|
-
|
|
32
|
-
> td,
|
|
33
|
-
> th {
|
|
34
|
-
background-color: $hover-background;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
1
|
+
// Tables
|
|
2
|
+
|
|
3
|
+
@mixin table-row-variant($state, $background, $border: null) {
|
|
4
|
+
// Exact selectors below required to override `.table-striped` and prevent
|
|
5
|
+
// inheritance to nested tables.
|
|
6
|
+
.table-#{$state} {
|
|
7
|
+
&,
|
|
8
|
+
> th,
|
|
9
|
+
> td {
|
|
10
|
+
background-color: $background;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@if $border != null {
|
|
14
|
+
th,
|
|
15
|
+
td,
|
|
16
|
+
thead th,
|
|
17
|
+
tbody + tbody {
|
|
18
|
+
border-color: $border;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// Hover states for `.table-hover`
|
|
24
|
+
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
|
25
|
+
.table-hover {
|
|
26
|
+
$hover-background: darken($background, 5%);
|
|
27
|
+
|
|
28
|
+
.table-#{$state} {
|
|
29
|
+
@include hover() {
|
|
30
|
+
background-color: $hover-background;
|
|
31
|
+
|
|
32
|
+
> td,
|
|
33
|
+
> th {
|
|
34
|
+
background-color: $hover-background;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
// stylelint-disable declaration-no-important
|
|
2
|
-
|
|
3
|
-
// Typography
|
|
4
|
-
|
|
5
|
-
@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
|
|
6
|
-
#{$parent} {
|
|
7
|
-
color: $color !important;
|
|
8
|
-
}
|
|
9
|
-
@if $emphasized-link-hover-darken-percentage != 0 {
|
|
10
|
-
a#{$parent} {
|
|
11
|
-
@include hover-focus() {
|
|
12
|
-
color: darken($color, $emphasized-link-hover-darken-percentage) !important;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning);
|
|
17
|
-
}
|
|
1
|
+
// stylelint-disable declaration-no-important
|
|
2
|
+
|
|
3
|
+
// Typography
|
|
4
|
+
|
|
5
|
+
@mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
|
|
6
|
+
#{$parent} {
|
|
7
|
+
color: $color !important;
|
|
8
|
+
}
|
|
9
|
+
@if $emphasized-link-hover-darken-percentage != 0 {
|
|
10
|
+
a#{$parent} {
|
|
11
|
+
@include hover-focus() {
|
|
12
|
+
color: darken($color, $emphasized-link-hover-darken-percentage) !important;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
@include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning);
|
|
17
|
+
}
|