viniBaxter-spa_landing 31.0.0 → 32.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (93) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/sass/{spa_landing-nav.scss → spa_landing-creative-nav.scss} +1 -4
  3. data/lib/viniBaxter/sass/{spa_landing-basic-nav.scss → spa_landing-initial-nav.scss} +1 -4
  4. data/lib/viniBaxter/spa_landing/version.rb +1 -1
  5. metadata +4 -92
  6. data/lib/viniBaxter/sass/bootstrap/_alert.scss +0 -51
  7. data/lib/viniBaxter/sass/bootstrap/_badge.scss +0 -54
  8. data/lib/viniBaxter/sass/bootstrap/_breadcrumb.scss +0 -44
  9. data/lib/viniBaxter/sass/bootstrap/_button-group.scss +0 -163
  10. data/lib/viniBaxter/sass/bootstrap/_buttons.scss +0 -210
  11. data/lib/viniBaxter/sass/bootstrap/_card.scss +0 -287
  12. data/lib/viniBaxter/sass/bootstrap/_carousel.scss +0 -197
  13. data/lib/viniBaxter/sass/bootstrap/_close.scss +0 -40
  14. data/lib/viniBaxter/sass/bootstrap/_code.scss +0 -48
  15. data/lib/viniBaxter/sass/bootstrap/_custom-forms.scss +0 -556
  16. data/lib/viniBaxter/sass/bootstrap/_dropdown.scss +0 -192
  17. data/lib/viniBaxter/sass/bootstrap/_forms.scss +0 -364
  18. data/lib/viniBaxter/sass/bootstrap/_grid.scss +0 -86
  19. data/lib/viniBaxter/sass/bootstrap/_images.scss +0 -42
  20. data/lib/viniBaxter/sass/bootstrap/_input-group.scss +0 -192
  21. data/lib/viniBaxter/sass/bootstrap/_jumbotron.scss +0 -17
  22. data/lib/viniBaxter/sass/bootstrap/_list-group.scss +0 -154
  23. data/lib/viniBaxter/sass/bootstrap/_media.scss +0 -8
  24. data/lib/viniBaxter/sass/bootstrap/_mixins.scss +0 -47
  25. data/lib/viniBaxter/sass/bootstrap/_modal.scss +0 -240
  26. data/lib/viniBaxter/sass/bootstrap/_nav.scss +0 -123
  27. data/lib/viniBaxter/sass/bootstrap/_navbar.scss +0 -318
  28. data/lib/viniBaxter/sass/bootstrap/_pagination.scss +0 -74
  29. data/lib/viniBaxter/sass/bootstrap/_popover.scss +0 -170
  30. data/lib/viniBaxter/sass/bootstrap/_print.scss +0 -141
  31. data/lib/viniBaxter/sass/bootstrap/_progress.scss +0 -47
  32. data/lib/viniBaxter/sass/bootstrap/_reboot.scss +0 -498
  33. data/lib/viniBaxter/sass/bootstrap/_root.scss +0 -20
  34. data/lib/viniBaxter/sass/bootstrap/_spinners.scss +0 -56
  35. data/lib/viniBaxter/sass/bootstrap/_tables.scss +0 -185
  36. data/lib/viniBaxter/sass/bootstrap/_toasts.scss +0 -46
  37. data/lib/viniBaxter/sass/bootstrap/_tooltip.scss +0 -115
  38. data/lib/viniBaxter/sass/bootstrap/_transitions.scss +0 -20
  39. data/lib/viniBaxter/sass/bootstrap/_type.scss +0 -149
  40. data/lib/viniBaxter/sass/bootstrap/_utilities.scss +0 -18
  41. data/lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss +0 -29
  42. data/lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss +0 -12
  43. data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -42
  44. data/lib/viniBaxter/sass/bootstrap/mixins/_alert.scss +0 -13
  45. data/lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss +0 -23
  46. data/lib/viniBaxter/sass/bootstrap/mixins/_badge.scss +0 -17
  47. data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +0 -76
  48. data/lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss +0 -20
  49. data/lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss +0 -123
  50. data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -153
  51. data/lib/viniBaxter/sass/bootstrap/mixins/_caret.scss +0 -62
  52. data/lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss +0 -7
  53. data/lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss +0 -10
  54. data/lib/viniBaxter/sass/bootstrap/mixins/_float.scss +0 -14
  55. data/lib/viniBaxter/sass/bootstrap/mixins/_forms.scss +0 -178
  56. data/lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss +0 -45
  57. data/lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss +0 -80
  58. data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +0 -72
  59. data/lib/viniBaxter/sass/bootstrap/mixins/_hover.scss +0 -37
  60. data/lib/viniBaxter/sass/bootstrap/mixins/_image.scss +0 -36
  61. data/lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss +0 -21
  62. data/lib/viniBaxter/sass/bootstrap/mixins/_lists.scss +0 -7
  63. data/lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss +0 -11
  64. data/lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss +0 -22
  65. data/lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss +0 -17
  66. data/lib/viniBaxter/sass/bootstrap/mixins/_resize.scss +0 -6
  67. data/lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss +0 -34
  68. data/lib/viniBaxter/sass/bootstrap/mixins/_size.scss +0 -7
  69. data/lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss +0 -39
  70. data/lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss +0 -17
  71. data/lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss +0 -11
  72. data/lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss +0 -8
  73. data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +0 -26
  74. data/lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss +0 -8
  75. data/lib/viniBaxter/sass/bootstrap/utilities/_align.scss +0 -8
  76. data/lib/viniBaxter/sass/bootstrap/utilities/_background.scss +0 -19
  77. data/lib/viniBaxter/sass/bootstrap/utilities/_borders.scss +0 -75
  78. data/lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss +0 -3
  79. data/lib/viniBaxter/sass/bootstrap/utilities/_display.scss +0 -26
  80. data/lib/viniBaxter/sass/bootstrap/utilities/_embed.scss +0 -39
  81. data/lib/viniBaxter/sass/bootstrap/utilities/_flex.scss +0 -51
  82. data/lib/viniBaxter/sass/bootstrap/utilities/_float.scss +0 -11
  83. data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +0 -5
  84. data/lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss +0 -5
  85. data/lib/viniBaxter/sass/bootstrap/utilities/_position.scss +0 -34
  86. data/lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss +0 -11
  87. data/lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss +0 -6
  88. data/lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss +0 -20
  89. data/lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss +0 -73
  90. data/lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss +0 -19
  91. data/lib/viniBaxter/sass/bootstrap/utilities/_text.scss +0 -72
  92. data/lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss +0 -13
  93. data/lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss +0 -204
