jekyll-theme-centos 2.3.0.beta.101 → 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,38 +0,0 @@
1
- // Base class
2
- //
3
- // Requires one of the contextual, color modifier classes for `color` and
4
- // `background-color`.
5
-
6
- .badge {
7
- // scss-docs-start badge-css-vars
8
- --#{$prefix}badge-padding-x: #{$badge-padding-x};
9
- --#{$prefix}badge-padding-y: #{$badge-padding-y};
10
- @include rfs($badge-font-size, --#{$prefix}badge-font-size);
11
- --#{$prefix}badge-font-weight: #{$badge-font-weight};
12
- --#{$prefix}badge-color: #{$badge-color};
13
- --#{$prefix}badge-border-radius: #{$badge-border-radius};
14
- // scss-docs-end badge-css-vars
15
-
16
- display: inline-block;
17
- padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x);
18
- @include font-size(var(--#{$prefix}badge-font-size));
19
- font-weight: var(--#{$prefix}badge-font-weight);
20
- line-height: 1;
21
- color: var(--#{$prefix}badge-color);
22
- text-align: center;
23
- white-space: nowrap;
24
- vertical-align: baseline;
25
- @include border-radius(var(--#{$prefix}badge-border-radius));
26
- @include gradient-bg();
27
-
28
- // Empty badges collapse automatically
29
- &:empty {
30
- display: none;
31
- }
32
- }
33
-
34
- // Quick fix for badges in buttons
35
- .btn .badge {
36
- position: relative;
37
- top: -1px;
38
- }
@@ -1,40 +0,0 @@
1
- .breadcrumb {
2
- // scss-docs-start breadcrumb-css-vars
3
- --#{$prefix}breadcrumb-padding-x: #{$breadcrumb-padding-x};
4
- --#{$prefix}breadcrumb-padding-y: #{$breadcrumb-padding-y};
5
- --#{$prefix}breadcrumb-margin-bottom: #{$breadcrumb-margin-bottom};
6
- @include rfs($breadcrumb-font-size, --#{$prefix}breadcrumb-font-size);
7
- --#{$prefix}breadcrumb-bg: #{$breadcrumb-bg};
8
- --#{$prefix}breadcrumb-border-radius: #{$breadcrumb-border-radius};
9
- --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-divider-color};
10
- --#{$prefix}breadcrumb-item-padding-x: #{$breadcrumb-item-padding-x};
11
- --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-active-color};
12
- // scss-docs-end breadcrumb-css-vars
13
-
14
- display: flex;
15
- flex-wrap: wrap;
16
- padding: var(--#{$prefix}breadcrumb-padding-y) var(--#{$prefix}breadcrumb-padding-x);
17
- margin-bottom: var(--#{$prefix}breadcrumb-margin-bottom);
18
- @include font-size(var(--#{$prefix}breadcrumb-font-size));
19
- list-style: none;
20
- background-color: var(--#{$prefix}breadcrumb-bg);
21
- @include border-radius(var(--#{$prefix}breadcrumb-border-radius));
22
- }
23
-
24
- .breadcrumb-item {
25
- // The separator between breadcrumbs (by default, a forward-slash: "/")
26
- + .breadcrumb-item {
27
- padding-left: var(--#{$prefix}breadcrumb-item-padding-x);
28
-
29
- &::before {
30
- float: left; // Suppress inline spacings and underlining of the separator
31
- padding-right: var(--#{$prefix}breadcrumb-item-padding-x);
32
- color: var(--#{$prefix}breadcrumb-divider-color);
33
- content: var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
34
- }
35
- }
36
-
37
- &.active {
38
- color: var(--#{$prefix}breadcrumb-item-active-color);
39
- }
40
- }
@@ -1,142 +0,0 @@
1
- // Make the div behave like a button
2
- .btn-group,
3
- .btn-group-vertical {
4
- position: relative;
5
- display: inline-flex;
6
- vertical-align: middle; // match .btn alignment given font-size hack above
7
-
8
- > .btn {
9
- position: relative;
10
- flex: 1 1 auto;
11
- }
12
-
13
- // Bring the hover, focused, and "active" buttons to the front to overlay
14
- // the borders properly
15
- > .btn-check:checked + .btn,
16
- > .btn-check:focus + .btn,
17
- > .btn:hover,
18
- > .btn:focus,
19
- > .btn:active,
20
- > .btn.active {
21
- z-index: 1;
22
- }
23
- }
24
-
25
- // Optional: Group multiple button groups together for a toolbar
26
- .btn-toolbar {
27
- display: flex;
28
- flex-wrap: wrap;
29
- justify-content: flex-start;
30
-
31
- .input-group {
32
- width: auto;
33
- }
34
- }
35
-
36
- .btn-group {
37
- @include border-radius($btn-border-radius);
38
-
39
- // Prevent double borders when buttons are next to each other
40
- > :not(.btn-check:first-child) + .btn,
41
- > .btn-group:not(:first-child) {
42
- margin-left: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
43
- }
44
-
45
- // Reset rounded corners
46
- > .btn:not(:last-child):not(.dropdown-toggle),
47
- > .btn.dropdown-toggle-split:first-child,
48
- > .btn-group:not(:last-child) > .btn {
49
- @include border-end-radius(0);
50
- }
51
-
52
- // The left radius should be 0 if the button is:
53
- // - the "third or more" child
54
- // - the second child and the previous element isn't `.btn-check` (making it the first child visually)
55
- // - part of a btn-group which isn't the first child
56
- > .btn:nth-child(n + 3),
57
- > :not(.btn-check) + .btn,
58
- > .btn-group:not(:first-child) > .btn {
59
- @include border-start-radius(0);
60
- }
61
- }
62
-
63
- // Sizing
64
- //
65
- // Remix the default button sizing classes into new ones for easier manipulation.
66
-
67
- .btn-group-sm > .btn { @extend .btn-sm; }
68
- .btn-group-lg > .btn { @extend .btn-lg; }
69
-
70
-
71
- //
72
- // Split button dropdowns
73
- //
74
-
75
- .dropdown-toggle-split {
76
- padding-right: $btn-padding-x * .75;
77
- padding-left: $btn-padding-x * .75;
78
-
79
- &::after,
80
- .dropup &::after,
81
- .dropend &::after {
82
- margin-left: 0;
83
- }
84
-
85
- .dropstart &::before {
86
- margin-right: 0;
87
- }
88
- }
89
-
90
- .btn-sm + .dropdown-toggle-split {
91
- padding-right: $btn-padding-x-sm * .75;
92
- padding-left: $btn-padding-x-sm * .75;
93
- }
94
-
95
- .btn-lg + .dropdown-toggle-split {
96
- padding-right: $btn-padding-x-lg * .75;
97
- padding-left: $btn-padding-x-lg * .75;
98
- }
99
-
100
-
101
- // The clickable button for toggling the menu
102
- // Set the same inset shadow as the :active state
103
- .btn-group.show .dropdown-toggle {
104
- @include box-shadow($btn-active-box-shadow);
105
-
106
- // Show no shadow for `.btn-link` since it has no other button styles.
107
- &.btn-link {
108
- @include box-shadow(none);
109
- }
110
- }
111
-
112
-
113
- //
114
- // Vertical button groups
115
- //
116
-
117
- .btn-group-vertical {
118
- flex-direction: column;
119
- align-items: flex-start;
120
- justify-content: center;
121
-
122
- > .btn,
123
- > .btn-group {
124
- width: 100%;
125
- }
126
-
127
- > .btn:not(:first-child),
128
- > .btn-group:not(:first-child) {
129
- margin-top: calc(#{$btn-border-width} * -1); // stylelint-disable-line function-disallowed-list
130
- }
131
-
132
- // Reset rounded corners
133
- > .btn:not(:last-child):not(.dropdown-toggle),
134
- > .btn-group:not(:last-child) > .btn {
135
- @include border-bottom-radius(0);
136
- }
137
-
138
- > .btn ~ .btn,
139
- > .btn-group:not(:first-child) > .btn {
140
- @include border-top-radius(0);
141
- }
142
- }
@@ -1,207 +0,0 @@
1
- //
2
- // Base styles
3
- //
4
-
5
- .btn {
6
- // scss-docs-start btn-css-vars
7
- --#{$prefix}btn-padding-x: #{$btn-padding-x};
8
- --#{$prefix}btn-padding-y: #{$btn-padding-y};
9
- --#{$prefix}btn-font-family: #{$btn-font-family};
10
- @include rfs($btn-font-size, --#{$prefix}btn-font-size);
11
- --#{$prefix}btn-font-weight: #{$btn-font-weight};
12
- --#{$prefix}btn-line-height: #{$btn-line-height};
13
- --#{$prefix}btn-color: #{$btn-color};
14
- --#{$prefix}btn-bg: transparent;
15
- --#{$prefix}btn-border-width: #{$btn-border-width};
16
- --#{$prefix}btn-border-color: transparent;
17
- --#{$prefix}btn-border-radius: #{$btn-border-radius};
18
- --#{$prefix}btn-hover-border-color: transparent;
19
- --#{$prefix}btn-box-shadow: #{$btn-box-shadow};
20
- --#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
21
- --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
22
- // scss-docs-end btn-css-vars
23
-
24
- display: inline-block;
25
- padding: var(--#{$prefix}btn-padding-y) var(--#{$prefix}btn-padding-x);
26
- font-family: var(--#{$prefix}btn-font-family);
27
- @include font-size(var(--#{$prefix}btn-font-size));
28
- font-weight: var(--#{$prefix}btn-font-weight);
29
- line-height: var(--#{$prefix}btn-line-height);
30
- color: var(--#{$prefix}btn-color);
31
- text-align: center;
32
- text-decoration: if($link-decoration == none, null, none);
33
- white-space: $btn-white-space;
34
- vertical-align: middle;
35
- cursor: if($enable-button-pointers, pointer, null);
36
- user-select: none;
37
- border: var(--#{$prefix}btn-border-width) solid var(--#{$prefix}btn-border-color);
38
- @include border-radius(var(--#{$prefix}btn-border-radius));
39
- @include gradient-bg(var(--#{$prefix}btn-bg));
40
- @include box-shadow(var(--#{$prefix}btn-box-shadow));
41
- @include transition($btn-transition);
42
-
43
- &:hover {
44
- color: var(--#{$prefix}btn-hover-color);
45
- text-decoration: if($link-hover-decoration == underline, none, null);
46
- background-color: var(--#{$prefix}btn-hover-bg);
47
- border-color: var(--#{$prefix}btn-hover-border-color);
48
- }
49
-
50
- .btn-check + &:hover {
51
- // override for the checkbox/radio buttons
52
- color: var(--#{$prefix}btn-color);
53
- background-color: var(--#{$prefix}btn-bg);
54
- border-color: var(--#{$prefix}btn-border-color);
55
- }
56
-
57
- &:focus-visible {
58
- color: var(--#{$prefix}btn-hover-color);
59
- @include gradient-bg(var(--#{$prefix}btn-hover-bg));
60
- border-color: var(--#{$prefix}btn-hover-border-color);
61
- outline: 0;
62
- // Avoid using mixin so we can pass custom focus shadow properly
63
- @if $enable-shadows {
64
- box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
65
- } @else {
66
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
67
- }
68
- }
69
-
70
- .btn-check:focus-visible + & {
71
- border-color: var(--#{$prefix}btn-hover-border-color);
72
- outline: 0;
73
- // Avoid using mixin so we can pass custom focus shadow properly
74
- @if $enable-shadows {
75
- box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
76
- } @else {
77
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
78
- }
79
- }
80
-
81
- .btn-check:checked + &,
82
- :not(.btn-check) + &:active,
83
- &:first-child:active,
84
- &.active,
85
- &.show {
86
- color: var(--#{$prefix}btn-active-color);
87
- background-color: var(--#{$prefix}btn-active-bg);
88
- // Remove CSS gradients if they're enabled
89
- background-image: if($enable-gradients, none, null);
90
- border-color: var(--#{$prefix}btn-active-border-color);
91
- @include box-shadow(var(--#{$prefix}btn-active-shadow));
92
-
93
- &:focus-visible {
94
- // Avoid using mixin so we can pass custom focus shadow properly
95
- @if $enable-shadows {
96
- box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
97
- } @else {
98
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
99
- }
100
- }
101
- }
102
-
103
- &:disabled,
104
- &.disabled,
105
- fieldset:disabled & {
106
- color: var(--#{$prefix}btn-disabled-color);
107
- pointer-events: none;
108
- background-color: var(--#{$prefix}btn-disabled-bg);
109
- background-image: if($enable-gradients, none, null);
110
- border-color: var(--#{$prefix}btn-disabled-border-color);
111
- opacity: var(--#{$prefix}btn-disabled-opacity);
112
- @include box-shadow(none);
113
- }
114
- }
115
-
116
-
117
- //
118
- // Alternate buttons
119
- //
120
-
121
- // scss-docs-start btn-variant-loops
122
- @each $color, $value in $theme-colors {
123
- .btn-#{$color} {
124
- @if $color == "light" {
125
- @include button-variant(
126
- $value,
127
- $value,
128
- $hover-background: shade-color($value, $btn-hover-bg-shade-amount),
129
- $hover-border: shade-color($value, $btn-hover-border-shade-amount),
130
- $active-background: shade-color($value, $btn-active-bg-shade-amount),
131
- $active-border: shade-color($value, $btn-active-border-shade-amount)
132
- );
133
- } @else if $color == "dark" {
134
- @include button-variant(
135
- $value,
136
- $value,
137
- $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
138
- $hover-border: tint-color($value, $btn-hover-border-tint-amount),
139
- $active-background: tint-color($value, $btn-active-bg-tint-amount),
140
- $active-border: tint-color($value, $btn-active-border-tint-amount)
141
- );
142
- } @else {
143
- @include button-variant($value, $value);
144
- }
145
- }
146
- }
147
-
148
- @each $color, $value in $theme-colors {
149
- .btn-outline-#{$color} {
150
- @include button-outline-variant($value);
151
- }
152
- }
153
- // scss-docs-end btn-variant-loops
154
-
155
-
156
- //
157
- // Link buttons
158
- //
159
-
160
- // Make a button look and behave like a link
161
- .btn-link {
162
- --#{$prefix}btn-font-weight: #{$font-weight-normal};
163
- --#{$prefix}btn-color: #{$btn-link-color};
164
- --#{$prefix}btn-bg: transparent;
165
- --#{$prefix}btn-border-color: transparent;
166
- --#{$prefix}btn-hover-color: #{$btn-link-hover-color};
167
- --#{$prefix}btn-hover-border-color: transparent;
168
- --#{$prefix}btn-active-color: #{$btn-link-hover-color};
169
- --#{$prefix}btn-active-border-color: transparent;
170
- --#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
171
- --#{$prefix}btn-disabled-border-color: transparent;
172
- --#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
173
- --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($link-color), $link-color, 15%))};
174
-
175
- text-decoration: $link-decoration;
176
- @if $enable-gradients {
177
- background-image: none;
178
- }
179
-
180
- &:hover,
181
- &:focus-visible {
182
- text-decoration: $link-hover-decoration;
183
- }
184
-
185
- &:focus-visible {
186
- color: var(--#{$prefix}btn-color);
187
- }
188
-
189
- &:hover {
190
- color: var(--#{$prefix}btn-hover-color);
191
- }
192
-
193
- // No need for an active state here
194
- }
195
-
196
-
197
- //
198
- // Button Sizes
199
- //
200
-
201
- .btn-lg {
202
- @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
203
- }
204
-
205
- .btn-sm {
206
- @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
207
- }
@@ -1,239 +0,0 @@
1
- //
2
- // Base styles
3
- //
4
-
5
- .card {
6
- // scss-docs-start card-css-vars
7
- --#{$prefix}card-spacer-y: #{$card-spacer-y};
8
- --#{$prefix}card-spacer-x: #{$card-spacer-x};
9
- --#{$prefix}card-title-spacer-y: #{$card-title-spacer-y};
10
- --#{$prefix}card-title-color: #{$card-title-color};
11
- --#{$prefix}card-subtitle-color: #{$card-subtitle-color};
12
- --#{$prefix}card-border-width: #{$card-border-width};
13
- --#{$prefix}card-border-color: #{$card-border-color};
14
- --#{$prefix}card-border-radius: #{$card-border-radius};
15
- --#{$prefix}card-box-shadow: #{$card-box-shadow};
16
- --#{$prefix}card-inner-border-radius: #{$card-inner-border-radius};
17
- --#{$prefix}card-cap-padding-y: #{$card-cap-padding-y};
18
- --#{$prefix}card-cap-padding-x: #{$card-cap-padding-x};
19
- --#{$prefix}card-cap-bg: #{$card-cap-bg};
20
- --#{$prefix}card-cap-color: #{$card-cap-color};
21
- --#{$prefix}card-height: #{$card-height};
22
- --#{$prefix}card-color: #{$card-color};
23
- --#{$prefix}card-bg: #{$card-bg};
24
- --#{$prefix}card-img-overlay-padding: #{$card-img-overlay-padding};
25
- --#{$prefix}card-group-margin: #{$card-group-margin};
26
- // scss-docs-end card-css-vars
27
-
28
- position: relative;
29
- display: flex;
30
- flex-direction: column;
31
- min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
32
- height: var(--#{$prefix}card-height);
33
- color: var(--#{$prefix}body-color);
34
- word-wrap: break-word;
35
- background-color: var(--#{$prefix}card-bg);
36
- background-clip: border-box;
37
- border: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
38
- @include border-radius(var(--#{$prefix}card-border-radius));
39
- @include box-shadow(var(--#{$prefix}card-box-shadow));
40
-
41
- > hr {
42
- margin-right: 0;
43
- margin-left: 0;
44
- }
45
-
46
- > .list-group {
47
- border-top: inherit;
48
- border-bottom: inherit;
49
-
50
- &:first-child {
51
- border-top-width: 0;
52
- @include border-top-radius(var(--#{$prefix}card-inner-border-radius));
53
- }
54
-
55
- &:last-child {
56
- border-bottom-width: 0;
57
- @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));
58
- }
59
- }
60
-
61
- // Due to specificity of the above selector (`.card > .list-group`), we must
62
- // use a child selector here to prevent double borders.
63
- > .card-header + .list-group,
64
- > .list-group + .card-footer {
65
- border-top: 0;
66
- }
67
- }
68
-
69
- .card-body {
70
- // Enable `flex-grow: 1` for decks and groups so that card blocks take up
71
- // as much space as possible, ensuring footers are aligned to the bottom.
72
- flex: 1 1 auto;
73
- padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x);
74
- color: var(--#{$prefix}card-color);
75
- }
76
-
77
- .card-title {
78
- margin-bottom: var(--#{$prefix}card-title-spacer-y);
79
- color: var(--#{$prefix}card-title-color);
80
- }
81
-
82
- .card-subtitle {
83
- margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list
84
- margin-bottom: 0;
85
- color: var(--#{$prefix}card-subtitle-color);
86
- }
87
-
88
- .card-text:last-child {
89
- margin-bottom: 0;
90
- }
91
-
92
- .card-link {
93
- &:hover {
94
- text-decoration: if($link-hover-decoration == underline, none, null);
95
- }
96
-
97
- + .card-link {
98
- margin-left: var(--#{$prefix}card-spacer-x);
99
- }
100
- }
101
-
102
- //
103
- // Optional textual caps
104
- //
105
-
106
- .card-header {
107
- padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);
108
- margin-bottom: 0; // Removes the default margin-bottom of <hN>
109
- color: var(--#{$prefix}card-cap-color);
110
- background-color: var(--#{$prefix}card-cap-bg);
111
- border-bottom: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
112
-
113
- &:first-child {
114
- @include border-radius(var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius) 0 0);
115
- }
116
- }
117
-
118
- .card-footer {
119
- padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);
120
- color: var(--#{$prefix}card-cap-color);
121
- background-color: var(--#{$prefix}card-cap-bg);
122
- border-top: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
123
-
124
- &:last-child {
125
- @include border-radius(0 0 var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius));
126
- }
127
- }
128
-
129
-
130
- //
131
- // Header navs
132
- //
133
-
134
- .card-header-tabs {
135
- margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
136
- margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y)); // stylelint-disable-line function-disallowed-list
137
- margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
138
- border-bottom: 0;
139
-
140
- .nav-link.active {
141
- background-color: var(--#{$prefix}card-bg);
142
- border-bottom-color: var(--#{$prefix}card-bg);
143
- }
144
- }
145
-
146
- .card-header-pills {
147
- margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
148
- margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
149
- }
150
-
151
- // Card image
152
- .card-img-overlay {
153
- position: absolute;
154
- top: 0;
155
- right: 0;
156
- bottom: 0;
157
- left: 0;
158
- padding: var(--#{$prefix}card-img-overlay-padding);
159
- @include border-radius(var(--#{$prefix}card-inner-border-radius));
160
- }
161
-
162
- .card-img,
163
- .card-img-top,
164
- .card-img-bottom {
165
- width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
166
- }
167
-
168
- .card-img,
169
- .card-img-top {
170
- @include border-top-radius(var(--#{$prefix}card-inner-border-radius));
171
- }
172
-
173
- .card-img,
174
- .card-img-bottom {
175
- @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));
176
- }
177
-
178
-
179
- //
180
- // Card groups
181
- //
182
-
183
- .card-group {
184
- // The child selector allows nested `.card` within `.card-group`
185
- // to display properly.
186
- > .card {
187
- margin-bottom: var(--#{$prefix}card-group-margin);
188
- }
189
-
190
- @include media-breakpoint-up(sm) {
191
- display: flex;
192
- flex-flow: row wrap;
193
- // The child selector allows nested `.card` within `.card-group`
194
- // to display properly.
195
- > .card {
196
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
197
- flex: 1 0 0%;
198
- margin-bottom: 0;
199
-
200
- + .card {
201
- margin-left: 0;
202
- border-left: 0;
203
- }
204
-
205
- // Handle rounded corners
206
- @if $enable-rounded {
207
- &:not(:last-child) {
208
- @include border-end-radius(0);
209
-
210
- .card-img-top,
211
- .card-header {
212
- // stylelint-disable-next-line property-disallowed-list
213
- border-top-right-radius: 0;
214
- }
215
- .card-img-bottom,
216
- .card-footer {
217
- // stylelint-disable-next-line property-disallowed-list
218
- border-bottom-right-radius: 0;
219
- }
220
- }
221
-
222
- &:not(:first-child) {
223
- @include border-start-radius(0);
224
-
225
- .card-img-top,
226
- .card-header {
227
- // stylelint-disable-next-line property-disallowed-list
228
- border-top-left-radius: 0;
229
- }
230
- .card-img-bottom,
231
- .card-footer {
232
- // stylelint-disable-next-line property-disallowed-list
233
- border-bottom-left-radius: 0;
234
- }
235
- }
236
- }
237
- }
238
- }
239
- }