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,71 +0,0 @@
1
- // Select
2
- //
3
- // Replaces the browser default select with a custom one, mostly pulled from
4
- // https://primer.github.io/.
5
-
6
- .form-select {
7
- display: block;
8
- width: 100%;
9
- padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
10
- -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
11
- font-family: $form-select-font-family;
12
- @include font-size($form-select-font-size);
13
- font-weight: $form-select-font-weight;
14
- line-height: $form-select-line-height;
15
- color: $form-select-color;
16
- background-color: $form-select-bg;
17
- background-image: escape-svg($form-select-indicator);
18
- background-repeat: no-repeat;
19
- background-position: $form-select-bg-position;
20
- background-size: $form-select-bg-size;
21
- border: $form-select-border-width solid $form-select-border-color;
22
- @include border-radius($form-select-border-radius, 0);
23
- @include box-shadow($form-select-box-shadow);
24
- @include transition($form-select-transition);
25
- appearance: none;
26
-
27
- &:focus {
28
- border-color: $form-select-focus-border-color;
29
- outline: 0;
30
- @if $enable-shadows {
31
- @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
32
- } @else {
33
- // Avoid using mixin so we can pass custom focus shadow properly
34
- box-shadow: $form-select-focus-box-shadow;
35
- }
36
- }
37
-
38
- &[multiple],
39
- &[size]:not([size="1"]) {
40
- padding-right: $form-select-padding-x;
41
- background-image: none;
42
- }
43
-
44
- &:disabled {
45
- color: $form-select-disabled-color;
46
- background-color: $form-select-disabled-bg;
47
- border-color: $form-select-disabled-border-color;
48
- }
49
-
50
- // Remove outline from select box in FF
51
- &:-moz-focusring {
52
- color: transparent;
53
- text-shadow: 0 0 0 $form-select-color;
54
- }
55
- }
56
-
57
- .form-select-sm {
58
- padding-top: $form-select-padding-y-sm;
59
- padding-bottom: $form-select-padding-y-sm;
60
- padding-left: $form-select-padding-x-sm;
61
- @include font-size($form-select-font-size-sm);
62
- @include border-radius($form-select-border-radius-sm);
63
- }
64
-
65
- .form-select-lg {
66
- padding-top: $form-select-padding-y-lg;
67
- padding-bottom: $form-select-padding-y-lg;
68
- padding-left: $form-select-padding-x-lg;
69
- @include font-size($form-select-font-size-lg);
70
- @include border-radius($form-select-border-radius-lg);
71
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Form text
3
- //
4
-
5
- .form-text {
6
- margin-top: $form-text-margin-top;
7
- @include font-size($form-text-font-size);
8
- font-style: $form-text-font-style;
9
- font-weight: $form-text-font-weight;
10
- color: $form-text-color;
11
- }
@@ -1,132 +0,0 @@
1
- //
2
- // Base styles
3
- //
4
-
5
- .input-group {
6
- position: relative;
7
- display: flex;
8
- flex-wrap: wrap; // For form validation feedback
9
- align-items: stretch;
10
- width: 100%;
11
-
12
- > .form-control,
13
- > .form-select,
14
- > .form-floating {
15
- position: relative; // For focus state's z-index
16
- flex: 1 1 auto;
17
- width: 1%;
18
- min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
19
- }
20
-
21
- // Bring the "active" form control to the top of surrounding elements
22
- > .form-control:focus,
23
- > .form-select:focus,
24
- > .form-floating:focus-within {
25
- z-index: 5;
26
- }
27
-
28
- // Ensure buttons are always above inputs for more visually pleasing borders.
29
- // This isn't needed for `.input-group-text` since it shares the same border-color
30
- // as our inputs.
31
- .btn {
32
- position: relative;
33
- z-index: 2;
34
-
35
- &:focus {
36
- z-index: 5;
37
- }
38
- }
39
- }
40
-
41
-
42
- // Textual addons
43
- //
44
- // Serves as a catch-all element for any text or radio/checkbox input you wish
45
- // to prepend or append to an input.
46
-
47
- .input-group-text {
48
- display: flex;
49
- align-items: center;
50
- padding: $input-group-addon-padding-y $input-group-addon-padding-x;
51
- @include font-size($input-font-size); // Match inputs
52
- font-weight: $input-group-addon-font-weight;
53
- line-height: $input-line-height;
54
- color: $input-group-addon-color;
55
- text-align: center;
56
- white-space: nowrap;
57
- background-color: $input-group-addon-bg;
58
- border: $input-border-width solid $input-group-addon-border-color;
59
- @include border-radius($input-border-radius);
60
- }
61
-
62
-
63
- // Sizing
64
- //
65
- // Remix the default form control sizing classes into new ones for easier
66
- // manipulation.
67
-
68
- .input-group-lg > .form-control,
69
- .input-group-lg > .form-select,
70
- .input-group-lg > .input-group-text,
71
- .input-group-lg > .btn {
72
- padding: $input-padding-y-lg $input-padding-x-lg;
73
- @include font-size($input-font-size-lg);
74
- @include border-radius($input-border-radius-lg);
75
- }
76
-
77
- .input-group-sm > .form-control,
78
- .input-group-sm > .form-select,
79
- .input-group-sm > .input-group-text,
80
- .input-group-sm > .btn {
81
- padding: $input-padding-y-sm $input-padding-x-sm;
82
- @include font-size($input-font-size-sm);
83
- @include border-radius($input-border-radius-sm);
84
- }
85
-
86
- .input-group-lg > .form-select,
87
- .input-group-sm > .form-select {
88
- padding-right: $form-select-padding-x + $form-select-indicator-padding;
89
- }
90
-
91
-
92
- // Rounded corners
93
- //
94
- // These rulesets must come after the sizing ones to properly override sm and lg
95
- // border-radius values when extending. They're more specific than we'd like
96
- // with the `.input-group >` part, but without it, we cannot override the sizing.
97
-
98
- // stylelint-disable-next-line no-duplicate-selectors
99
- .input-group {
100
- &:not(.has-validation) {
101
- > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
102
- > .dropdown-toggle:nth-last-child(n + 3),
103
- > .form-floating:not(:last-child) > .form-control,
104
- > .form-floating:not(:last-child) > .form-select {
105
- @include border-end-radius(0);
106
- }
107
- }
108
-
109
- &.has-validation {
110
- > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
111
- > .dropdown-toggle:nth-last-child(n + 4),
112
- > .form-floating:nth-last-child(n + 3) > .form-control,
113
- > .form-floating:nth-last-child(n + 3) > .form-select {
114
- @include border-end-radius(0);
115
- }
116
- }
117
-
118
- $validation-messages: "";
119
- @each $state in map-keys($form-validation-states) {
120
- $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)";
121
- }
122
-
123
- > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {
124
- margin-left: -$input-border-width;
125
- @include border-start-radius(0);
126
- }
127
-
128
- > .form-floating:not(:first-child) > .form-control,
129
- > .form-floating:not(:first-child) > .form-select {
130
- @include border-start-radius(0);
131
- }
132
- }
@@ -1,36 +0,0 @@
1
- //
2
- // Labels
3
- //
4
-
5
- .form-label {
6
- margin-bottom: $form-label-margin-bottom;
7
- @include font-size($form-label-font-size);
8
- font-style: $form-label-font-style;
9
- font-weight: $form-label-font-weight;
10
- color: $form-label-color;
11
- }
12
-
13
- // For use with horizontal and inline forms, when you need the label (or legend)
14
- // text to align with the form controls.
15
- .col-form-label {
16
- padding-top: add($input-padding-y, $input-border-width);
17
- padding-bottom: add($input-padding-y, $input-border-width);
18
- margin-bottom: 0; // Override the `<legend>` default
19
- @include font-size(inherit); // Override the `<legend>` default
20
- font-style: $form-label-font-style;
21
- font-weight: $form-label-font-weight;
22
- line-height: $input-line-height;
23
- color: $form-label-color;
24
- }
25
-
26
- .col-form-label-lg {
27
- padding-top: add($input-padding-y-lg, $input-border-width);
28
- padding-bottom: add($input-padding-y-lg, $input-border-width);
29
- @include font-size($input-font-size-lg);
30
- }
31
-
32
- .col-form-label-sm {
33
- padding-top: add($input-padding-y-sm, $input-border-width);
34
- padding-bottom: add($input-padding-y-sm, $input-border-width);
35
- @include font-size($input-font-size-sm);
36
- }
@@ -1,12 +0,0 @@
1
- // Form validation
2
- //
3
- // Provide feedback to users when form field values are valid or invalid. Works
4
- // primarily for client-side validation via scoped `:invalid` and `:valid`
5
- // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
6
- // server-side validation.
7
-
8
- // scss-docs-start form-validation-states-loop
9
- @each $state, $data in $form-validation-states {
10
- @include form-validation-state($state, $data...);
11
- }
12
- // scss-docs-end form-validation-states-loop
@@ -1,3 +0,0 @@
1
- .clearfix {
2
- @include clearfix();
3
- }
@@ -1,10 +0,0 @@
1
- // stylelint-disable function-name-case
2
-
3
- // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
4
- @each $color, $value in $theme-colors {
5
- $color-rgb: to-rgb($value);
6
- .text-bg-#{$color} {
7
- color: color-contrast($value) if($enable-important-utilities, !important, null);
8
- background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
9
- }
10
- }
@@ -1,12 +0,0 @@
1
- @each $color, $value in $theme-colors {
2
- .link-#{$color} {
3
- color: $value !important; // stylelint-disable-line declaration-no-important
4
-
5
- @if $link-shade-percentage != 0 {
6
- &:hover,
7
- &:focus {
8
- color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important
9
- }
10
- }
11
- }
12
- }
@@ -1,36 +0,0 @@
1
- // Shorthand
2
-
3
- .fixed-top {
4
- position: fixed;
5
- top: 0;
6
- right: 0;
7
- left: 0;
8
- z-index: $zindex-fixed;
9
- }
10
-
11
- .fixed-bottom {
12
- position: fixed;
13
- right: 0;
14
- bottom: 0;
15
- left: 0;
16
- z-index: $zindex-fixed;
17
- }
18
-
19
- // Responsive sticky top and bottom
20
- @each $breakpoint in map-keys($grid-breakpoints) {
21
- @include media-breakpoint-up($breakpoint) {
22
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
23
-
24
- .sticky#{$infix}-top {
25
- position: sticky;
26
- top: 0;
27
- z-index: $zindex-sticky;
28
- }
29
-
30
- .sticky#{$infix}-bottom {
31
- position: sticky;
32
- bottom: 0;
33
- z-index: $zindex-sticky;
34
- }
35
- }
36
- }
@@ -1,26 +0,0 @@
1
- // Credit: Nicolas Gallagher and SUIT CSS.
2
-
3
- .ratio {
4
- position: relative;
5
- width: 100%;
6
-
7
- &::before {
8
- display: block;
9
- padding-top: var(--#{$prefix}aspect-ratio);
10
- content: "";
11
- }
12
-
13
- > * {
14
- position: absolute;
15
- top: 0;
16
- left: 0;
17
- width: 100%;
18
- height: 100%;
19
- }
20
- }
21
-
22
- @each $key, $ratio in $aspect-ratios {
23
- .ratio-#{$key} {
24
- --#{$prefix}aspect-ratio: #{$ratio};
25
- }
26
- }
@@ -1,15 +0,0 @@
1
- // scss-docs-start stacks
2
- .hstack {
3
- display: flex;
4
- flex-direction: row;
5
- align-items: center;
6
- align-self: stretch;
7
- }
8
-
9
- .vstack {
10
- display: flex;
11
- flex: 1 1 auto;
12
- flex-direction: column;
13
- align-self: stretch;
14
- }
15
- // scss-docs-end stacks
@@ -1,15 +0,0 @@
1
- //
2
- // Stretched link
3
- //
4
-
5
- .stretched-link {
6
- &::#{$stretched-link-pseudo-element} {
7
- position: absolute;
8
- top: 0;
9
- right: 0;
10
- bottom: 0;
11
- left: 0;
12
- z-index: $stretched-link-z-index;
13
- content: "";
14
- }
15
- }
@@ -1,7 +0,0 @@
1
- //
2
- // Text truncation
3
- //
4
-
5
- .text-truncate {
6
- @include text-truncate();
7
- }
@@ -1,8 +0,0 @@
1
- //
2
- // Visually hidden
3
- //
4
-
5
- .visually-hidden,
6
- .visually-hidden-focusable:not(:focus):not(:focus-within) {
7
- @include visually-hidden();
8
- }
@@ -1,8 +0,0 @@
1
- .vr {
2
- display: inline-block;
3
- align-self: stretch;
4
- width: 1px;
5
- min-height: 1em;
6
- background-color: currentcolor;
7
- opacity: $hr-opacity;
8
- }
@@ -1,15 +0,0 @@
1
- // scss-docs-start alert-variant-mixin
2
- @mixin alert-variant($background, $border, $color) {
3
- --#{$prefix}alert-color: #{$color};
4
- --#{$prefix}alert-bg: #{$background};
5
- --#{$prefix}alert-border-color: #{$border};
6
-
7
- @if $enable-gradients {
8
- background-image: var(--#{$prefix}gradient);
9
- }
10
-
11
- .alert-link {
12
- color: shade-color($color, 20%);
13
- }
14
- }
15
- // scss-docs-end alert-variant-mixin
@@ -1,14 +0,0 @@
1
- // Shared between modals and offcanvases
2
- @mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- z-index: $zindex;
7
- width: 100vw;
8
- height: 100vh;
9
- background-color: $backdrop-bg;
10
-
11
- // Fade for backdrop
12
- &.fade { opacity: 0; }
13
- &.show { opacity: $backdrop-opacity; }
14
- }
@@ -1,9 +0,0 @@
1
- @mixin bsBanner($file) {
2
- /*!
3
- * Bootstrap #{$file} v5.2.3 (https://getbootstrap.com/)
4
- * Copyright 2011-2022 The Bootstrap Authors
5
- * Copyright 2011-2022 Twitter, Inc.
6
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7
- */
8
- }
9
-
@@ -1,78 +0,0 @@
1
- // stylelint-disable property-disallowed-list
2
- // Single side border-radius
3
-
4
- // Helper function to replace negative values with 0
5
- @function valid-radius($radius) {
6
- $return: ();
7
- @each $value in $radius {
8
- @if type-of($value) == number {
9
- $return: append($return, max($value, 0));
10
- } @else {
11
- $return: append($return, $value);
12
- }
13
- }
14
- @return $return;
15
- }
16
-
17
- // scss-docs-start border-radius-mixins
18
- @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
19
- @if $enable-rounded {
20
- border-radius: valid-radius($radius);
21
- }
22
- @else if $fallback-border-radius != false {
23
- border-radius: $fallback-border-radius;
24
- }
25
- }
26
-
27
- @mixin border-top-radius($radius: $border-radius) {
28
- @if $enable-rounded {
29
- border-top-left-radius: valid-radius($radius);
30
- border-top-right-radius: valid-radius($radius);
31
- }
32
- }
33
-
34
- @mixin border-end-radius($radius: $border-radius) {
35
- @if $enable-rounded {
36
- border-top-right-radius: valid-radius($radius);
37
- border-bottom-right-radius: valid-radius($radius);
38
- }
39
- }
40
-
41
- @mixin border-bottom-radius($radius: $border-radius) {
42
- @if $enable-rounded {
43
- border-bottom-right-radius: valid-radius($radius);
44
- border-bottom-left-radius: valid-radius($radius);
45
- }
46
- }
47
-
48
- @mixin border-start-radius($radius: $border-radius) {
49
- @if $enable-rounded {
50
- border-top-left-radius: valid-radius($radius);
51
- border-bottom-left-radius: valid-radius($radius);
52
- }
53
- }
54
-
55
- @mixin border-top-start-radius($radius: $border-radius) {
56
- @if $enable-rounded {
57
- border-top-left-radius: valid-radius($radius);
58
- }
59
- }
60
-
61
- @mixin border-top-end-radius($radius: $border-radius) {
62
- @if $enable-rounded {
63
- border-top-right-radius: valid-radius($radius);
64
- }
65
- }
66
-
67
- @mixin border-bottom-end-radius($radius: $border-radius) {
68
- @if $enable-rounded {
69
- border-bottom-right-radius: valid-radius($radius);
70
- }
71
- }
72
-
73
- @mixin border-bottom-start-radius($radius: $border-radius) {
74
- @if $enable-rounded {
75
- border-bottom-left-radius: valid-radius($radius);
76
- }
77
- }
78
- // scss-docs-end border-radius-mixins
@@ -1,18 +0,0 @@
1
- @mixin box-shadow($shadow...) {
2
- @if $enable-shadows {
3
- $result: ();
4
-
5
- @each $value in $shadow {
6
- @if $value != null {
7
- $result: append($result, $value, "comma");
8
- }
9
- @if $value == none and length($shadow) > 1 {
10
- @warn "The keyword 'none' must be used as a single argument.";
11
- }
12
- }
13
-
14
- @if (length($result) > 0) {
15
- box-shadow: $result;
16
- }
17
- }
18
- }
@@ -1,127 +0,0 @@
1
- // Breakpoint viewport sizes and media queries.
2
- //
3
- // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4
- //
5
- // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)
6
- //
7
- // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8
-
9
- // Name of the next breakpoint, or null for the last breakpoint.
10
- //
11
- // >> breakpoint-next(sm)
12
- // md
13
- // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
14
- // md
15
- // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))
16
- // md
17
- @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
- $n: index($breakpoint-names, $name);
19
- @if not $n {
20
- @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
21
- }
22
- @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
23
- }
24
-
25
- // Minimum breakpoint width. Null for the smallest (first) breakpoint.
26
- //
27
- // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
28
- // 576px
29
- @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
30
- $min: map-get($breakpoints, $name);
31
- @return if($min != 0, $min, null);
32
- }
33
-
34
- // Maximum breakpoint width.
35
- // The maximum value is reduced by 0.02px to work around the limitations of
36
- // `min-` and `max-` prefixes and viewports with fractional widths.
37
- // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
38
- // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
39
- // See https://bugs.webkit.org/show_bug.cgi?id=178261
40
- //
41
- // >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
42
- // 767.98px
43
- @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
44
- $max: map-get($breakpoints, $name);
45
- @return if($max and $max > 0, $max - .02, null);
46
- }
47
-
48
- // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
49
- // Useful for making responsive utilities.
50
- //
51
- // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
52
- // "" (Returns a blank string)
53
- // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
54
- // "-sm"
55
- @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
56
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
57
- }
58
-
59
- // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
60
- // Makes the @content apply to the given breakpoint and wider.
61
- @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
62
- $min: breakpoint-min($name, $breakpoints);
63
- @if $min {
64
- @media (min-width: $min) {
65
- @content;
66
- }
67
- } @else {
68
- @content;
69
- }
70
- }
71
-
72
- // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
73
- // Makes the @content apply to the given breakpoint and narrower.
74
- @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
75
- $max: breakpoint-max($name, $breakpoints);
76
- @if $max {
77
- @media (max-width: $max) {
78
- @content;
79
- }
80
- } @else {
81
- @content;
82
- }
83
- }
84
-
85
- // Media that spans multiple breakpoint widths.
86
- // Makes the @content apply between the min and max breakpoints
87
- @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
88
- $min: breakpoint-min($lower, $breakpoints);
89
- $max: breakpoint-max($upper, $breakpoints);
90
-
91
- @if $min != null and $max != null {
92
- @media (min-width: $min) and (max-width: $max) {
93
- @content;
94
- }
95
- } @else if $max == null {
96
- @include media-breakpoint-up($lower, $breakpoints) {
97
- @content;
98
- }
99
- } @else if $min == null {
100
- @include media-breakpoint-down($upper, $breakpoints) {
101
- @content;
102
- }
103
- }
104
- }
105
-
106
- // Media between the breakpoint's minimum and maximum widths.
107
- // No minimum for the smallest breakpoint, and no maximum for the largest one.
108
- // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
109
- @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
110
- $min: breakpoint-min($name, $breakpoints);
111
- $next: breakpoint-next($name, $breakpoints);
112
- $max: breakpoint-max($next, $breakpoints);
113
-
114
- @if $min != null and $max != null {
115
- @media (min-width: $min) and (max-width: $max) {
116
- @content;
117
- }
118
- } @else if $max == null {
119
- @include media-breakpoint-up($name, $breakpoints) {
120
- @content;
121
- }
122
- } @else if $min == null {
123
- @include media-breakpoint-down($next, $breakpoints) {
124
- @content;
125
- }
126
- }
127
- }