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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) 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/js/bootstrap.bundle.js +6314 -0
  95. data/assets/js/bootstrap.bundle.js.map +1 -0
  96. data/assets/js/bootstrap.bundle.min.js +7 -0
  97. data/assets/js/bootstrap.bundle.min.js.map +1 -0
  98. data/assets/js/bootstrap.esm.js +4447 -0
  99. data/assets/js/bootstrap.esm.js.map +1 -0
  100. data/assets/js/bootstrap.esm.min.js +7 -0
  101. data/assets/js/bootstrap.esm.min.js.map +1 -0
  102. data/assets/js/bootstrap.js +4494 -0
  103. data/assets/js/bootstrap.js.map +1 -0
  104. data/assets/js/bootstrap.min.js +7 -0
  105. data/assets/js/bootstrap.min.js.map +1 -0
  106. metadata +105 -3
  107. data/assets/icons/favicon.ico +0 -0
  108. data/assets/icons/favicon.svg +0 -1
@@ -0,0 +1,109 @@
1
+ .pagination {
2
+ // scss-docs-start pagination-css-vars
3
+ --#{$prefix}pagination-padding-x: #{$pagination-padding-x};
4
+ --#{$prefix}pagination-padding-y: #{$pagination-padding-y};
5
+ @include rfs($pagination-font-size, --#{$prefix}pagination-font-size);
6
+ --#{$prefix}pagination-color: #{$pagination-color};
7
+ --#{$prefix}pagination-bg: #{$pagination-bg};
8
+ --#{$prefix}pagination-border-width: #{$pagination-border-width};
9
+ --#{$prefix}pagination-border-color: #{$pagination-border-color};
10
+ --#{$prefix}pagination-border-radius: #{$pagination-border-radius};
11
+ --#{$prefix}pagination-hover-color: #{$pagination-hover-color};
12
+ --#{$prefix}pagination-hover-bg: #{$pagination-hover-bg};
13
+ --#{$prefix}pagination-hover-border-color: #{$pagination-hover-border-color};
14
+ --#{$prefix}pagination-focus-color: #{$pagination-focus-color};
15
+ --#{$prefix}pagination-focus-bg: #{$pagination-focus-bg};
16
+ --#{$prefix}pagination-focus-box-shadow: #{$pagination-focus-box-shadow};
17
+ --#{$prefix}pagination-active-color: #{$pagination-active-color};
18
+ --#{$prefix}pagination-active-bg: #{$pagination-active-bg};
19
+ --#{$prefix}pagination-active-border-color: #{$pagination-active-border-color};
20
+ --#{$prefix}pagination-disabled-color: #{$pagination-disabled-color};
21
+ --#{$prefix}pagination-disabled-bg: #{$pagination-disabled-bg};
22
+ --#{$prefix}pagination-disabled-border-color: #{$pagination-disabled-border-color};
23
+ // scss-docs-end pagination-css-vars
24
+
25
+ display: flex;
26
+ @include list-unstyled();
27
+ }
28
+
29
+ .page-link {
30
+ position: relative;
31
+ display: block;
32
+ padding: var(--#{$prefix}pagination-padding-y) var(--#{$prefix}pagination-padding-x);
33
+ @include font-size(var(--#{$prefix}pagination-font-size));
34
+ color: var(--#{$prefix}pagination-color);
35
+ text-decoration: if($link-decoration == none, null, none);
36
+ background-color: var(--#{$prefix}pagination-bg);
37
+ border: var(--#{$prefix}pagination-border-width) solid var(--#{$prefix}pagination-border-color);
38
+ @include transition($pagination-transition);
39
+
40
+ &:hover {
41
+ z-index: 2;
42
+ color: var(--#{$prefix}pagination-hover-color);
43
+ text-decoration: if($link-hover-decoration == underline, none, null);
44
+ background-color: var(--#{$prefix}pagination-hover-bg);
45
+ border-color: var(--#{$prefix}pagination-hover-border-color);
46
+ }
47
+
48
+ &:focus {
49
+ z-index: 3;
50
+ color: var(--#{$prefix}pagination-focus-color);
51
+ background-color: var(--#{$prefix}pagination-focus-bg);
52
+ outline: $pagination-focus-outline;
53
+ box-shadow: var(--#{$prefix}pagination-focus-box-shadow);
54
+ }
55
+
56
+ &.active,
57
+ .active > & {
58
+ z-index: 3;
59
+ color: var(--#{$prefix}pagination-active-color);
60
+ @include gradient-bg(var(--#{$prefix}pagination-active-bg));
61
+ border-color: var(--#{$prefix}pagination-active-border-color);
62
+ }
63
+
64
+ &.disabled,
65
+ .disabled > & {
66
+ color: var(--#{$prefix}pagination-disabled-color);
67
+ pointer-events: none;
68
+ background-color: var(--#{$prefix}pagination-disabled-bg);
69
+ border-color: var(--#{$prefix}pagination-disabled-border-color);
70
+ }
71
+ }
72
+
73
+ .page-item {
74
+ &:not(:first-child) .page-link {
75
+ margin-left: $pagination-margin-start;
76
+ }
77
+
78
+ @if $pagination-margin-start == calc(#{$pagination-border-width} * -1) {
79
+ &:first-child {
80
+ .page-link {
81
+ @include border-start-radius(var(--#{$prefix}pagination-border-radius));
82
+ }
83
+ }
84
+
85
+ &:last-child {
86
+ .page-link {
87
+ @include border-end-radius(var(--#{$prefix}pagination-border-radius));
88
+ }
89
+ }
90
+ } @else {
91
+ // Add border-radius to all pageLinks in case they have left margin
92
+ .page-link {
93
+ @include border-radius(var(--#{$prefix}pagination-border-radius));
94
+ }
95
+ }
96
+ }
97
+
98
+
99
+ //
100
+ // Sizing
101
+ //
102
+
103
+ .pagination-lg {
104
+ @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg);
105
+ }
106
+
107
+ .pagination-sm {
108
+ @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm);
109
+ }
@@ -0,0 +1,51 @@
1
+ .placeholder {
2
+ display: inline-block;
3
+ min-height: 1em;
4
+ vertical-align: middle;
5
+ cursor: wait;
6
+ background-color: currentcolor;
7
+ opacity: $placeholder-opacity-max;
8
+
9
+ &.btn::before {
10
+ display: inline-block;
11
+ content: "";
12
+ }
13
+ }
14
+
15
+ // Sizing
16
+ .placeholder-xs {
17
+ min-height: .6em;
18
+ }
19
+
20
+ .placeholder-sm {
21
+ min-height: .8em;
22
+ }
23
+
24
+ .placeholder-lg {
25
+ min-height: 1.2em;
26
+ }
27
+
28
+ // Animation
29
+ .placeholder-glow {
30
+ .placeholder {
31
+ animation: placeholder-glow 2s ease-in-out infinite;
32
+ }
33
+ }
34
+
35
+ @keyframes placeholder-glow {
36
+ 50% {
37
+ opacity: $placeholder-opacity-min;
38
+ }
39
+ }
40
+
41
+ .placeholder-wave {
42
+ mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);
43
+ mask-size: 200% 100%;
44
+ animation: placeholder-wave 2s linear infinite;
45
+ }
46
+
47
+ @keyframes placeholder-wave {
48
+ 100% {
49
+ mask-position: -200% 0%;
50
+ }
51
+ }
@@ -0,0 +1,196 @@
1
+ .popover {
2
+ // scss-docs-start popover-css-vars
3
+ --#{$prefix}popover-zindex: #{$zindex-popover};
4
+ --#{$prefix}popover-max-width: #{$popover-max-width};
5
+ @include rfs($popover-font-size, --#{$prefix}popover-font-size);
6
+ --#{$prefix}popover-bg: #{$popover-bg};
7
+ --#{$prefix}popover-border-width: #{$popover-border-width};
8
+ --#{$prefix}popover-border-color: #{$popover-border-color};
9
+ --#{$prefix}popover-border-radius: #{$popover-border-radius};
10
+ --#{$prefix}popover-inner-border-radius: #{$popover-inner-border-radius};
11
+ --#{$prefix}popover-box-shadow: #{$popover-box-shadow};
12
+ --#{$prefix}popover-header-padding-x: #{$popover-header-padding-x};
13
+ --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y};
14
+ @include rfs($popover-header-font-size, --#{$prefix}popover-header-font-size);
15
+ --#{$prefix}popover-header-color: #{$popover-header-color};
16
+ --#{$prefix}popover-header-bg: #{$popover-header-bg};
17
+ --#{$prefix}popover-body-padding-x: #{$popover-body-padding-x};
18
+ --#{$prefix}popover-body-padding-y: #{$popover-body-padding-y};
19
+ --#{$prefix}popover-body-color: #{$popover-body-color};
20
+ --#{$prefix}popover-arrow-width: #{$popover-arrow-width};
21
+ --#{$prefix}popover-arrow-height: #{$popover-arrow-height};
22
+ --#{$prefix}popover-arrow-border: var(--#{$prefix}popover-border-color);
23
+ // scss-docs-end popover-css-vars
24
+
25
+ z-index: var(--#{$prefix}popover-zindex);
26
+ display: block;
27
+ max-width: var(--#{$prefix}popover-max-width);
28
+ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
29
+ // So reset our font and text properties to avoid inheriting weird values.
30
+ @include reset-text();
31
+ @include font-size(var(--#{$prefix}popover-font-size));
32
+ // Allow breaking very long words so they don't overflow the popover's bounds
33
+ word-wrap: break-word;
34
+ background-color: var(--#{$prefix}popover-bg);
35
+ background-clip: padding-box;
36
+ border: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color);
37
+ @include border-radius(var(--#{$prefix}popover-border-radius));
38
+ @include box-shadow(var(--#{$prefix}popover-box-shadow));
39
+
40
+ .popover-arrow {
41
+ display: block;
42
+ width: var(--#{$prefix}popover-arrow-width);
43
+ height: var(--#{$prefix}popover-arrow-height);
44
+
45
+ &::before,
46
+ &::after {
47
+ position: absolute;
48
+ display: block;
49
+ content: "";
50
+ border-color: transparent;
51
+ border-style: solid;
52
+ border-width: 0;
53
+ }
54
+ }
55
+ }
56
+
57
+ .bs-popover-top {
58
+ > .popover-arrow {
59
+ bottom: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
60
+
61
+ &::before,
62
+ &::after {
63
+ border-width: var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
64
+ }
65
+
66
+ &::before {
67
+ bottom: 0;
68
+ border-top-color: var(--#{$prefix}popover-arrow-border);
69
+ }
70
+
71
+ &::after {
72
+ bottom: var(--#{$prefix}popover-border-width);
73
+ border-top-color: var(--#{$prefix}popover-bg);
74
+ }
75
+ }
76
+ }
77
+
78
+ /* rtl:begin:ignore */
79
+ .bs-popover-end {
80
+ > .popover-arrow {
81
+ left: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
82
+ width: var(--#{$prefix}popover-arrow-height);
83
+ height: var(--#{$prefix}popover-arrow-width);
84
+
85
+ &::before,
86
+ &::after {
87
+ border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height) calc(var(--#{$prefix}popover-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
88
+ }
89
+
90
+ &::before {
91
+ left: 0;
92
+ border-right-color: var(--#{$prefix}popover-arrow-border);
93
+ }
94
+
95
+ &::after {
96
+ left: var(--#{$prefix}popover-border-width);
97
+ border-right-color: var(--#{$prefix}popover-bg);
98
+ }
99
+ }
100
+ }
101
+
102
+ /* rtl:end:ignore */
103
+
104
+ .bs-popover-bottom {
105
+ > .popover-arrow {
106
+ top: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
107
+
108
+ &::before,
109
+ &::after {
110
+ border-width: 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
111
+ }
112
+
113
+ &::before {
114
+ top: 0;
115
+ border-bottom-color: var(--#{$prefix}popover-arrow-border);
116
+ }
117
+
118
+ &::after {
119
+ top: var(--#{$prefix}popover-border-width);
120
+ border-bottom-color: var(--#{$prefix}popover-bg);
121
+ }
122
+ }
123
+
124
+ // This will remove the popover-header's border just below the arrow
125
+ .popover-header::before {
126
+ position: absolute;
127
+ top: 0;
128
+ left: 50%;
129
+ display: block;
130
+ width: var(--#{$prefix}popover-arrow-width);
131
+ margin-left: calc(-.5 * var(--#{$prefix}popover-arrow-width)); // stylelint-disable-line function-disallowed-list
132
+ content: "";
133
+ border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-header-bg);
134
+ }
135
+ }
136
+
137
+ /* rtl:begin:ignore */
138
+ .bs-popover-start {
139
+ > .popover-arrow {
140
+ right: calc(-1 * (var(--#{$prefix}popover-arrow-height)) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list
141
+ width: var(--#{$prefix}popover-arrow-height);
142
+ height: var(--#{$prefix}popover-arrow-width);
143
+
144
+ &::before,
145
+ &::after {
146
+ border-width: calc(var(--#{$prefix}popover-arrow-width) * .5) 0 calc(var(--#{$prefix}popover-arrow-width) * .5) var(--#{$prefix}popover-arrow-height); // stylelint-disable-line function-disallowed-list
147
+ }
148
+
149
+ &::before {
150
+ right: 0;
151
+ border-left-color: var(--#{$prefix}popover-arrow-border);
152
+ }
153
+
154
+ &::after {
155
+ right: var(--#{$prefix}popover-border-width);
156
+ border-left-color: var(--#{$prefix}popover-bg);
157
+ }
158
+ }
159
+ }
160
+
161
+ /* rtl:end:ignore */
162
+
163
+ .bs-popover-auto {
164
+ &[data-popper-placement^="top"] {
165
+ @extend .bs-popover-top;
166
+ }
167
+ &[data-popper-placement^="right"] {
168
+ @extend .bs-popover-end;
169
+ }
170
+ &[data-popper-placement^="bottom"] {
171
+ @extend .bs-popover-bottom;
172
+ }
173
+ &[data-popper-placement^="left"] {
174
+ @extend .bs-popover-start;
175
+ }
176
+ }
177
+
178
+ // Offset the popover to account for the popover arrow
179
+ .popover-header {
180
+ padding: var(--#{$prefix}popover-header-padding-y) var(--#{$prefix}popover-header-padding-x);
181
+ margin-bottom: 0; // Reset the default from Reboot
182
+ @include font-size(var(--#{$prefix}popover-header-font-size));
183
+ color: var(--#{$prefix}popover-header-color);
184
+ background-color: var(--#{$prefix}popover-header-bg);
185
+ border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color);
186
+ @include border-top-radius(var(--#{$prefix}popover-inner-border-radius));
187
+
188
+ &:empty {
189
+ display: none;
190
+ }
191
+ }
192
+
193
+ .popover-body {
194
+ padding: var(--#{$prefix}popover-body-padding-y) var(--#{$prefix}popover-body-padding-x);
195
+ color: var(--#{$prefix}popover-body-color);
196
+ }
@@ -0,0 +1,68 @@
1
+ // Disable animation if transitions are disabled
2
+
3
+ // scss-docs-start progress-keyframes
4
+ @if $enable-transitions {
5
+ @keyframes progress-bar-stripes {
6
+ 0% { background-position-x: $progress-height; }
7
+ }
8
+ }
9
+ // scss-docs-end progress-keyframes
10
+
11
+ .progress,
12
+ .progress-stacked {
13
+ // scss-docs-start progress-css-vars
14
+ --#{$prefix}progress-height: #{$progress-height};
15
+ @include rfs($progress-font-size, --#{$prefix}progress-font-size);
16
+ --#{$prefix}progress-bg: #{$progress-bg};
17
+ --#{$prefix}progress-border-radius: #{$progress-border-radius};
18
+ --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
19
+ --#{$prefix}progress-bar-color: #{$progress-bar-color};
20
+ --#{$prefix}progress-bar-bg: #{$progress-bar-bg};
21
+ --#{$prefix}progress-bar-transition: #{$progress-bar-transition};
22
+ // scss-docs-end progress-css-vars
23
+
24
+ display: flex;
25
+ height: var(--#{$prefix}progress-height);
26
+ overflow: hidden; // force rounded corners by cropping it
27
+ @include font-size(var(--#{$prefix}progress-font-size));
28
+ background-color: var(--#{$prefix}progress-bg);
29
+ @include border-radius(var(--#{$prefix}progress-border-radius));
30
+ @include box-shadow(var(--#{$prefix}progress-box-shadow));
31
+ }
32
+
33
+ .progress-bar {
34
+ display: flex;
35
+ flex-direction: column;
36
+ justify-content: center;
37
+ overflow: hidden;
38
+ color: var(--#{$prefix}progress-bar-color);
39
+ text-align: center;
40
+ white-space: nowrap;
41
+ background-color: var(--#{$prefix}progress-bar-bg);
42
+ @include transition(var(--#{$prefix}progress-bar-transition));
43
+ }
44
+
45
+ .progress-bar-striped {
46
+ @include gradient-striped();
47
+ background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
48
+ }
49
+
50
+ .progress-stacked > .progress {
51
+ overflow: visible;
52
+ }
53
+
54
+ .progress-stacked > .progress > .progress-bar {
55
+ width: 100%;
56
+ }
57
+
58
+ @if $enable-transitions {
59
+ .progress-bar-animated {
60
+ animation: $progress-bar-animation-timing progress-bar-stripes;
61
+
62
+ @if $enable-reduced-motion {
63
+ @media (prefers-reduced-motion: reduce) {
64
+ animation: none;
65
+ }
66
+ }
67
+ }
68
+ }