jekyll-theme-centos 2.3.0.beta.102 → 2.3.0.beta.103

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. checksums.yaml +4 -4
  2. metadata +2 -163
  3. data/_data/base/footer.yml +0 -32
  4. data/_data/base/identity.yml +0 -20
  5. data/_data/base/navbar.yml +0 -74
  6. data/_data/base/navbar_absolute.yml +0 -74
  7. data/_data/base/navbar_component.yml +0 -60
  8. data/_includes/base/announcements.html +0 -6
  9. data/_includes/base/breadcrumbs.html +0 -13
  10. data/_includes/base/footer.html +0 -61
  11. data/_includes/base/head.html +0 -17
  12. data/_includes/base/header.html +0 -17
  13. data/_includes/base/navbar.html +0 -32
  14. data/_includes/base/script.html +0 -70
  15. data/_includes/base/toc-accordion.html +0 -10
  16. data/_includes/base/toc.html +0 -99
  17. data/_layouts/base/default.html +0 -31
  18. data/_sass/base/_centos-lists.scss +0 -132
  19. data/_sass/base/_centos.scss +0 -80
  20. data/_sass/base/_variables.scss +0 -24
  21. data/_sass/bootstrap/_accordion.scss +0 -158
  22. data/_sass/bootstrap/_alert.scss +0 -68
  23. data/_sass/bootstrap/_badge.scss +0 -38
  24. data/_sass/bootstrap/_breadcrumb.scss +0 -40
  25. data/_sass/bootstrap/_button-group.scss +0 -142
  26. data/_sass/bootstrap/_buttons.scss +0 -207
  27. data/_sass/bootstrap/_card.scss +0 -239
  28. data/_sass/bootstrap/_carousel.scss +0 -244
  29. data/_sass/bootstrap/_close.scss +0 -63
  30. data/_sass/bootstrap/_containers.scss +0 -41
  31. data/_sass/bootstrap/_dropdown.scss +0 -250
  32. data/_sass/bootstrap/_forms.scss +0 -9
  33. data/_sass/bootstrap/_functions.scss +0 -302
  34. data/_sass/bootstrap/_grid.scss +0 -39
  35. data/_sass/bootstrap/_helpers.scss +0 -12
  36. data/_sass/bootstrap/_images.scss +0 -42
  37. data/_sass/bootstrap/_list-group.scss +0 -197
  38. data/_sass/bootstrap/_maps.scss +0 -174
  39. data/_sass/bootstrap/_mixins.scss +0 -42
  40. data/_sass/bootstrap/_modal.scss +0 -237
  41. data/_sass/bootstrap/_nav.scss +0 -209
  42. data/_sass/bootstrap/_navbar.scss +0 -289
  43. data/_sass/bootstrap/_offcanvas.scss +0 -146
  44. data/_sass/bootstrap/_pagination.scss +0 -109
  45. data/_sass/bootstrap/_placeholders.scss +0 -51
  46. data/_sass/bootstrap/_popover.scss +0 -196
  47. data/_sass/bootstrap/_progress.scss +0 -68
  48. data/_sass/bootstrap/_reboot.scss +0 -610
  49. data/_sass/bootstrap/_root.scss +0 -184
  50. data/_sass/bootstrap/_spinners.scss +0 -85
  51. data/_sass/bootstrap/_tables.scss +0 -171
  52. data/_sass/bootstrap/_toasts.scss +0 -73
  53. data/_sass/bootstrap/_tooltip.scss +0 -119
  54. data/_sass/bootstrap/_transitions.scss +0 -27
  55. data/_sass/bootstrap/_type.scss +0 -106
  56. data/_sass/bootstrap/_utilities.scss +0 -806
  57. data/_sass/bootstrap/_variables-dark.scss +0 -85
  58. data/_sass/bootstrap/_variables.scss +0 -1743
  59. data/_sass/bootstrap/bootstrap-grid.scss +0 -62
  60. data/_sass/bootstrap/bootstrap-reboot.scss +0 -10
  61. data/_sass/bootstrap/bootstrap-utilities.scss +0 -19
  62. data/_sass/bootstrap/bootstrap.scss +0 -52
  63. data/_sass/bootstrap/forms/_floating-labels.scss +0 -94
  64. data/_sass/bootstrap/forms/_form-check.scss +0 -188
  65. data/_sass/bootstrap/forms/_form-control.scss +0 -214
  66. data/_sass/bootstrap/forms/_form-range.scss +0 -91
  67. data/_sass/bootstrap/forms/_form-select.scss +0 -80
  68. data/_sass/bootstrap/forms/_form-text.scss +0 -11
  69. data/_sass/bootstrap/forms/_input-group.scss +0 -132
  70. data/_sass/bootstrap/forms/_labels.scss +0 -36
  71. data/_sass/bootstrap/forms/_validation.scss +0 -12
  72. data/_sass/bootstrap/helpers/_clearfix.scss +0 -3
  73. data/_sass/bootstrap/helpers/_color-bg.scss +0 -8
  74. data/_sass/bootstrap/helpers/_colored-links.scss +0 -30
  75. data/_sass/bootstrap/helpers/_focus-ring.scss +0 -5
  76. data/_sass/bootstrap/helpers/_icon-link.scss +0 -25
  77. data/_sass/bootstrap/helpers/_position.scss +0 -36
  78. data/_sass/bootstrap/helpers/_ratio.scss +0 -26
  79. data/_sass/bootstrap/helpers/_stacks.scss +0 -15
  80. data/_sass/bootstrap/helpers/_stretched-link.scss +0 -15
  81. data/_sass/bootstrap/helpers/_text-truncation.scss +0 -7
  82. data/_sass/bootstrap/helpers/_visually-hidden.scss +0 -8
  83. data/_sass/bootstrap/helpers/_vr.scss +0 -8
  84. data/_sass/bootstrap/mixins/_alert.scss +0 -18
  85. data/_sass/bootstrap/mixins/_backdrop.scss +0 -14
  86. data/_sass/bootstrap/mixins/_banner.scss +0 -7
  87. data/_sass/bootstrap/mixins/_border-radius.scss +0 -78
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -18
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -127
  90. data/_sass/bootstrap/mixins/_buttons.scss +0 -70
  91. data/_sass/bootstrap/mixins/_caret.scss +0 -69
  92. data/_sass/bootstrap/mixins/_clearfix.scss +0 -9
  93. data/_sass/bootstrap/mixins/_color-mode.scss +0 -21
  94. data/_sass/bootstrap/mixins/_color-scheme.scss +0 -7
  95. data/_sass/bootstrap/mixins/_container.scss +0 -11
  96. data/_sass/bootstrap/mixins/_deprecate.scss +0 -10
  97. data/_sass/bootstrap/mixins/_forms.scss +0 -153
  98. data/_sass/bootstrap/mixins/_gradients.scss +0 -47
  99. data/_sass/bootstrap/mixins/_grid.scss +0 -151
  100. data/_sass/bootstrap/mixins/_image.scss +0 -16
  101. data/_sass/bootstrap/mixins/_list-group.scss +0 -26
  102. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  103. data/_sass/bootstrap/mixins/_pagination.scss +0 -10
  104. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  105. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  106. data/_sass/bootstrap/mixins/_table-variants.scss +0 -24
  107. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  108. data/_sass/bootstrap/mixins/_transition.scss +0 -26
  109. data/_sass/bootstrap/mixins/_utilities.scss +0 -97
  110. data/_sass/bootstrap/mixins/_visually-hidden.scss +0 -33
  111. data/_sass/bootstrap/utilities/_api.scss +0 -47
  112. data/_sass/bootstrap/vendor/_rfs.scss +0 -348
  113. data/assets/css/dataTables.bootstrap5.css +0 -430
  114. data/assets/css/dataTables.bootstrap5.min.css +0 -5
  115. data/assets/icons/android-chrome-192.png +0 -0
  116. data/assets/icons/android-chrome-512.png +0 -0
  117. data/assets/icons/apple-touch-icon.png +0 -0
  118. data/assets/icons/favicon-16.png +0 -0
  119. data/assets/icons/favicon-32.png +0 -0
  120. data/assets/icons/favicon.ico +0 -0
  121. data/assets/icons/favicon.svg +0 -1
  122. data/assets/img/anaconda-symbolic.svg +0 -1
  123. data/assets/img/anaconda.svg +0 -1
  124. data/assets/img/centos-dynamicmsg-logo.svg +0 -1
  125. data/assets/img/centos-dynamicmsg-type.svg +0 -1
  126. data/assets/img/centos-dynamicmsg-whitelogo.svg +0 -1
  127. data/assets/img/centos-dynamicmsg-whitetype.svg +0 -1
  128. data/assets/img/centos-gdm-whitelogo.svg +0 -1
  129. data/assets/img/centos-ipa-whiteheader.svg +0 -1
  130. data/assets/img/centos-logo-2bits.svg +0 -1
  131. data/assets/img/centos-logo.svg +0 -1
  132. data/assets/img/centos-message-logo.svg +0 -1
  133. data/assets/img/centos-motif.png +0 -0
  134. data/assets/img/centos-poweredby-logo.svg +0 -1
  135. data/assets/img/centos-symbol-2bits.svg +0 -1
  136. data/assets/img/centos-symbol.svg +0 -1
  137. data/assets/img/centos-type.svg +0 -1
  138. data/assets/img/centos-vertical-logo.svg +0 -1
  139. data/assets/img/centos-vertical-message-logo.svg +0 -1
  140. data/assets/img/centos-whitelogo.svg +0 -1
  141. data/assets/img/sort_asc.png +0 -0
  142. data/assets/img/sort_asc_disabled.png +0 -0
  143. data/assets/img/sort_both.png +0 -0
  144. data/assets/img/sort_desc.png +0 -0
  145. data/assets/img/sort_desc_disabled.png +0 -0
  146. data/assets/js/bootstrap.bundle.js +0 -6306
  147. data/assets/js/bootstrap.bundle.js.map +0 -1
  148. data/assets/js/bootstrap.bundle.min.js +0 -7
  149. data/assets/js/bootstrap.bundle.min.js.map +0 -1
  150. data/assets/js/bootstrap.esm.js +0 -4439
  151. data/assets/js/bootstrap.esm.js.map +0 -1
  152. data/assets/js/bootstrap.esm.min.js +0 -7
  153. data/assets/js/bootstrap.esm.min.js.map +0 -1
  154. data/assets/js/bootstrap.js +0 -4486
  155. data/assets/js/bootstrap.js.map +0 -1
  156. data/assets/js/bootstrap.min.js +0 -7
  157. data/assets/js/bootstrap.min.js.map +0 -1
  158. data/assets/js/clipboard.min.js +0 -7
  159. data/assets/js/dataTables.bootstrap5.min.js +0 -4
  160. data/assets/js/jquery.dataTables.min.js +0 -4
  161. data/assets/js/jquery.min.js +0 -2
  162. data/assets/js/jquery.slim.min.js +0 -2
  163. data/assets/js/vanilla-back-to-top.min.js +0 -1
