jekyll-theme-centos 2.3.0.beta.73 → 2.3.0.beta.75

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/_data/centos/footer.yml +29 -0
  3. data/_data/centos/identity.yml +20 -0
  4. data/_data/centos/navbar.yml +71 -0
  5. data/_includes/head.html +2 -2
  6. metadata +4 -96
  7. data/_sass/bootstrap/_accordion.scss +0 -149
  8. data/_sass/bootstrap/_alert.scss +0 -71
  9. data/_sass/bootstrap/_badge.scss +0 -38
  10. data/_sass/bootstrap/_breadcrumb.scss +0 -40
  11. data/_sass/bootstrap/_button-group.scss +0 -142
  12. data/_sass/bootstrap/_buttons.scss +0 -207
  13. data/_sass/bootstrap/_card.scss +0 -234
  14. data/_sass/bootstrap/_carousel.scss +0 -226
  15. data/_sass/bootstrap/_close.scss +0 -40
  16. data/_sass/bootstrap/_containers.scss +0 -41
  17. data/_sass/bootstrap/_dropdown.scss +0 -249
  18. data/_sass/bootstrap/_forms.scss +0 -9
  19. data/_sass/bootstrap/_functions.scss +0 -302
  20. data/_sass/bootstrap/_grid.scss +0 -33
  21. data/_sass/bootstrap/_helpers.scss +0 -10
  22. data/_sass/bootstrap/_images.scss +0 -42
  23. data/_sass/bootstrap/_list-group.scss +0 -192
  24. data/_sass/bootstrap/_maps.scss +0 -54
  25. data/_sass/bootstrap/_mixins.scss +0 -43
  26. data/_sass/bootstrap/_modal.scss +0 -237
  27. data/_sass/bootstrap/_nav.scss +0 -172
  28. data/_sass/bootstrap/_navbar.scss +0 -278
  29. data/_sass/bootstrap/_offcanvas.scss +0 -144
  30. data/_sass/bootstrap/_pagination.scss +0 -109
  31. data/_sass/bootstrap/_placeholders.scss +0 -51
  32. data/_sass/bootstrap/_popover.scss +0 -196
  33. data/_sass/bootstrap/_progress.scss +0 -59
  34. data/_sass/bootstrap/_reboot.scss +0 -610
  35. data/_sass/bootstrap/_root.scss +0 -73
  36. data/_sass/bootstrap/_spinners.scss +0 -85
  37. data/_sass/bootstrap/_tables.scss +0 -164
  38. data/_sass/bootstrap/_toasts.scss +0 -73
  39. data/_sass/bootstrap/_tooltip.scss +0 -120
  40. data/_sass/bootstrap/_transitions.scss +0 -27
  41. data/_sass/bootstrap/_type.scss +0 -106
  42. data/_sass/bootstrap/_utilities.scss +0 -647
  43. data/_sass/bootstrap/_variables.scss +0 -1634
  44. data/_sass/bootstrap/bootstrap-grid.scss +0 -64
  45. data/_sass/bootstrap/bootstrap-reboot.scss +0 -9
  46. data/_sass/bootstrap/bootstrap-utilities.scss +0 -18
  47. data/_sass/bootstrap/bootstrap.scss +0 -51
  48. data/_sass/bootstrap/forms/_floating-labels.scss +0 -75
  49. data/_sass/bootstrap/forms/_form-check.scss +0 -175
  50. data/_sass/bootstrap/forms/_form-control.scss +0 -194
  51. data/_sass/bootstrap/forms/_form-range.scss +0 -91
  52. data/_sass/bootstrap/forms/_form-select.scss +0 -71
  53. data/_sass/bootstrap/forms/_form-text.scss +0 -11
  54. data/_sass/bootstrap/forms/_input-group.scss +0 -132
  55. data/_sass/bootstrap/forms/_labels.scss +0 -36
  56. data/_sass/bootstrap/forms/_validation.scss +0 -12
  57. data/_sass/bootstrap/helpers/_clearfix.scss +0 -3
  58. data/_sass/bootstrap/helpers/_color-bg.scss +0 -10
  59. data/_sass/bootstrap/helpers/_colored-links.scss +0 -12
  60. data/_sass/bootstrap/helpers/_position.scss +0 -36
  61. data/_sass/bootstrap/helpers/_ratio.scss +0 -26
  62. data/_sass/bootstrap/helpers/_stacks.scss +0 -15
  63. data/_sass/bootstrap/helpers/_stretched-link.scss +0 -15
  64. data/_sass/bootstrap/helpers/_text-truncation.scss +0 -7
  65. data/_sass/bootstrap/helpers/_visually-hidden.scss +0 -8
  66. data/_sass/bootstrap/helpers/_vr.scss +0 -8
  67. data/_sass/bootstrap/mixins/_alert.scss +0 -15
  68. data/_sass/bootstrap/mixins/_backdrop.scss +0 -14
  69. data/_sass/bootstrap/mixins/_banner.scss +0 -9
  70. data/_sass/bootstrap/mixins/_border-radius.scss +0 -78
  71. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -18
  72. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -127
  73. data/_sass/bootstrap/mixins/_buttons.scss +0 -70
  74. data/_sass/bootstrap/mixins/_caret.scss +0 -64
  75. data/_sass/bootstrap/mixins/_clearfix.scss +0 -9
  76. data/_sass/bootstrap/mixins/_color-scheme.scss +0 -7
  77. data/_sass/bootstrap/mixins/_container.scss +0 -11
  78. data/_sass/bootstrap/mixins/_deprecate.scss +0 -10
  79. data/_sass/bootstrap/mixins/_forms.scss +0 -152
  80. data/_sass/bootstrap/mixins/_gradients.scss +0 -47
  81. data/_sass/bootstrap/mixins/_grid.scss +0 -151
  82. data/_sass/bootstrap/mixins/_image.scss +0 -16
  83. data/_sass/bootstrap/mixins/_list-group.scss +0 -24
  84. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  85. data/_sass/bootstrap/mixins/_pagination.scss +0 -10
  86. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  87. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  88. data/_sass/bootstrap/mixins/_table-variants.scss +0 -24
  89. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  90. data/_sass/bootstrap/mixins/_transition.scss +0 -26
  91. data/_sass/bootstrap/mixins/_utilities.scss +0 -97
  92. data/_sass/bootstrap/mixins/_visually-hidden.scss +0 -29
  93. data/_sass/bootstrap/utilities/_api.scss +0 -47
  94. data/_sass/bootstrap/vendor/_rfs.scss +0 -354
  95. data/_sass/centos/_adjustments.scss +0 -57
  96. data/_sass/centos/_variables.scss +0 -24
  97. data/_sass/centos/sites/_lists.scss +0 -123
  98. data/default.md +0 -176
  99. data/download.md +0 -91
  100. data/index.md +0 -9
  101. data/people.md +0 -64
