aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss')
-rw-r--r--scss/_button-group.scss12
-rw-r--r--scss/_card.scss6
-rw-r--r--scss/_functions.scss8
-rw-r--r--scss/_navbar.scss7
-rw-r--r--scss/_reboot.scss2
-rw-r--r--scss/_variables.scss4
-rw-r--r--scss/mixins/_grid-framework.scss4
-rw-r--r--scss/mixins/_grid.scss6
-rw-r--r--scss/mixins/_hover.scss22
-rw-r--r--scss/mixins/_image.scss2
-rw-r--r--scss/mixins/_screen-reader.scss4
-rw-r--r--scss/utilities/_background.scss9
12 files changed, 48 insertions, 38 deletions
diff --git a/scss/_button-group.scss b/scss/_button-group.scss
index 406350682..189036bd3 100644
--- a/scss/_button-group.scss
+++ b/scss/_button-group.scss
@@ -152,14 +152,14 @@
&:not(:first-child):not(:last-child) {
border-radius: 0;
}
- }
- &:first-child:not(:last-child) {
- @include border-bottom-radius(0);
- }
+ &:first-child:not(:last-child) {
+ @include border-bottom-radius(0);
+ }
- &:last-child:not(:first-child) {
- @include border-top-radius(0);
+ &:last-child:not(:first-child) {
+ @include border-top-radius(0);
+ }
}
> .btn-group:not(:first-child):not(:last-child) > .btn {
diff --git a/scss/_card.scss b/scss/_card.scss
index 40fa42510..b65279478 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -207,7 +207,7 @@
}
}
- &:not(:first-child):not(:last-child) {
+ &:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
.card-img-top,
@@ -215,6 +215,10 @@
border-radius: 0;
}
}
+
+ &:only-child {
+ @include border-radius($card-border-radius);
+ }
}
}
}
diff --git a/scss/_functions.scss b/scss/_functions.scss
index a63680aa5..5d43b5708 100644
--- a/scss/_functions.scss
+++ b/scss/_functions.scss
@@ -80,11 +80,7 @@
@function theme-color-level($color-name: "primary", $level: 0) {
$color: theme-color($color-name);
$color-base: if($level > 0, #000, #fff);
+ $level: abs($level);
- @if $level < 0 {
- // Lighter values need a quick double negative for the Sass math to work
- @return mix($color-base, $color, $level * -1 * $theme-color-interval);
- } @else {
- @return mix($color-base, $color, $level * $theme-color-interval);
- }
+ @return mix($color-base, $color, $level * $theme-color-interval);
}
diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index ed49b76b9..57f96886a 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -98,6 +98,7 @@
// on the `.navbar` parent.
.navbar-collapse {
flex-basis: 100%;
+ flex-grow: 1;
// For always expanded or extra full navbars, ensure content aligns itself
// properly vertically. Can be easily overridden with flex utilities.
align-items: center;
@@ -146,8 +147,7 @@
}
@include media-breakpoint-up($next) {
- flex-direction: row;
- flex-wrap: nowrap;
+ flex-flow: row nowrap;
justify-content: flex-start;
.navbar-nav {
@@ -177,6 +177,9 @@
// scss-lint:disable ImportantRule
.navbar-collapse {
display: flex !important;
+
+ // Changes flex-bases to auto because of an IE10 bug
+ flex-basis: auto;
}
// scss-lint:enable ImportantRule
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 41f084bc4..3b55c5756 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -273,7 +273,7 @@ svg:not(:root) {
// However, they DO support removing the click delay via `touch-action: manipulation`.
// See:
// * https://getbootstrap.com/docs/4.0/content/reboot/#click-delay-optimization-for-touch
-// * http://caniuse.com/#feat=css-touch-action
+// * https://caniuse.com/#feat=css-touch-action
// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
a,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index c0b5494e6..8eebffdf8 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -407,8 +407,8 @@ $custom-radio-indicator-border-radius: 50% !default;
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
$custom-select-padding-y: .375rem !default;
-$custom-select-padding-x: .75rem !default;
-$custom-select-height: $input-height !default;
+$custom-select-padding-x: .75rem !default;
+$custom-select-height: $input-height !default;
$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
$custom-select-line-height: $input-btn-line-height !default;
$custom-select-color: $input-color !default;
diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss
index a9e7c7590..5e7d1ffb5 100644
--- a/scss/mixins/_grid-framework.scss
+++ b/scss/mixins/_grid-framework.scss
@@ -10,7 +10,7 @@
width: 100%;
min-height: 1px; // Prevent columns from collapsing when empty
padding-right: ($gutter / 2);
- padding-left: ($gutter / 2);
+ padding-left: ($gutter / 2);
}
@each $breakpoint in map-keys($breakpoints) {
@@ -56,7 +56,7 @@
@for $i from 0 through ($columns - 1) {
@if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
.offset#{$infix}-#{$i} {
- @include make-col-offset($i, $columns)
+ @include make-col-offset($i, $columns);
}
}
}
diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss
index 584c78b92..808b2cc42 100644
--- a/scss/mixins/_grid.scss
+++ b/scss/mixins/_grid.scss
@@ -7,7 +7,7 @@
margin-right: auto;
margin-left: auto;
padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
+ padding-left: ($grid-gutter-width / 2);
}
@@ -24,7 +24,7 @@
display: flex;
flex-wrap: wrap;
margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
+ margin-left: ($grid-gutter-width / -2);
}
@mixin make-col-ready() {
@@ -35,7 +35,7 @@
width: 100%;
min-height: 1px; // Prevent collapsing
padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
+ padding-left: ($grid-gutter-width / 2);
}
@mixin make-col($size, $columns: $grid-columns) {
diff --git a/scss/mixins/_hover.scss b/scss/mixins/_hover.scss
index 4aa4b1d5d..72d1804f3 100644
--- a/scss/mixins/_hover.scss
+++ b/scss/mixins/_hover.scss
@@ -9,7 +9,7 @@
// }
// @else {
// scss-lint:disable Indentation
- &:hover { @content }
+ &:hover { @content; }
// scss-lint:enable Indentation
// }
}
@@ -17,12 +17,14 @@
@mixin hover-focus {
@if $enable-hover-media-query {
- &:focus { @content }
- @include hover { @content }
+ &:focus {
+ @content;
+ }
+ @include hover { @content; }
} @else {
&:focus,
&:hover {
- @content
+ @content;
}
}
}
@@ -31,14 +33,14 @@
@if $enable-hover-media-query {
&,
&:focus {
- @content
+ @content;
}
- @include hover { @content }
+ @include hover { @content; }
} @else {
&,
&:focus,
&:hover {
- @content
+ @content;
}
}
}
@@ -47,14 +49,14 @@
@if $enable-hover-media-query {
&:focus,
&:active {
- @content
+ @content;
}
- @include hover { @content }
+ @include hover { @content; }
} @else {
&:focus,
&:active,
&:hover {
- @content
+ @content;
}
}
}
diff --git a/scss/mixins/_image.scss b/scss/mixins/_image.scss
index c2b45f2ce..fb7d95b54 100644
--- a/scss/mixins/_image.scss
+++ b/scss/mixins/_image.scss
@@ -26,7 +26,7 @@
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
// but doesn't convert dppx=>dpi.
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
- // Compatibility info: http://caniuse.com/#feat=css-media-resolution
+ // Compatibility info: https://caniuse.com/#feat=css-media-resolution
@media
only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
only screen and (min-resolution: 2dppx) { // Standardized
diff --git a/scss/mixins/_screen-reader.scss b/scss/mixins/_screen-reader.scss
index a5fa51c5c..31fb68ab9 100644
--- a/scss/mixins/_screen-reader.scss
+++ b/scss/mixins/_screen-reader.scss
@@ -1,7 +1,7 @@
// Only display content to screen readers
//
-// See: http://a11yproject.com/posts/how-to-hide-content
-// See: http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
+// See: http://a11yproject.com/posts/how-to-hide-content/
+// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
@mixin sr-only {
position: absolute;
diff --git a/scss/utilities/_background.scss b/scss/utilities/_background.scss
index 1ef34fd8e..e382d4f90 100644
--- a/scss/utilities/_background.scss
+++ b/scss/utilities/_background.scss
@@ -2,5 +2,10 @@
@include bg-variant('.bg-#{$color}', $value);
}
-.bg-white { background-color: $white !important; }
-.bg-transparent { background-color: transparent !important; }
+.bg-white {
+ background-color: $white !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}