@@ -1,62 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Grid);
3
-
4
- $include-column-box-sizing: true !default;
5
-
6
- @import "functions";
7
- @import "variables";
8
- @import "variables-dark";
9
- @import "maps";
10
-
11
- @import "mixins/breakpoints";
12
- @import "mixins/container";
13
- @import "mixins/grid";
14
- @import "mixins/utilities";
15
-
16
- @import "vendor/rfs";
17
-
18
- @import "containers";
19
- @import "grid";
20
-
21
- @import "utilities";
22
- // Only use the utilities we need
23
- // stylelint-disable-next-line scss/dollar-variable-default
24
- $utilities: map-get-multiple(
25
- $utilities,
26
- (
27
- "display",
28
- "order",
29
- "flex",
30
- "flex-direction",
31
- "flex-grow",
32
- "flex-shrink",
33
- "flex-wrap",
34
- "justify-content",
35
- "align-items",
36
- "align-content",
37
- "align-self",
38
- "margin",
39
- "margin-x",
40
- "margin-y",
41
- "margin-top",
42
- "margin-end",
43
- "margin-bottom",
44
- "margin-start",
45
- "negative-margin",
46
- "negative-margin-x",
47
- "negative-margin-y",
48
- "negative-margin-top",
49
- "negative-margin-end",
50
- "negative-margin-bottom",
51
- "negative-margin-start",
52
- "padding",
53
- "padding-x",
54
- "padding-y",
55
- "padding-top",
56
- "padding-end",
57
- "padding-bottom",
58
- "padding-start",
59
- )
60
- );
61
-
62
- @import "utilities/api";
@@ -1,10 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Reboot);
3
-
4
- @import "functions";
5
- @import "variables";
6
- @import "variables-dark";
7
- @import "maps";
8
- @import "mixins";
9
- @import "root";
10
- @import "reboot";
@@ -1,19 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner(Utilities);
3
-
4
- // Configuration
5
- @import "functions";
6
- @import "variables";
7
- @import "variables-dark";
8
- @import "maps";
9
- @import "mixins";
10
- @import "utilities";
11
-
12
- // Layout & components
13
- @import "root";
14
-
15
- // Helpers
16
- @import "helpers";
17
-
18
- // Utilities
19
- @import "utilities/api";
@@ -1,52 +0,0 @@
1
- @import "mixins/banner";
2
- @include bsBanner("");
3
-
4
-
5
- // scss-docs-start import-stack
6
- // Configuration
7
- @import "functions";
8
- @import "variables";
9
- @import "variables-dark";
10
- @import "maps";
11
- @import "mixins";
12
- @import "utilities";
13
-
14
- // Layout & components
15
- @import "root";
16
- @import "reboot";
17
- @import "type";
18
- @import "images";
19
- @import "containers";
20
- @import "grid";
21
- @import "tables";
22
- @import "forms";
23
- @import "buttons";
24
- @import "transitions";
25
- @import "dropdown";
26
- @import "button-group";
27
- @import "nav";
28
- @import "navbar";
29
- @import "card";
30
- @import "accordion";
31
- @import "breadcrumb";
32
- @import "pagination";
33
- @import "badge";
34
- @import "alert";
35
- @import "progress";
36
- @import "list-group";
37
- @import "close";
38
- @import "toasts";
39
- @import "modal";
40
- @import "tooltip";
41
- @import "popover";
42
- @import "carousel";
43
- @import "spinners";
44
- @import "offcanvas";
45
- @import "placeholders";
46
-
47
- // Helpers
48
- @import "helpers";
49
-
50
- // Utilities
51
- @import "utilities/api";
52
- // scss-docs-end import-stack
@@ -1,94 +0,0 @@
1
- .form-floating {
2
- position: relative;
3
-
4
- > .form-control,
5
- > .form-control-plaintext,
6
- > .form-select {
7
- height: $form-floating-height;
8
- min-height: $form-floating-height;
9
- line-height: $form-floating-line-height;
10
- }
11
-
12
- > label {
13
- position: absolute;
14
- top: 0;
15
- left: 0;
16
- z-index: 2;
17
- height: 100%; // allow textareas
18
- padding: $form-floating-padding-y $form-floating-padding-x;
19
- overflow: hidden;
20
- text-align: start;
21
- text-overflow: ellipsis;
22
- white-space: nowrap;
23
- pointer-events: none;
24
- border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
25
- transform-origin: 0 0;
26
- @include transition($form-floating-transition);
27
- }
28
-
29
- > .form-control,
30
- > .form-control-plaintext {
31
- padding: $form-floating-padding-y $form-floating-padding-x;
32
-
33
- &::placeholder {
34
- color: transparent;
35
- }
36
-
37
- &:focus,
38
- &:not(:placeholder-shown) {
39
- padding-top: $form-floating-input-padding-t;
40
- padding-bottom: $form-floating-input-padding-b;
41
- }
42
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
43
- &:-webkit-autofill {
44
- padding-top: $form-floating-input-padding-t;
45
- padding-bottom: $form-floating-input-padding-b;
46
- }
47
- }
48
-
49
- > .form-select {
50
- padding-top: $form-floating-input-padding-t;
51
- padding-bottom: $form-floating-input-padding-b;
52
- }
53
-
54
- > .form-control:focus,
55
- > .form-control:not(:placeholder-shown),
56
- > .form-control-plaintext,
57
- > .form-select {
58
- ~ label {
59
- color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
60
- transform: $form-floating-label-transform;
61
-
62
- &::after {
63
- position: absolute;
64
- inset: $form-floating-padding-y ($form-floating-padding-x * .5);
65
- z-index: -1;
66
- height: $form-floating-label-height;
67
- content: "";
68
- background-color: $input-bg;
69
- @include border-radius($input-border-radius);
70
- }
71
- }
72
- }
73
- // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
74
- > .form-control:-webkit-autofill {
75
- ~ label {
76
- color: rgba(var(--#{$prefix}body-color-rgb), #{$form-floating-label-opacity});
77
- transform: $form-floating-label-transform;
78
- }
79
- }
80
-
81
- > .form-control-plaintext {
82
- ~ label {
83
- border-width: $input-border-width 0; // Required to properly position label text - as explained above
84
- }
85
- }
86
-
87
- > :disabled ~ label {
88
- color: $form-floating-label-disabled-color;
89
-
90
- &::after {
91
- background-color: $input-disabled-bg;
92
- }
93
- }
94
- }
@@ -1,188 +0,0 @@
1
- //
2
- // Check/radio
3
- //
4
-
5
- .form-check {
6
- display: block;
7
- min-height: $form-check-min-height;
8
- padding-left: $form-check-padding-start;
9
- margin-bottom: $form-check-margin-bottom;
10
-
11
- .form-check-input {
12
- float: left;
13
- margin-left: $form-check-padding-start * -1;
14
- }
15
- }
16
-
17
- .form-check-reverse {
18
- padding-right: $form-check-padding-start;
19
- padding-left: 0;
20
- text-align: right;
21
-
22
- .form-check-input {
23
- float: right;
24
- margin-right: $form-check-padding-start * -1;
25
- margin-left: 0;
26
- }
27
- }
28
-
29
- .form-check-input {
30
- --#{$prefix}form-check-bg: #{$form-check-input-bg};
31
-
32
- width: $form-check-input-width;
33
- height: $form-check-input-width;
34
- margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
35
- vertical-align: top;
36
- background-color: var(--#{$prefix}form-check-bg);
37
- background-image: var(--#{$prefix}form-check-bg-image);
38
- background-repeat: no-repeat;
39
- background-position: center;
40
- background-size: contain;
41
- border: $form-check-input-border;
42
- appearance: none;
43
- print-color-adjust: exact; // Keep themed appearance for print
44
- @include transition($form-check-transition);
45
-
46
- &[type="checkbox"] {
47
- @include border-radius($form-check-input-border-radius);
48
- }
49
-
50
- &[type="radio"] {
51
- // stylelint-disable-next-line property-disallowed-list
52
- border-radius: $form-check-radio-border-radius;
53
- }
54
-
55
- &:active {
56
- filter: $form-check-input-active-filter;
57
- }
58
-
59
- &:focus {
60
- border-color: $form-check-input-focus-border;
61
- outline: 0;
62
- box-shadow: $form-check-input-focus-box-shadow;
63
- }
64
-
65
- &:checked {
66
- background-color: $form-check-input-checked-bg-color;
67
- border-color: $form-check-input-checked-border-color;
68
-
69
- &[type="checkbox"] {
70
- @if $enable-gradients {
71
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)}, var(--#{$prefix}gradient);
72
- } @else {
73
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-checked-bg-image)};
74
- }
75
- }
76
-
77
- &[type="radio"] {
78
- @if $enable-gradients {
79
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)}, var(--#{$prefix}gradient);
80
- } @else {
81
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-radio-checked-bg-image)};
82
- }
83
- }
84
- }
85
-
86
- &[type="checkbox"]:indeterminate {
87
- background-color: $form-check-input-indeterminate-bg-color;
88
- border-color: $form-check-input-indeterminate-border-color;
89
-
90
- @if $enable-gradients {
91
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)}, var(--#{$prefix}gradient);
92
- } @else {
93
- --#{$prefix}form-check-bg-image: #{escape-svg($form-check-input-indeterminate-bg-image)};
94
- }
95
- }
96
-
97
- &:disabled {
98
- pointer-events: none;
99
- filter: none;
100
- opacity: $form-check-input-disabled-opacity;
101
- }
102
-
103
- // Use disabled attribute in addition of :disabled pseudo-class
104
- // See: https://github.com/twbs/bootstrap/issues/28247
105
- &[disabled],
106
- &:disabled {
107
- ~ .form-check-label {
108
- cursor: default;
109
- opacity: $form-check-label-disabled-opacity;
110
- }
111
- }
112
- }
113
-
114
- .form-check-label {
115
- color: $form-check-label-color;
116
- cursor: $form-check-label-cursor;
117
- }
118
-
119
- //
120
- // Switch
121
- //
122
-
123
- .form-switch {
124
- padding-left: $form-switch-padding-start;
125
-
126
- .form-check-input {
127
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image)};
128
-
129
- width: $form-switch-width;
130
- margin-left: $form-switch-padding-start * -1;
131
- background-image: var(--#{$prefix}form-switch-bg);
132
- background-position: left center;
133
- @include border-radius($form-switch-border-radius);
134
- @include transition($form-switch-transition);
135
-
136
- &:focus {
137
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-focus-bg-image)};
138
- }
139
-
140
- &:checked {
141
- background-position: $form-switch-checked-bg-position;
142
-
143
- @if $enable-gradients {
144
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)}, var(--#{$prefix}gradient);
145
- } @else {
146
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-checked-bg-image)};
147
- }
148
- }
149
- }
150
-
151
- &.form-check-reverse {
152
- padding-right: $form-switch-padding-start;
153
- padding-left: 0;
154
-
155
- .form-check-input {
156
- margin-right: $form-switch-padding-start * -1;
157
- margin-left: 0;
158
- }
159
- }
160
- }
161
-
162
- .form-check-inline {
163
- display: inline-block;
164
- margin-right: $form-check-inline-margin-end;
165
- }
166
-
167
- .btn-check {
168
- position: absolute;
169
- clip: rect(0, 0, 0, 0);
170
- pointer-events: none;
171
-
172
- &[disabled],
173
- &:disabled {
174
- + .btn {
175
- pointer-events: none;
176
- filter: none;
177
- opacity: $form-check-btn-check-disabled-opacity;
178
- }
179
- }
180
- }
181
-
182
- @if $enable-dark-mode {
183
- @include color-mode(dark) {
184
- .form-switch .form-check-input:not(:checked):not(:focus) {
185
- --#{$prefix}form-switch-bg: #{escape-svg($form-switch-bg-image-dark)};
186
- }
187
- }
188
- }
@@ -1,214 +0,0 @@
1
- //
2
- // General form controls (plus a few specific high-level interventions)
3
- //
4
-
5
- .form-control {
6
- display: block;
7
- width: 100%;
8
- padding: $input-padding-y $input-padding-x;
9
- font-family: $input-font-family;
10
- @include font-size($input-font-size);
11
- font-weight: $input-font-weight;
12
- line-height: $input-line-height;
13
- color: $input-color;
14
- background-color: $input-bg;
15
- background-clip: padding-box;
16
- border: $input-border-width solid $input-border-color;
17
- appearance: none; // Fix appearance for date inputs in Safari
18
-
19
- // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
20
- @include border-radius($input-border-radius, 0);
21
-
22
- @include box-shadow($input-box-shadow);
23
- @include transition($input-transition);
24
-
25
- &[type="file"] {
26
- overflow: hidden; // prevent pseudo element button overlap
27
-
28
- &:not(:disabled):not([readonly]) {
29
- cursor: pointer;
30
- }
31
- }
32
-
33
- // Customize the `:focus` state to imitate native WebKit styles.
34
- &:focus {
35
- color: $input-focus-color;
36
- background-color: $input-focus-bg;
37
- border-color: $input-focus-border-color;
38
- outline: 0;
39
- @if $enable-shadows {
40
- @include box-shadow($input-box-shadow, $input-focus-box-shadow);
41
- } @else {
42
- // Avoid using mixin so we can pass custom focus shadow properly
43
- box-shadow: $input-focus-box-shadow;
44
- }
45
- }
46
-
47
- &::-webkit-date-and-time-value {
48
- // On Android Chrome, form-control's "width: 100%" makes the input width too small
49
- // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109
50
- //
51
- // On iOS Safari, form-control's "appearance: none" + "width: 100%" makes the input width too small
52
- // Tested under iOS 16.2 / Safari 16.2
53
- min-width: 85px; // Seems to be a good minimum safe width
54
-
55
- // Add some height to date inputs on iOS
56
- // https://github.com/twbs/bootstrap/issues/23307
57
- // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
58
- // Multiply line-height by 1em if it has no unit
59
- height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
60
-
61
- // Android Chrome type="date" is taller than the other inputs
62
- // because of "margin: 1px 24px 1px 4px" inside the shadow DOM
63
- // Tested under Android 11 / Chrome 89, Android 12 / Chrome 100, Android 13 / Chrome 109
64
- margin: 0;
65
- }
66
-
67
- // Prevent excessive date input height in Webkit
68
- // https://github.com/twbs/bootstrap/issues/34433
69
- &::-webkit-datetime-edit {
70
- display: block;
71
- padding: 0;
72
- }
73
-
74
- // Placeholder
75
- &::placeholder {
76
- color: $input-placeholder-color;
77
- // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
78
- opacity: 1;
79
- }
80
-
81
- // Disabled inputs
82
- //
83
- // HTML5 says that controls under a fieldset > legend:first-child won't be
84
- // disabled if the fieldset is disabled. Due to implementation difficulty, we
85
- // don't honor that edge case; we style them as disabled anyway.
86
- &:disabled {
87
- color: $input-disabled-color;
88
- background-color: $input-disabled-bg;
89
- border-color: $input-disabled-border-color;
90
- // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
91
- opacity: 1;
92
- }
93
-
94
- // File input buttons theming
95
- &::file-selector-button {
96
- padding: $input-padding-y $input-padding-x;
97
- margin: (-$input-padding-y) (-$input-padding-x);
98
- margin-inline-end: $input-padding-x;
99
- color: $form-file-button-color;
100
- @include gradient-bg($form-file-button-bg);
101
- pointer-events: none;
102
- border-color: inherit;
103
- border-style: solid;
104
- border-width: 0;
105
- border-inline-end-width: $input-border-width;
106
- border-radius: 0; // stylelint-disable-line property-disallowed-list
107
- @include transition($btn-transition);
108
- }
109
-
110
- &:hover:not(:disabled):not([readonly])::file-selector-button {
111
- background-color: $form-file-button-hover-bg;
112
- }
113
- }
114
-
115
- // Readonly controls as plain text
116
- //
117
- // Apply class to a readonly input to make it appear like regular plain
118
- // text (without any border, background color, focus indicator)
119
-
120
- .form-control-plaintext {
121
- display: block;
122
- width: 100%;
123
- padding: $input-padding-y 0;
124
- margin-bottom: 0; // match inputs if this class comes on inputs with default margins
125
- line-height: $input-line-height;
126
- color: $input-plaintext-color;
127
- background-color: transparent;
128
- border: solid transparent;
129
- border-width: $input-border-width 0;
130
-
131
- &:focus {
132
- outline: 0;
133
- }
134
-
135
- &.form-control-sm,
136
- &.form-control-lg {
137
- padding-right: 0;
138
- padding-left: 0;
139
- }
140
- }
141
-
142
- // Form control sizing
143
- //
144
- // Build on `.form-control` with modifier classes to decrease or increase the
145
- // height and font-size of form controls.
146
- //
147
- // Repeated in `_input_group.scss` to avoid Sass extend issues.
148
-
149
- .form-control-sm {
150
- min-height: $input-height-sm;
151
- padding: $input-padding-y-sm $input-padding-x-sm;
152
- @include font-size($input-font-size-sm);
153
- @include border-radius($input-border-radius-sm);
154
-
155
- &::file-selector-button {
156
- padding: $input-padding-y-sm $input-padding-x-sm;
157
- margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
158
- margin-inline-end: $input-padding-x-sm;
159
- }
160
- }
161
-
162
- .form-control-lg {
163
- min-height: $input-height-lg;
164
- padding: $input-padding-y-lg $input-padding-x-lg;
165
- @include font-size($input-font-size-lg);
166
- @include border-radius($input-border-radius-lg);
167
-
168
- &::file-selector-button {
169
- padding: $input-padding-y-lg $input-padding-x-lg;
170
- margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
171
- margin-inline-end: $input-padding-x-lg;
172
- }
173
- }
174
-
175
- // Make sure textareas don't shrink too much when resized
176
- // https://github.com/twbs/bootstrap/pull/29124
177
- // stylelint-disable selector-no-qualifying-type
178
- textarea {
179
- &.form-control {
180
- min-height: $input-height;
181
- }
182
-
183
- &.form-control-sm {
184
- min-height: $input-height-sm;
185
- }
186
-
187
- &.form-control-lg {
188
- min-height: $input-height-lg;
189
- }
190
- }
191
- // stylelint-enable selector-no-qualifying-type
192
-
193
- .form-control-color {
194
- width: $form-color-width;
195
- height: $input-height;
196
- padding: $input-padding-y;
197
-
198
- &:not(:disabled):not([readonly]) {
199
- cursor: pointer;
200
- }
201
-
202
- &::-moz-color-swatch {
203
- border: 0 !important; // stylelint-disable-line declaration-no-important
204
- @include border-radius($input-border-radius);
205
- }
206
-
207
- &::-webkit-color-swatch {
208
- border: 0 !important; // stylelint-disable-line declaration-no-important
209
- @include border-radius($input-border-radius);
210
- }
211
-
212
- &.form-control-sm { height: $input-height-sm; }
213
- &.form-control-lg { height: $input-height-lg; }
214
- }