@sd-angular/core 19.0.0-beta.86 → 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.
Files changed (144) hide show
  1. package/README.md +716 -716
  2. package/assets/fonts/fonts.scss +115 -115
  3. package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
  4. package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
  5. package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
  6. package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
  7. package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
  8. package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
  9. package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
  10. package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
  11. package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
  12. package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
  13. package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
  14. package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
  15. package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
  16. package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
  17. package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
  18. package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
  19. package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
  20. package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
  21. package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
  22. package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
  23. package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
  24. package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
  25. package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
  26. package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
  27. package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
  28. package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
  29. package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
  30. package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
  31. package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
  32. package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
  33. package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
  34. package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
  35. package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
  36. package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
  37. package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
  38. package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
  39. package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
  40. package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
  41. package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
  42. package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
  43. package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
  44. package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
  45. package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
  46. package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
  47. package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
  48. package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
  49. package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
  50. package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
  51. package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
  52. package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
  53. package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
  54. package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
  55. package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
  56. package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
  57. package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
  58. package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
  59. package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
  60. package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
  61. package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
  62. package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
  63. package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
  64. package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
  65. package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
  66. package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
  67. package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
  68. package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
  69. package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
  70. package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
  71. package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
  72. package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
  73. package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
  74. package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
  75. package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
  76. package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
  77. package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
  78. package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
  79. package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
  80. package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
  81. package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
  82. package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
  83. package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
  84. package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
  85. package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
  86. package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
  87. package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
  88. package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
  89. package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
  90. package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
  91. package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
  92. package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
  93. package/assets/scss/core/print.scss +47 -47
  94. package/assets/scss/core/scrollbar.scss +30 -30
  95. package/assets/scss/core/typography.scss +121 -121
  96. package/components/anchor/index.d.ts +1 -0
  97. package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
  98. package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
  99. package/components/anchor/src/components/main/main.component.d.ts +13 -18
  100. package/components/anchor/src/models/anchor.model.d.ts +7 -0
  101. package/components/anchor/src/models/index.d.ts +1 -0
  102. package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
  103. package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
  104. package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
  105. package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
  106. package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
  107. package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
  108. package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
  109. package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
  110. package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
  111. package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
  112. package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
  113. package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
  114. package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
  115. package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
  116. package/fesm2022/sd-angular-core-components-table.mjs +6 -6
  117. package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
  118. package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
  119. package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
  120. package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
  121. package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
  122. package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
  123. package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
  124. package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
  125. package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
  126. package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
  127. package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
  128. package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
  129. package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
  130. package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
  131. package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
  132. package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
  133. package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
  134. package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
  135. package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
  136. package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
  137. package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
  138. package/fesm2022/sd-angular-core.mjs.map +1 -1
  139. package/package.json +62 -62
  140. package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
  141. package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
  142. package/components/anchor/src/services/anchor.service.d.ts +0 -12
  143. package/components/anchor/src/services/index.d.ts +0 -1
  144. package/sd-angular-core-19.0.0-beta.86.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
+ }