Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap-rubygem.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGleb Mazovetskiy <glex.spb@gmail.com>2018-01-19 02:02:42 +0300
committerGleb Mazovetskiy <glex.spb@gmail.com>2018-01-19 02:02:42 +0300
commitbbb8b796ca6225ce90e53665edb4f370535c45a8 (patch)
treec72b65dc83c43851ea10e158dde77e289d33f73e /assets/stylesheets/bootstrap/mixins/_breakpoints.scss
parent176cbf4fbf07e29783b0726f8426da0a7ebe5ead (diff)
rake update[v4.0.0]
Diffstat (limited to 'assets/stylesheets/bootstrap/mixins/_breakpoints.scss')
-rw-r--r--assets/stylesheets/bootstrap/mixins/_breakpoints.scss16
1 files changed, 9 insertions, 7 deletions
diff --git a/assets/stylesheets/bootstrap/mixins/_breakpoints.scss b/assets/stylesheets/bootstrap/mixins/_breakpoints.scss
index 7c95c68..d1ad684 100644
--- a/assets/stylesheets/bootstrap/mixins/_breakpoints.scss
+++ b/assets/stylesheets/bootstrap/mixins/_breakpoints.scss
@@ -29,15 +29,17 @@
}
// Maximum breakpoint width. Null for the largest (last) breakpoint.
-// The maximum value is calculated as the minimum of the next one less 0.01px
+// The maximum value is calculated as the minimum of the next one less 0.02px
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
+// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
+// See https://bugs.webkit.org/show_bug.cgi?id=178261
//
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
-// 767px
+// 767.98px
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
$next: breakpoint-next($name, $breakpoints);
- @return if($next, breakpoint-min($next, $breakpoints) - .01px, null);
+ @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
}
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
@@ -88,11 +90,11 @@
@content;
}
} @else if $max == null {
- @include media-breakpoint-up($lower) {
+ @include media-breakpoint-up($lower, $breakpoints) {
@content;
}
} @else if $min == null {
- @include media-breakpoint-down($upper) {
+ @include media-breakpoint-down($upper, $breakpoints) {
@content;
}
}
@@ -110,11 +112,11 @@
@content;
}
} @else if $max == null {
- @include media-breakpoint-up($name) {
+ @include media-breakpoint-up($name, $breakpoints) {
@content;
}
} @else if $min == null {
- @include media-breakpoint-down($name) {
+ @include media-breakpoint-down($name, $breakpoints) {
@content;
}
}