@@ -1,70 +0,0 @@
1
- // Button variants
2
- //
3
- // Easily pump out default styles, as well as :hover, :focus, :active,
4
- // and disabled options for all buttons
5
-
6
- // scss-docs-start btn-variant-mixin
7
- @mixin button-variant(
8
- $background,
9
- $border,
10
- $color: color-contrast($background),
11
- $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),
12
- $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),
13
- $hover-color: color-contrast($hover-background),
14
- $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),
15
- $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),
16
- $active-color: color-contrast($active-background),
17
- $disabled-background: $background,
18
- $disabled-border: $border,
19
- $disabled-color: color-contrast($disabled-background)
20
- ) {
21
- --#{$prefix}btn-color: #{$color};
22
- --#{$prefix}btn-bg: #{$background};
23
- --#{$prefix}btn-border-color: #{$border};
24
- --#{$prefix}btn-hover-color: #{$hover-color};
25
- --#{$prefix}btn-hover-bg: #{$hover-background};
26
- --#{$prefix}btn-hover-border-color: #{$hover-border};
27
- --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix($color, $border, 15%))};
28
- --#{$prefix}btn-active-color: #{$active-color};
29
- --#{$prefix}btn-active-bg: #{$active-background};
30
- --#{$prefix}btn-active-border-color: #{$active-border};
31
- --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
32
- --#{$prefix}btn-disabled-color: #{$disabled-color};
33
- --#{$prefix}btn-disabled-bg: #{$disabled-background};
34
- --#{$prefix}btn-disabled-border-color: #{$disabled-border};
35
- }
36
- // scss-docs-end btn-variant-mixin
37
-
38
- // scss-docs-start btn-outline-variant-mixin
39
- @mixin button-outline-variant(
40
- $color,
41
- $color-hover: color-contrast($color),
42
- $active-background: $color,
43
- $active-border: $color,
44
- $active-color: color-contrast($active-background)
45
- ) {
46
- --#{$prefix}btn-color: #{$color};
47
- --#{$prefix}btn-border-color: #{$color};
48
- --#{$prefix}btn-hover-color: #{$color-hover};
49
- --#{$prefix}btn-hover-bg: #{$active-background};
50
- --#{$prefix}btn-hover-border-color: #{$active-border};
51
- --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};
52
- --#{$prefix}btn-active-color: #{$active-color};
53
- --#{$prefix}btn-active-bg: #{$active-background};
54
- --#{$prefix}btn-active-border-color: #{$active-border};
55
- --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
56
- --#{$prefix}btn-disabled-color: #{$color};
57
- --#{$prefix}btn-disabled-bg: transparent;
58
- --#{$prefix}btn-disabled-border-color: #{$color};
59
- --#{$prefix}gradient: none;
60
- }
61
- // scss-docs-end btn-outline-variant-mixin
62
-
63
- // scss-docs-start btn-size-mixin
64
- @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
65
- --#{$prefix}btn-padding-y: #{$padding-y};
66
- --#{$prefix}btn-padding-x: #{$padding-x};
67
- @include rfs($font-size, --#{$prefix}btn-font-size);
68
- --#{$prefix}btn-border-radius: #{$border-radius};
69
- }
70
- // scss-docs-end btn-size-mixin
@@ -1,64 +0,0 @@
1
- // scss-docs-start caret-mixins
2
- @mixin caret-down {
3
- border-top: $caret-width solid;
4
- border-right: $caret-width solid transparent;
5
- border-bottom: 0;
6
- border-left: $caret-width solid transparent;
7
- }
8
-
9
- @mixin caret-up {
10
- border-top: 0;
11
- border-right: $caret-width solid transparent;
12
- border-bottom: $caret-width solid;
13
- border-left: $caret-width solid transparent;
14
- }
15
-
16
- @mixin caret-end {
17
- border-top: $caret-width solid transparent;
18
- border-right: 0;
19
- border-bottom: $caret-width solid transparent;
20
- border-left: $caret-width solid;
21
- }
22
-
23
- @mixin caret-start {
24
- border-top: $caret-width solid transparent;
25
- border-right: $caret-width solid;
26
- border-bottom: $caret-width solid transparent;
27
- }
28
-
29
- @mixin caret($direction: down) {
30
- @if $enable-caret {
31
- &::after {
32
- display: inline-block;
33
- margin-left: $caret-spacing;
34
- vertical-align: $caret-vertical-align;
35
- content: "";
36
- @if $direction == down {
37
- @include caret-down();
38
- } @else if $direction == up {
39
- @include caret-up();
40
- } @else if $direction == end {
41
- @include caret-end();
42
- }
43
- }
44
-
45
- @if $direction == start {
46
- &::after {
47
- display: none;
48
- }
49
-
50
- &::before {
51
- display: inline-block;
52
- margin-right: $caret-spacing;
53
- vertical-align: $caret-vertical-align;
54
- content: "";
55
- @include caret-start();
56
- }
57
- }
58
-
59
- &:empty::after {
60
- margin-left: 0;
61
- }
62
- }
63
- }
64
- // scss-docs-end caret-mixins
@@ -1,9 +0,0 @@
1
- // scss-docs-start clearfix
2
- @mixin clearfix() {
3
- &::after {
4
- display: block;
5
- clear: both;
6
- content: "";
7
- }
8
- }
9
- // scss-docs-end clearfix
@@ -1,7 +0,0 @@
1
- // scss-docs-start mixin-color-scheme
2
- @mixin color-scheme($name) {
3
- @media (prefers-color-scheme: #{$name}) {
4
- @content;
5
- }
6
- }
7
- // scss-docs-end mixin-color-scheme
@@ -1,11 +0,0 @@
1
- // Container mixins
2
-
3
- @mixin make-container($gutter: $container-padding-x) {
4
- --#{$prefix}gutter-x: #{$gutter};
5
- --#{$prefix}gutter-y: 0;
6
- width: 100%;
7
- padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
8
- padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
9
- margin-right: auto;
10
- margin-left: auto;
11
- }
@@ -1,10 +0,0 @@
1
- // Deprecate mixin
2
- //
3
- // This mixin can be used to deprecate mixins or functions.
4
- // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
5
- // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
6
- @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
7
- @if ($enable-deprecation-messages != false and $ignore-warning != true) {
8
- @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
9
- }
10
- }
@@ -1,152 +0,0 @@
1
- // This mixin uses an `if()` technique to be compatible with Dart Sass
2
- // See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details
3
-
4
- // scss-docs-start form-validation-mixins
5
- @mixin form-validation-state-selector($state) {
6
- @if ($state == "valid" or $state == "invalid") {
7
- .was-validated #{if(&, "&", "")}:#{$state},
8
- #{if(&, "&", "")}.is-#{$state} {
9
- @content;
10
- }
11
- } @else {
12
- #{if(&, "&", "")}.is-#{$state} {
13
- @content;
14
- }
15
- }
16
- }
17
-
18
- @mixin form-validation-state(
19
- $state,
20
- $color,
21
- $icon,
22
- $tooltip-color: color-contrast($color),
23
- $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
24
- $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
25
- ) {
26
- .#{$state}-feedback {
27
- display: none;
28
- width: 100%;
29
- margin-top: $form-feedback-margin-top;
30
- @include font-size($form-feedback-font-size);
31
- font-style: $form-feedback-font-style;
32
- color: $color;
33
- }
34
-
35
- .#{$state}-tooltip {
36
- position: absolute;
37
- top: 100%;
38
- z-index: 5;
39
- display: none;
40
- max-width: 100%; // Contain to parent when possible
41
- padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
42
- margin-top: .1rem;
43
- @include font-size($form-feedback-tooltip-font-size);
44
- line-height: $form-feedback-tooltip-line-height;
45
- color: $tooltip-color;
46
- background-color: $tooltip-bg-color;
47
- @include border-radius($form-feedback-tooltip-border-radius);
48
- }
49
-
50
- @include form-validation-state-selector($state) {
51
- ~ .#{$state}-feedback,
52
- ~ .#{$state}-tooltip {
53
- display: block;
54
- }
55
- }
56
-
57
- .form-control {
58
- @include form-validation-state-selector($state) {
59
- border-color: $color;
60
-
61
- @if $enable-validation-icons {
62
- padding-right: $input-height-inner;
63
- background-image: escape-svg($icon);
64
- background-repeat: no-repeat;
65
- background-position: right $input-height-inner-quarter center;
66
- background-size: $input-height-inner-half $input-height-inner-half;
67
- }
68
-
69
- &:focus {
70
- border-color: $color;
71
- box-shadow: $focus-box-shadow;
72
- }
73
- }
74
- }
75
-
76
- // stylelint-disable-next-line selector-no-qualifying-type
77
- textarea.form-control {
78
- @include form-validation-state-selector($state) {
79
- @if $enable-validation-icons {
80
- padding-right: $input-height-inner;
81
- background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
82
- }
83
- }
84
- }
85
-
86
- .form-select {
87
- @include form-validation-state-selector($state) {
88
- border-color: $color;
89
-
90
- @if $enable-validation-icons {
91
- &:not([multiple]):not([size]),
92
- &:not([multiple])[size="1"] {
93
- padding-right: $form-select-feedback-icon-padding-end;
94
- background-image: escape-svg($form-select-indicator), escape-svg($icon);
95
- background-position: $form-select-bg-position, $form-select-feedback-icon-position;
96
- background-size: $form-select-bg-size, $form-select-feedback-icon-size;
97
- }
98
- }
99
-
100
- &:focus {
101
- border-color: $color;
102
- box-shadow: $focus-box-shadow;
103
- }
104
- }
105
- }
106
-
107
- .form-control-color {
108
- @include form-validation-state-selector($state) {
109
- @if $enable-validation-icons {
110
- width: add($form-color-width, $input-height-inner);
111
- }
112
- }
113
- }
114
-
115
- .form-check-input {
116
- @include form-validation-state-selector($state) {
117
- border-color: $color;
118
-
119
- &:checked {
120
- background-color: $color;
121
- }
122
-
123
- &:focus {
124
- box-shadow: $focus-box-shadow;
125
- }
126
-
127
- ~ .form-check-label {
128
- color: $color;
129
- }
130
- }
131
- }
132
- .form-check-inline .form-check-input {
133
- ~ .#{$state}-feedback {
134
- margin-left: .5em;
135
- }
136
- }
137
-
138
- .input-group {
139
- > .form-control:not(:focus),
140
- > .form-select:not(:focus),
141
- > .form-floating:not(:focus-within) {
142
- @include form-validation-state-selector($state) {
143
- @if $state == "valid" {
144
- z-index: 3;
145
- } @else if $state == "invalid" {
146
- z-index: 4;
147
- }
148
- }
149
- }
150
- }
151
- }
152
- // scss-docs-end form-validation-mixins
@@ -1,47 +0,0 @@
1
- // Gradients
2
-
3
- // scss-docs-start gradient-bg-mixin
4
- @mixin gradient-bg($color: null) {
5
- background-color: $color;
6
-
7
- @if $enable-gradients {
8
- background-image: var(--#{$prefix}gradient);
9
- }
10
- }
11
- // scss-docs-end gradient-bg-mixin
12
-
13
- // scss-docs-start gradient-mixins
14
- // Horizontal gradient, from left to right
15
- //
16
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
17
- @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
18
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
19
- }
20
-
21
- // Vertical gradient, from top to bottom
22
- //
23
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
24
- @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {
25
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
26
- }
27
-
28
- @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
29
- background-image: linear-gradient($deg, $start-color, $end-color);
30
- }
31
-
32
- @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
33
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
34
- }
35
-
36
- @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
37
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
38
- }
39
-
40
- @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
41
- background-image: radial-gradient(circle, $inner-color, $outer-color);
42
- }
43
-
44
- @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
45
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
46
- }
47
- // scss-docs-end gradient-mixins
@@ -1,151 +0,0 @@
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: divide(100%, $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 and 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
- }
@@ -1,16 +0,0 @@
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
- }
@@ -1,24 +0,0 @@
1
- // List Groups
2
-
3
- // scss-docs-start list-group-mixin
4
- @mixin list-group-item-variant($state, $background, $color) {
5
- .list-group-item-#{$state} {
6
- color: $color;
7
- background-color: $background;
8
-
9
- &.list-group-item-action {
10
- &:hover,
11
- &:focus {
12
- color: $color;
13
- background-color: shade-color($background, 10%);
14
- }
15
-
16
- &.active {
17
- color: $white;
18
- background-color: $color;
19
- border-color: $color;
20
- }
21
- }
22
- }
23
- }
24
- // scss-docs-end list-group-mixin
@@ -1,7 +0,0 @@
1
- // Lists
2
-
3
- // Unstyled keeps list items block level, just removes default browser padding and list-style
4
- @mixin list-unstyled {
5
- padding-left: 0;
6
- list-style: none;
7
- }
@@ -1,10 +0,0 @@
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
@@ -1,17 +0,0 @@
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
- }
@@ -1,6 +0,0 @@
1
- // Resize anything
2
-
3
- @mixin resizable($direction) {
4
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5
- resize: $direction; // Options: horizontal, vertical, both
6
- }
@@ -1,24 +0,0 @@
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
@@ -1,8 +0,0 @@
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
- }
@@ -1,26 +0,0 @@
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
- }