jekyll-theme-centos 2.51.1.beta.20 → 2.51.1.beta.26

Sign up to get free protection for your applications and to get access to all the features.
Files changed (109) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/bootstrap/_accordion.scss +158 -0
  3. data/_sass/bootstrap/_alert.scss +68 -0
  4. data/_sass/bootstrap/_badge.scss +38 -0
  5. data/_sass/bootstrap/_breadcrumb.scss +40 -0
  6. data/_sass/bootstrap/_button-group.scss +142 -0
  7. data/_sass/bootstrap/_buttons.scss +216 -0
  8. data/_sass/bootstrap/_card.scss +239 -0
  9. data/_sass/bootstrap/_carousel.scss +236 -0
  10. data/_sass/bootstrap/_close.scss +63 -0
  11. data/_sass/bootstrap/_containers.scss +41 -0
  12. data/_sass/bootstrap/_dropdown.scss +250 -0
  13. data/_sass/bootstrap/_forms.scss +9 -0
  14. data/_sass/bootstrap/_functions.scss +302 -0
  15. data/_sass/bootstrap/_grid.scss +39 -0
  16. data/_sass/bootstrap/_helpers.scss +12 -0
  17. data/_sass/bootstrap/_images.scss +42 -0
  18. data/_sass/bootstrap/_list-group.scss +197 -0
  19. data/_sass/bootstrap/_maps.scss +174 -0
  20. data/_sass/bootstrap/_mixins.scss +42 -0
  21. data/_sass/bootstrap/_modal.scss +236 -0
  22. data/_sass/bootstrap/_nav.scss +197 -0
  23. data/_sass/bootstrap/_navbar.scss +289 -0
  24. data/_sass/bootstrap/_offcanvas.scss +143 -0
  25. data/_sass/bootstrap/_pagination.scss +109 -0
  26. data/_sass/bootstrap/_placeholders.scss +51 -0
  27. data/_sass/bootstrap/_popover.scss +196 -0
  28. data/_sass/bootstrap/_progress.scss +68 -0
  29. data/_sass/bootstrap/_reboot.scss +611 -0
  30. data/_sass/bootstrap/_root.scss +187 -0
  31. data/_sass/bootstrap/_spinners.scss +85 -0
  32. data/_sass/bootstrap/_tables.scss +171 -0
  33. data/_sass/bootstrap/_toasts.scss +73 -0
  34. data/_sass/bootstrap/_tooltip.scss +119 -0
  35. data/_sass/bootstrap/_transitions.scss +27 -0
  36. data/_sass/bootstrap/_type.scss +106 -0
  37. data/_sass/bootstrap/_utilities.scss +806 -0
  38. data/_sass/bootstrap/_variables-dark.scss +87 -0
  39. data/_sass/bootstrap/_variables.scss +1751 -0
  40. data/_sass/bootstrap/bootstrap-grid.scss +62 -0
  41. data/_sass/bootstrap/bootstrap-reboot.scss +10 -0
  42. data/_sass/bootstrap/bootstrap-utilities.scss +19 -0
  43. data/_sass/bootstrap/bootstrap.scss +52 -0
  44. data/_sass/bootstrap/forms/_floating-labels.scss +95 -0
  45. data/_sass/bootstrap/forms/_form-check.scss +189 -0
  46. data/_sass/bootstrap/forms/_form-control.scss +214 -0
  47. data/_sass/bootstrap/forms/_form-range.scss +91 -0
  48. data/_sass/bootstrap/forms/_form-select.scss +80 -0
  49. data/_sass/bootstrap/forms/_form-text.scss +11 -0
  50. data/_sass/bootstrap/forms/_input-group.scss +132 -0
  51. data/_sass/bootstrap/forms/_labels.scss +36 -0
  52. data/_sass/bootstrap/forms/_validation.scss +12 -0
  53. data/_sass/bootstrap/helpers/_clearfix.scss +3 -0
  54. data/_sass/bootstrap/helpers/_color-bg.scss +7 -0
  55. data/_sass/bootstrap/helpers/_colored-links.scss +30 -0
  56. data/_sass/bootstrap/helpers/_focus-ring.scss +5 -0
  57. data/_sass/bootstrap/helpers/_icon-link.scss +25 -0
  58. data/_sass/bootstrap/helpers/_position.scss +36 -0
  59. data/_sass/bootstrap/helpers/_ratio.scss +26 -0
  60. data/_sass/bootstrap/helpers/_stacks.scss +15 -0
  61. data/_sass/bootstrap/helpers/_stretched-link.scss +15 -0
  62. data/_sass/bootstrap/helpers/_text-truncation.scss +7 -0
  63. data/_sass/bootstrap/helpers/_visually-hidden.scss +8 -0
  64. data/_sass/bootstrap/helpers/_vr.scss +8 -0
  65. data/_sass/bootstrap/mixins/_alert.scss +18 -0
  66. data/_sass/bootstrap/mixins/_backdrop.scss +14 -0
  67. data/_sass/bootstrap/mixins/_banner.scss +7 -0
  68. data/_sass/bootstrap/mixins/_border-radius.scss +78 -0
  69. data/_sass/bootstrap/mixins/_box-shadow.scss +18 -0
  70. data/_sass/bootstrap/mixins/_breakpoints.scss +127 -0
  71. data/_sass/bootstrap/mixins/_buttons.scss +70 -0
  72. data/_sass/bootstrap/mixins/_caret.scss +69 -0
  73. data/_sass/bootstrap/mixins/_clearfix.scss +9 -0
  74. data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
  75. data/_sass/bootstrap/mixins/_color-scheme.scss +7 -0
  76. data/_sass/bootstrap/mixins/_container.scss +11 -0
  77. data/_sass/bootstrap/mixins/_deprecate.scss +10 -0
  78. data/_sass/bootstrap/mixins/_forms.scss +163 -0
  79. data/_sass/bootstrap/mixins/_gradients.scss +47 -0
  80. data/_sass/bootstrap/mixins/_grid.scss +151 -0
  81. data/_sass/bootstrap/mixins/_image.scss +16 -0
  82. data/_sass/bootstrap/mixins/_list-group.scss +26 -0
  83. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  84. data/_sass/bootstrap/mixins/_pagination.scss +10 -0
  85. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  86. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  87. data/_sass/bootstrap/mixins/_table-variants.scss +24 -0
  88. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  89. data/_sass/bootstrap/mixins/_transition.scss +26 -0
  90. data/_sass/bootstrap/mixins/_utilities.scss +97 -0
  91. data/_sass/bootstrap/mixins/_visually-hidden.scss +33 -0
  92. data/_sass/bootstrap/utilities/_api.scss +47 -0
  93. data/_sass/bootstrap/vendor/_rfs.scss +348 -0
  94. data/assets/img/centos-motif.png +0 -0
  95. data/assets/js/bootstrap.bundle.js +6314 -0
  96. data/assets/js/bootstrap.bundle.js.map +1 -0
  97. data/assets/js/bootstrap.bundle.min.js +7 -0
  98. data/assets/js/bootstrap.bundle.min.js.map +1 -0
  99. data/assets/js/bootstrap.esm.js +4447 -0
  100. data/assets/js/bootstrap.esm.js.map +1 -0
  101. data/assets/js/bootstrap.esm.min.js +7 -0
  102. data/assets/js/bootstrap.esm.min.js.map +1 -0
  103. data/assets/js/bootstrap.js +4494 -0
  104. data/assets/js/bootstrap.js.map +1 -0
  105. data/assets/js/bootstrap.min.js +7 -0
  106. data/assets/js/bootstrap.min.js.map +1 -0
  107. metadata +106 -3
  108. data/assets/icons/favicon.ico +0 -0
  109. data/assets/icons/favicon.svg +0 -1