@@ -1,149 +0,0 @@
1
- // stylelint-disable declaration-no-important, selector-list-comma-newline-after
2
-
3
- //
4
- // Headings
5
- //
6
-
7
- h1,
8
- h2,
9
- h3,
10
- h4,
11
- h5,
12
- h6,
13
- .h1,
14
- .h2,
15
- .h3,
16
- .h4,
17
- .h5,
18
- .h6 {
19
- margin-bottom: $headings-margin-bottom;
20
- font-family: $headings-font-family;
21
- font-weight: $headings-font-weight;
22
- line-height: $headings-line-height;
23
- color: $headings-color;
24
- }
25
-
26
- h1,
27
- .h1 {
28
- @include font-size($h1-font-size);
29
- }
30
- h2,
31
- .h2 {
32
- @include font-size($h2-font-size);
33
- }
34
- h3,
35
- .h3 {
36
- @include font-size($h3-font-size);
37
- }
38
- h4,
39
- .h4 {
40
- @include font-size($h4-font-size);
41
- }
42
- h5,
43
- .h5 {
44
- @include font-size($h5-font-size);
45
- }
46
- h6,
47
- .h6 {
48
- @include font-size($h6-font-size);
49
- }
50
-
51
- .lead {
52
- @include font-size($lead-font-size);
53
- font-weight: $lead-font-weight;
54
- }
55
-
56
- // Type display classes
57
- .display-1 {
58
- @include font-size($display1-size);
59
- font-weight: $display1-weight;
60
- line-height: $display-line-height;
61
- }
62
- .display-2 {
63
- @include font-size($display2-size);
64
- font-weight: $display2-weight;
65
- line-height: $display-line-height;
66
- }
67
- .display-3 {
68
- @include font-size($display3-size);
69
- font-weight: $display3-weight;
70
- line-height: $display-line-height;
71
- }
72
- .display-4 {
73
- @include font-size($display4-size);
74
- font-weight: $display4-weight;
75
- line-height: $display-line-height;
76
- }
77
-
78
- //
79
- // Horizontal rules
80
- //
81
-
82
- hr {
83
- margin-top: $hr-margin-y;
84
- margin-bottom: $hr-margin-y;
85
- border: 0;
86
- border-top: $hr-border-width solid $hr-border-color;
87
- }
88
-
89
- //
90
- // Emphasis
91
- //
92
-
93
- small,
94
- .small {
95
- @include font-size($small-font-size);
96
- font-weight: $font-weight-normal;
97
- }
98
-
99
- mark,
100
- .mark {
101
- padding: $mark-padding;
102
- background-color: $mark-bg;
103
- }
104
-
105
- //
106
- // Lists
107
- //
108
-
109
- .list-unstyled {
110
- @include list-unstyled();
111
- }
112
-
113
- // Inline turns list items into inline-block
114
- .list-inline {
115
- @include list-unstyled();
116
- }
117
- .list-inline-item {
118
- display: inline-block;
119
-
120
- &:not(:last-child) {
121
- margin-right: $list-inline-padding;
122
- }
123
- }
124
-
125
- //
126
- // Misc
127
- //
128
-
129
- // Builds on `abbr`
130
- .initialism {
131
- @include font-size(90%);
132
- text-transform: uppercase;
133
- }
134
-
135
- // Blockquotes
136
- .blockquote {
137
- margin-bottom: $spacer;
138
- @include font-size($blockquote-font-size);
139
- }
140
-
141
- .blockquote-footer {
142
- display: block;
143
- @include font-size($blockquote-small-font-size);
144
- color: $blockquote-small-color;
145
-
146
- &::before {
147
- content: '\2014\00A0'; // em dash, nbsp
148
- }
149
- }
@@ -1,18 +0,0 @@
1
- @import "utilities/align";
2
- @import "utilities/background";
3
- @import "utilities/borders";
4
- @import "utilities/clearfix";
5
- @import "utilities/display";
6
- @import "utilities/embed";
7
- @import "utilities/flex";
8
- @import "utilities/float";
9
- @import "utilities/interactions";
10
- @import "utilities/overflow";
11
- @import "utilities/position";
12
- @import "utilities/screenreaders";
13
- @import "utilities/shadows";
14
- @import "utilities/sizing";
15
- @import "utilities/spacing";
16
- @import "utilities/stretched-link";
17
- @import "utilities/text";
18
- @import "utilities/visibility";
@@ -1,29 +0,0 @@
1
- /*!
2
- * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
3
- * Copyright 2011-2020 The Bootstrap Authors
4
- * Copyright 2011-2020 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- html {
9
- box-sizing: border-box;
10
- -ms-overflow-style: scrollbar;
11
- }
12
-
13
- *,
14
- *::before,
15
- *::after {
16
- box-sizing: inherit;
17
- }
18
-
19
- @import "functions";
20
- @import "variables";
21
-
22
- @import "mixins/breakpoints";
23
- @import "mixins/grid-framework";
24
- @import "mixins/grid";
25
-
26
- @import "grid";
27
- @import "utilities/display";
28
- @import "utilities/flex";
29
- @import "utilities/spacing";
@@ -1,12 +0,0 @@
1
- /*!
2
- * Bootstrap Reboot v4.5.2 (https://getbootstrap.com/)
3
- * Copyright 2011-2020 The Bootstrap Authors
4
- * Copyright 2011-2020 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
- */
8
-
9
- @import "functions";
10
- @import "variables";
11
- @import "mixins";
12
- @import "reboot";
@@ -1,42 +0,0 @@
1
- /*!
2
- * Bootstrap v4.5.2 (https://getbootstrap.com/)
3
- * Copyright 2011-2020 The Bootstrap Authors
4
- * Copyright 2011-2020 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
- */
7
-
8
- @import 'mixins';
9
- @import 'root';
10
- @import 'reboot';
11
- @import 'type';
12
- @import 'images';
13
- @import 'code';
14
- @import 'grid';
15
- @import 'tables';
16
- @import 'forms';
17
- @import 'buttons';
18
- @import 'transitions';
19
- @import 'dropdown';
20
- @import 'button-group';
21
- @import 'input-group';
22
- @import 'custom-forms';
23
- @import 'nav';
24
- @import 'navbar';
25
- @import 'card';
26
- @import 'breadcrumb';
27
- @import 'pagination';
28
- @import 'badge';
29
- // @import 'jumbotron';
30
- @import 'alert';
31
- @import 'progress';
32
- @import 'media';
33
- @import 'list-group';
34
- @import 'close';
35
- @import 'toasts';
36
- @import 'modal';
37
- @import 'tooltip';
38
- @import 'popover';
39
- @import 'carousel';
40
- @import 'spinners';
41
- @import 'utilities';
42
- @import 'print';
@@ -1,13 +0,0 @@
1
- @mixin alert-variant($background, $border, $color) {
2
- color: $color;
3
- @include gradient-bg($background);
4
- border-color: $border;
5
-
6
- hr {
7
- border-top-color: darken($border, 5%);
8
- }
9
-
10
- .alert-link {
11
- color: darken($color, 10%);
12
- }
13
- }
@@ -1,23 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Contextual backgrounds
4
-
5
- @mixin bg-variant($parent, $color, $ignore-warning: false) {
6
- #{$parent} {
7
- background-color: $color !important;
8
- }
9
- a#{$parent},
10
- button#{$parent} {
11
- @include hover-focus() {
12
- background-color: darken($color, 10%) !important;
13
- }
14
- }
15
- @include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
16
- }
17
-
18
- @mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
19
- #{$parent} {
20
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
21
- }
22
- @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
23
- }
@@ -1,17 +0,0 @@
1
- @mixin badge-variant($bg) {
2
- color: color-yiq($bg);
3
- background-color: $bg;
4
-
5
- @at-root a#{&} {
6
- @include hover-focus() {
7
- color: color-yiq($bg);
8
- background-color: darken($bg, 10%);
9
- }
10
-
11
- &:focus,
12
- &.focus {
13
- outline: 0;
14
- box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
15
- }
16
- }
17
- }
@@ -1,76 +0,0 @@
1
- // stylelint-disable property-blacklist
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
- @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
18
- @if $enable-rounded {
19
- border-radius: valid-radius($radius);
20
- }
21
- @else if $fallback-border-radius != false {
22
- border-radius: $fallback-border-radius;
23
- }
24
- }
25
-
26
- @mixin border-top-radius($radius) {
27
- @if $enable-rounded {
28
- border-top-left-radius: valid-radius($radius);
29
- border-top-right-radius: valid-radius($radius);
30
- }
31
- }
32
-
33
- @mixin border-right-radius($radius) {
34
- @if $enable-rounded {
35
- border-top-right-radius: valid-radius($radius);
36
- border-bottom-right-radius: valid-radius($radius);
37
- }
38
- }
39
-
40
- @mixin border-bottom-radius($radius) {
41
- @if $enable-rounded {
42
- border-bottom-right-radius: valid-radius($radius);
43
- border-bottom-left-radius: valid-radius($radius);
44
- }
45
- }
46
-
47
- @mixin border-left-radius($radius) {
48
- @if $enable-rounded {
49
- border-top-left-radius: valid-radius($radius);
50
- border-bottom-left-radius: valid-radius($radius);
51
- }
52
- }
53
-
54
- @mixin border-top-left-radius($radius) {
55
- @if $enable-rounded {
56
- border-top-left-radius: valid-radius($radius);
57
- }
58
- }
59
-
60
- @mixin border-top-right-radius($radius) {
61
- @if $enable-rounded {
62
- border-top-right-radius: valid-radius($radius);
63
- }
64
- }
65
-
66
- @mixin border-bottom-right-radius($radius) {
67
- @if $enable-rounded {
68
- border-bottom-right-radius: valid-radius($radius);
69
- }
70
- }
71
-
72
- @mixin border-bottom-left-radius($radius) {
73
- @if $enable-rounded {
74
- border-bottom-left-radius: valid-radius($radius);
75
- }
76
- }
@@ -1,20 +0,0 @@
1
- @mixin box-shadow($shadow...) {
2
- @if $enable-shadows {
3
- $result: ();
4
-
5
- @if (length($shadow) == 1) {
6
- // We can pass `@include box-shadow(none);`
7
- $result: $shadow;
8
- } @else {
9
- // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
10
- @for $i from 1 through length($shadow) {
11
- @if nth($shadow, $i) != "none" {
12
- $result: append($result, nth($shadow, $i), "comma");
13
- }
14
- }
15
- }
16
- @if (length($result) > 0) {
17
- box-shadow: $result;
18
- }
19
- }
20
- }
@@ -1,123 +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)
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))
14
- // md
15
- // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16
- // md
17
- @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
- $n: index($breakpoint-names, $name);
19
- @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
20
- }
21
-
22
- // Minimum breakpoint width. Null for the smallest (first) breakpoint.
23
- //
24
- // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
25
- // 576px
26
- @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
27
- $min: map-get($breakpoints, $name);
28
- @return if($min != 0, $min, null);
29
- }
30
-
31
- // Maximum breakpoint width. Null for the largest (last) breakpoint.
32
- // The maximum value is calculated as the minimum of the next one less 0.02px
33
- // to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
34
- // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
35
- // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
36
- // See https://bugs.webkit.org/show_bug.cgi?id=178261
37
- //
38
- // >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
39
- // 767.98px
40
- @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
41
- $next: breakpoint-next($name, $breakpoints);
42
- @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
43
- }
44
-
45
- // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
46
- // Useful for making responsive utilities.
47
- //
48
- // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
49
- // "" (Returns a blank string)
50
- // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
51
- // "-sm"
52
- @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
53
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
54
- }
55
-
56
- // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
57
- // Makes the @content apply to the given breakpoint and wider.
58
- @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
59
- $min: breakpoint-min($name, $breakpoints);
60
- @if $min {
61
- @media (min-width: $min) {
62
- @content;
63
- }
64
- } @else {
65
- @content;
66
- }
67
- }
68
-
69
- // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
70
- // Makes the @content apply to the given breakpoint and narrower.
71
- @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
72
- $max: breakpoint-max($name, $breakpoints);
73
- @if $max {
74
- @media (max-width: $max) {
75
- @content;
76
- }
77
- } @else {
78
- @content;
79
- }
80
- }
81
-
82
- // Media that spans multiple breakpoint widths.
83
- // Makes the @content apply between the min and max breakpoints
84
- @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
85
- $min: breakpoint-min($lower, $breakpoints);
86
- $max: breakpoint-max($upper, $breakpoints);
87
-
88
- @if $min != null and $max != null {
89
- @media (min-width: $min) and (max-width: $max) {
90
- @content;
91
- }
92
- } @else if $max == null {
93
- @include media-breakpoint-up($lower, $breakpoints) {
94
- @content;
95
- }
96
- } @else if $min == null {
97
- @include media-breakpoint-down($upper, $breakpoints) {
98
- @content;
99
- }
100
- }
101
- }
102
-
103
- // Media between the breakpoint's minimum and maximum widths.
104
- // No minimum for the smallest breakpoint, and no maximum for the largest one.
105
- // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
106
- @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
107
- $min: breakpoint-min($name, $breakpoints);
108
- $max: breakpoint-max($name, $breakpoints);
109
-
110
- @if $min != null and $max != null {
111
- @media (min-width: $min) and (max-width: $max) {
112
- @content;
113
- }
114
- } @else if $max == null {
115
- @include media-breakpoint-up($name, $breakpoints) {
116
- @content;
117
- }
118
- } @else if $min == null {
119
- @include media-breakpoint-down($name, $breakpoints) {
120
- @content;
121
- }
122
- }
123
- }