@@ -0,0 +1,151 @@
1
+ // Grid system
2
+ //
3
+ // Generate semantic grid columns with these mixins.
4
+
5
+ @mixin make-row($gutter: $grid-gutter-width) {
6
+ --#{$prefix}gutter-x: #{$gutter};
7
+ --#{$prefix}gutter-y: 0;
8
+ display: flex;
9
+ flex-wrap: wrap;
10
+ // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed
11
+ margin-top: calc(-1 * var(--#{$prefix}gutter-y)); // stylelint-disable-line function-disallowed-list
12
+ margin-right: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
13
+ margin-left: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
14
+ }
15
+
16
+ @mixin make-col-ready() {
17
+ // Add box sizing if only the grid is loaded
18
+ box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
19
+ // Prevent columns from becoming too narrow when at smaller grid tiers by
20
+ // always setting `width: 100%;`. This works because we set the width
21
+ // later on to override this initial width.
22
+ flex-shrink: 0;
23
+ width: 100%;
24
+ max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid
25
+ padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
26
+ padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
27
+ margin-top: var(--#{$prefix}gutter-y);
28
+ }
29
+
30
+ @mixin make-col($size: false, $columns: $grid-columns) {
31
+ @if $size {
32
+ flex: 0 0 auto;
33
+ width: percentage(divide($size, $columns));
34
+
35
+ } @else {
36
+ flex: 1 1 0;
37
+ max-width: 100%;
38
+ }
39
+ }
40
+
41
+ @mixin make-col-auto() {
42
+ flex: 0 0 auto;
43
+ width: auto;
44
+ }
45
+
46
+ @mixin make-col-offset($size, $columns: $grid-columns) {
47
+ $num: divide($size, $columns);
48
+ margin-left: if($num == 0, 0, percentage($num));
49
+ }
50
+
51
+ // Row columns
52
+ //
53
+ // Specify on a parent element(e.g., .row) to force immediate children into NN
54
+ // number of columns. Supports wrapping to new lines, but does not do a Masonry
55
+ // style grid.
56
+ @mixin row-cols($count) {
57
+ > * {
58
+ flex: 0 0 auto;
59
+ width: percentage(divide(1, $count));
60
+ }
61
+ }
62
+
63
+ // Framework grid generation
64
+ //
65
+ // Used only by Bootstrap to generate the correct number of grid classes given
66
+ // any value of `$grid-columns`.
67
+
68
+ @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
69
+ @each $breakpoint in map-keys($breakpoints) {
70
+ $infix: breakpoint-infix($breakpoint, $breakpoints);
71
+
72
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
73
+ // Provide basic `.col-{bp}` classes for equal-width flexbox columns
74
+ .col#{$infix} {
75
+ flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
76
+ }
77
+
78
+ .row-cols#{$infix}-auto > * {
79
+ @include make-col-auto();
80
+ }
81
+
82
+ @if $grid-row-columns > 0 {
83
+ @for $i from 1 through $grid-row-columns {
84
+ .row-cols#{$infix}-#{$i} {
85
+ @include row-cols($i);
86
+ }
87
+ }
88
+ }
89
+
90
+ .col#{$infix}-auto {
91
+ @include make-col-auto();
92
+ }
93
+
94
+ @if $columns > 0 {
95
+ @for $i from 1 through $columns {
96
+ .col#{$infix}-#{$i} {
97
+ @include make-col($i, $columns);
98
+ }
99
+ }
100
+
101
+ // `$columns - 1` because offsetting by the width of an entire row isn't possible
102
+ @for $i from 0 through ($columns - 1) {
103
+ @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
104
+ .offset#{$infix}-#{$i} {
105
+ @include make-col-offset($i, $columns);
106
+ }
107
+ }
108
+ }
109
+ }
110
+
111
+ // Gutters
112
+ //
113
+ // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.
114
+ @each $key, $value in $gutters {
115
+ .g#{$infix}-#{$key},
116
+ .gx#{$infix}-#{$key} {
117
+ --#{$prefix}gutter-x: #{$value};
118
+ }
119
+
120
+ .g#{$infix}-#{$key},
121
+ .gy#{$infix}-#{$key} {
122
+ --#{$prefix}gutter-y: #{$value};
123
+ }
124
+ }
125
+ }
126
+ }
127
+ }
128
+
129
+ @mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {
130
+ @each $breakpoint in map-keys($breakpoints) {
131
+ $infix: breakpoint-infix($breakpoint, $breakpoints);
132
+
133
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
134
+ @if $columns > 0 {
135
+ @for $i from 1 through $columns {
136
+ .g-col#{$infix}-#{$i} {
137
+ grid-column: auto / span $i;
138
+ }
139
+ }
140
+
141
+ // Start with `1` because `0` is an invalid value.
142
+ // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
143
+ @for $i from 1 through ($columns - 1) {
144
+ .g-start#{$infix}-#{$i} {
145
+ grid-column-start: $i;
146
+ }
147
+ }
148
+ }
149
+ }
150
+ }
151
+ }
@@ -0,0 +1,16 @@
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
+ }
@@ -0,0 +1,26 @@
1
+ @include deprecate("`list-group-item-variant()`", "v5.3.0", "v6.0.0");
2
+
3
+ // List Groups
4
+
5
+ // scss-docs-start list-group-mixin
6
+ @mixin list-group-item-variant($state, $background, $color) {
7
+ .list-group-item-#{$state} {
8
+ color: $color;
9
+ background-color: $background;
10
+
11
+ &.list-group-item-action {
12
+ &:hover,
13
+ &:focus {
14
+ color: $color;
15
+ background-color: shade-color($background, 10%);
16
+ }
17
+
18
+ &.active {
19
+ color: $white;
20
+ background-color: $color;
21
+ border-color: $color;
22
+ }
23
+ }
24
+ }
25
+ }
26
+ // scss-docs-end list-group-mixin
@@ -0,0 +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
+ }
@@ -0,0 +1,10 @@
1
+ // Pagination
2
+
3
+ // scss-docs-start pagination-mixin
4
+ @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
5
+ --#{$prefix}pagination-padding-x: #{$padding-x};
6
+ --#{$prefix}pagination-padding-y: #{$padding-y};
7
+ @include rfs($font-size, --#{$prefix}pagination-font-size);
8
+ --#{$prefix}pagination-border-radius: #{$border-radius};
9
+ }
10
+ // scss-docs-end pagination-mixin
@@ -0,0 +1,17 @@
1
+ @mixin reset-text {
2
+ font-family: $font-family-base;
3
+ // We deliberately do NOT reset font-size or overflow-wrap / 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
+ }
@@ -0,0 +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
+ }
@@ -0,0 +1,24 @@
1
+ // scss-docs-start table-variant
2
+ @mixin table-variant($state, $background) {
3
+ .table-#{$state} {
4
+ $color: color-contrast(opaque($body-bg, $background));
5
+ $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
6
+ $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
7
+ $active-bg: mix($color, $background, percentage($table-active-bg-factor));
8
+ $table-border-color: mix($color, $background, percentage($table-border-factor));
9
+
10
+ --#{$prefix}table-color: #{$color};
11
+ --#{$prefix}table-bg: #{$background};
12
+ --#{$prefix}table-border-color: #{$table-border-color};
13
+ --#{$prefix}table-striped-bg: #{$striped-bg};
14
+ --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};
15
+ --#{$prefix}table-active-bg: #{$active-bg};
16
+ --#{$prefix}table-active-color: #{color-contrast($active-bg)};
17
+ --#{$prefix}table-hover-bg: #{$hover-bg};
18
+ --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
19
+
20
+ color: var(--#{$prefix}table-color);
21
+ border-color: var(--#{$prefix}table-border-color);
22
+ }
23
+ }
24
+ // scss-docs-end table-variant
@@ -0,0 +1,8 @@
1
+ // Text truncate
2
+ // Requires inline-block or block for proper styling
3
+
4
+ @mixin text-truncate() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
@@ -0,0 +1,26 @@
1
+ // stylelint-disable property-disallowed-list
2
+ @mixin transition($transition...) {
3
+ @if length($transition) == 0 {
4
+ $transition: $transition-base;
5
+ }
6
+
7
+ @if length($transition) > 1 {
8
+ @each $value in $transition {
9
+ @if $value == null or $value == none {
10
+ @warn "The keyword 'none' or 'null' must be used as a single argument.";
11
+ }
12
+ }
13
+ }
14
+
15
+ @if $enable-transitions {
16
+ @if nth($transition, 1) != null {
17
+ transition: $transition;
18
+ }
19
+
20
+ @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
21
+ @media (prefers-reduced-motion: reduce) {
22
+ transition: none;
23
+ }
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,97 @@
1
+ // Utility generator
2
+ // Used to generate utilities & print utilities
3
+ @mixin generate-utility($utility, $infix: "", $is-rfs-media-query: false) {
4
+ $values: map-get($utility, values);
5
+
6
+ // If the values are a list or string, convert it into a map
7
+ @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
8
+ $values: zip($values, $values);
9
+ }
10
+
11
+ @each $key, $value in $values {
12
+ $properties: map-get($utility, property);
13
+
14
+ // Multiple properties are possible, for example with vertical or horizontal margins or paddings
15
+ @if type-of($properties) == "string" {
16
+ $properties: append((), $properties);
17
+ }
18
+
19
+ // Use custom class if present
20
+ $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
21
+ $property-class: if($property-class == null, "", $property-class);
22
+
23
+ // Use custom CSS variable name if present, otherwise default to `class`
24
+ $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));
25
+
26
+ // State params to generate pseudo-classes
27
+ $state: if(map-has-key($utility, state), map-get($utility, state), ());
28
+
29
+ $infix: if($property-class == "" and str-slice($infix, 1, 1) == "-", str-slice($infix, 2), $infix);
30
+
31
+ // Don't prefix if value key is null (e.g. with shadow class)
32
+ $property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, "");
33
+
34
+ @if map-get($utility, rfs) {
35
+ // Inside the media query
36
+ @if $is-rfs-media-query {
37
+ $val: rfs-value($value);
38
+
39
+ // Do not render anything if fluid and non fluid values are the same
40
+ $value: if($val == rfs-fluid-value($value), null, $val);
41
+ }
42
+ @else {
43
+ $value: rfs-fluid-value($value);
44
+ }
45
+ }
46
+
47
+ $is-css-var: map-get($utility, css-var);
48
+ $is-local-vars: map-get($utility, local-vars);
49
+ $is-rtl: map-get($utility, rtl);
50
+
51
+ @if $value != null {
52
+ @if $is-rtl == false {
53
+ /* rtl:begin:remove */
54
+ }
55
+
56
+ @if $is-css-var {
57
+ .#{$property-class + $infix + $property-class-modifier} {
58
+ --#{$prefix}#{$css-variable-name}: #{$value};
59
+ }
60
+
61
+ @each $pseudo in $state {
62
+ .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
63
+ --#{$prefix}#{$css-variable-name}: #{$value};
64
+ }
65
+ }
66
+ } @else {
67
+ .#{$property-class + $infix + $property-class-modifier} {
68
+ @each $property in $properties {
69
+ @if $is-local-vars {
70
+ @each $local-var, $variable in $is-local-vars {
71
+ --#{$prefix}#{$local-var}: #{$variable};
72
+ }
73
+ }
74
+ #{$property}: $value if($enable-important-utilities, !important, null);
75
+ }
76
+ }
77
+
78
+ @each $pseudo in $state {
79
+ .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
80
+ @each $property in $properties {
81
+ @if $is-local-vars {
82
+ @each $local-var, $variable in $is-local-vars {
83
+ --#{$prefix}#{$local-var}: #{$variable};
84
+ }
85
+ }
86
+ #{$property}: $value if($enable-important-utilities, !important, null);
87
+ }
88
+ }
89
+ }
90
+ }
91
+
92
+ @if $is-rtl == false {
93
+ /* rtl:end:remove */
94
+ }
95
+ }
96
+ }
97
+ }
@@ -0,0 +1,33 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ // Hide content visually while keeping it accessible to assistive technologies
4
+ //
5
+ // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
6
+ // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
7
+
8
+ @mixin visually-hidden() {
9
+ width: 1px !important;
10
+ height: 1px !important;
11
+ padding: 0 !important;
12
+ margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
13
+ overflow: hidden !important;
14
+ clip: rect(0, 0, 0, 0) !important;
15
+ white-space: nowrap !important;
16
+ border: 0 !important;
17
+
18
+ // Fix for positioned table caption that could become anonymous cells
19
+ &:not(caption) {
20
+ position: absolute !important;
21
+ }
22
+ }
23
+
24
+ // Use to only display content when it's focused, or one of its child elements is focused
25
+ // (i.e. when focus is within the element/container that the class was applied to)
26
+ //
27
+ // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
28
+
29
+ @mixin visually-hidden-focusable() {
30
+ &:not(:focus):not(:focus-within) {
31
+ @include visually-hidden();
32
+ }
33
+ }
@@ -0,0 +1,47 @@
1
+ // Loop over each breakpoint
2
+ @each $breakpoint in map-keys($grid-breakpoints) {
3
+
4
+ // Generate media query if needed
5
+ @include media-breakpoint-up($breakpoint) {
6
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
7
+
8
+ // Loop over each utility property
9
+ @each $key, $utility in $utilities {
10
+ // The utility can be disabled with `false`, thus check if the utility is a map first
11
+ // Only proceed if responsive media queries are enabled or if it's the base media query
12
+ @if type-of($utility) == "map" and (map-get($utility, responsive) or $infix == "") {
13
+ @include generate-utility($utility, $infix);
14
+ }
15
+ }
16
+ }
17
+ }
18
+
19
+ // RFS rescaling
20
+ @media (min-width: $rfs-mq-value) {
21
+ @each $breakpoint in map-keys($grid-breakpoints) {
22
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
23
+
24
+ @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {
25
+ // Loop over each utility property
26
+ @each $key, $utility in $utilities {
27
+ // The utility can be disabled with `false`, thus check if the utility is a map first
28
+ // Only proceed if responsive media queries are enabled or if it's the base media query
29
+ @if type-of($utility) == "map" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == "") {
30
+ @include generate-utility($utility, $infix, true);
31
+ }
32
+ }
33
+ }
34
+ }
35
+ }
36
+
37
+
38
+ // Print utilities
39
+ @media print {
40
+ @each $key, $utility in $utilities {
41
+ // The utility can be disabled with `false`, thus check if the utility is a map first
42
+ // Then check if the utility needs print styles
43
+ @if type-of($utility) == "map" and map-get($utility, print) == true {
44
+ @include generate-utility($utility, "-print");
45
+ }
46
+ }
47
+ }