From ae784c9521101c391ecc98e906ddf18e6aeb459b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Sep 2016 22:15:34 -0700 Subject: Rename margin and padding utilities from .{property}-{side} to .{property}{side} without the extra dash --- scss/utilities/_spacing.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'scss') diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss index b7ff044b6..c81a6aa88 100644 --- a/scss/utilities/_spacing.scss +++ b/scss/utilities/_spacing.scss @@ -4,7 +4,7 @@ // Margin and Padding -.m-x-auto { +.mx-auto { margin-right: auto !important; margin-left: auto !important; } @@ -14,18 +14,18 @@ $length-x: map-get($lengths, x); $length-y: map-get($lengths, y); - .#{$abbrev}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides - .#{$abbrev}-t-#{$size} { #{$prop}-top: $length-y !important; } - .#{$abbrev}-r-#{$size} { #{$prop}-right: $length-x !important; } - .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; } - .#{$abbrev}-l-#{$size} { #{$prop}-left: $length-x !important; } + .#{$abbrev}-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides + .#{$abbrev}t-#{$size} { #{$prop}-top: $length-y !important; } + .#{$abbrev}r-#{$size} { #{$prop}-right: $length-x !important; } + .#{$abbrev}b-#{$size} { #{$prop}-bottom: $length-y !important; } + .#{$abbrev}l-#{$size} { #{$prop}-left: $length-x !important; } // Axes - .#{$abbrev}-x-#{$size} { + .#{$abbrev}x-#{$size} { #{$prop}-right: $length-x !important; #{$prop}-left: $length-x !important; } - .#{$abbrev}-y-#{$size} { + .#{$abbrev}y-#{$size} { #{$prop}-top: $length-y !important; #{$prop}-bottom: $length-y !important; } -- cgit v1.2.3 From a96038b50aaa201271383c95bb117c14f3bc5efb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Sep 2016 22:18:40 -0700 Subject: Revamp background utilities and add new .text-white utility - Rather than mix multiple properties in our color utilities, this splits all color and all background utils into separate classes. - Adds new .text-white class to help lighten text color for darker backgrounds --- scss/mixins/_background-variant.scss | 1 - scss/utilities/_text.scss | 4 ++++ 2 files changed, 4 insertions(+), 1 deletion(-) (limited to 'scss') diff --git a/scss/mixins/_background-variant.scss b/scss/mixins/_background-variant.scss index ff21ad958..54a734dcc 100644 --- a/scss/mixins/_background-variant.scss +++ b/scss/mixins/_background-variant.scss @@ -2,7 +2,6 @@ @mixin bg-variant($parent, $color) { #{$parent} { - color: #fff !important; background-color: $color !important; } a#{$parent} { diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss index 901f77144..a12f9a178 100644 --- a/scss/utilities/_text.scss +++ b/scss/utilities/_text.scss @@ -32,6 +32,10 @@ // Contextual colors +.text-white { + color: #fff !important; +} + @include text-emphasis-variant('.text-muted', $text-muted); @include text-emphasis-variant('.text-primary', $brand-primary); -- cgit v1.2.3 From 25b718e5fd7c5de7dd3c5b05e3ae35eee9bf6e08 Mon Sep 17 00:00:00 2001 From: judetucker Date: Mon, 25 Jul 2016 21:06:07 -0700 Subject: resolves #20266 --- scss/_images.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'scss') diff --git a/scss/_images.scss b/scss/_images.scss index 989426999..ba82c2119 100644 --- a/scss/_images.scss +++ b/scss/_images.scss @@ -10,7 +10,7 @@ } // Rounded corners -.img-rounded { +.rounded { @include border-radius($border-radius-lg); } -- cgit v1.2.3 From 91992ac70a7fe9e9411580d0857132f57be59e5d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Sep 2016 23:21:40 -0700 Subject: Add new border utils - Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle - Add new .rounded-{direction} utils - New docs pages for border utils with TBD comments for the border property - Removes most image examples for rounding from the content/images docs in favor of new docs page --- scss/_images.scss | 9 --------- scss/_utilities.scss | 1 + scss/utilities/_borders.scss | 30 ++++++++++++++++++++++++++++++ 3 files changed, 31 insertions(+), 9 deletions(-) create mode 100644 scss/utilities/_borders.scss (limited to 'scss') diff --git a/scss/_images.scss b/scss/_images.scss index ba82c2119..3ca811ecd 100644 --- a/scss/_images.scss +++ b/scss/_images.scss @@ -9,10 +9,6 @@ @include img-fluid(); } -// Rounded corners -.rounded { - @include border-radius($border-radius-lg); -} // Image thumbnails .img-thumbnail { @@ -27,11 +23,6 @@ @include img-fluid(inline-block); } -// Perfect circle -.img-circle { - border-radius: 50%; -} - // // Figures // diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 87b8ba6da..8d9ff7cec 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -1,4 +1,5 @@ @import "utilities/background"; +@import "utilities/borders"; @import "utilities/clearfix"; @import "utilities/display"; @import "utilities/flex"; diff --git a/scss/utilities/_borders.scss b/scss/utilities/_borders.scss new file mode 100644 index 000000000..b2e70aaf5 --- /dev/null +++ b/scss/utilities/_borders.scss @@ -0,0 +1,30 @@ +// +// Border-width +// + +// TBD...? + + +// +// Border-radius +// + +.rounded { + @include border-radius($border-radius); +} +.rounded-top { + @include border-top-radius($border-radius); +} +.rounded-right { + @include border-right-radius($border-radius); +} +.rounded-bottom { + @include border-bottom-radius($border-radius); +} +.rounded-left { + @include border-left-radius($border-radius); +} + +.rounded-circle { + border-radius: 50%; +} -- cgit v1.2.3 From f72c21bfc89854f82eba428cf80ef5bb2bc5a4fe Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Tue, 2 Aug 2016 15:17:24 +1000 Subject: Upgrade to normalize.css v4.2.0 and fix Hound exclusion. --- scss/.scss-lint.yml | 3 ++ scss/_normalize.scss | 104 +++++++++++++++++++++++++-------------------------- 2 files changed, 54 insertions(+), 53 deletions(-) (limited to 'scss') diff --git a/scss/.scss-lint.yml b/scss/.scss-lint.yml index 65c365ddb..9c6ac66ab 100644 --- a/scss/.scss-lint.yml +++ b/scss/.scss-lint.yml @@ -3,6 +3,9 @@ scss_files: - "**/*.scss" - "docs/assets/scss/**/*.scss" +exclude: + - "scss/_normalize.scss" + plugin_directories: ['.scss-linters'] # List of gem names to load custom linters from (make sure they are already diff --git a/scss/_normalize.scss b/scss/_normalize.scss index 8a74836b0..827b7f31a 100644 --- a/scss/_normalize.scss +++ b/scss/_normalize.scss @@ -1,14 +1,16 @@ -/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ +/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ // // 1. Change the default font family in all browsers (opinionated). -// 2. Prevent adjustments of font size after orientation changes in IE and iOS. +// 2. Correct the line height in all browsers. +// 3. Prevent adjustments of font size after orientation changes in IE and iOS. // html { font-family: sans-serif; // 1 - -ms-text-size-adjust: 100%; // 2 - -webkit-text-size-adjust: 100%; // 2 + line-height: 1.15; // 2 + -ms-text-size-adjust: 100%; // 3 + -webkit-text-size-adjust: 100%; // 3 } // @@ -76,7 +78,7 @@ progress { // 1. Add the correct display in IE. // -template, // 2 +template, // 1 [hidden] { display: none; } @@ -85,11 +87,13 @@ template, // 2 // ========================================================================== // -// Remove the gray background on active links in IE 10. +// 1. Remove the gray background on active links in IE 10. +// 2. Remove gaps in links underline in iOS 8+ and Safari 8+. // a { - background-color: transparent; + background-color: transparent; // 1 + -webkit-text-decoration-skip: objects; // 2 } // @@ -248,14 +252,17 @@ hr { // ========================================================================== // -// Change font properties to `inherit` in all browsers (opinionated). +// 1. Change font properties to `inherit` in all browsers (opinionated). +// 2. Remove the margin in Firefox and Safari. // button, input, +optgroup, select, textarea { - font: inherit; + font: inherit; // 1 + margin: 0; // 2 } // @@ -269,30 +276,16 @@ optgroup { // // Show the overflow in IE. // 1. Show the overflow in Edge. -// 2. Show the overflow in Edge, Firefox, and IE. // button, -input, // 1 -select { // 2 +input { // 1 overflow: visible; } // -// Remove the margin in Safari. -// 1. Remove the margin in Firefox and Safari. -// - -button, -input, -select, -textarea { // 1 - margin: 0; -} - -// -// Remove the inheritence of text transform in Edge, Firefox, and IE. -// 1. Remove the inheritence of text transform in Firefox. +// Remove the inheritance of text transform in Edge, Firefox, and IE. +// 1. Remove the inheritance of text transform in Firefox. // button, @@ -300,29 +293,10 @@ select { // 1 text-transform: none; } -// -// Change the cursor in all browsers (opinionated). -// - -button, -[type="button"], -[type="reset"], -[type="submit"] { - cursor: pointer; -} - -// -// Restore the default cursor to disabled elements unset by the previous rule. -// - -[disabled] { - cursor: default; -} - // // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` // controls in Android 4. -// 2. Correct the inability to style clickable types in iOS. +// 2. Correct the inability to style clickable types in iOS and Safari. // button, @@ -337,8 +311,10 @@ html [type="button"], // 1 // button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; padding: 0; } @@ -347,7 +323,9 @@ input::-moz-focus-inner { // button:-moz-focusring, -input:-moz-focusring { +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } @@ -406,19 +384,39 @@ textarea { } // -// Correct the odd appearance of search inputs in Chrome and Safari. +// 1. Correct the odd appearance in Chrome and Safari. +// 2. Correct the outline style in Safari. // [type="search"] { - -webkit-appearance: textfield; + -webkit-appearance: textfield; // 1 + outline-offset: -2px; // 2 } // -// Remove the inner padding and cancel buttons in Chrome on OS X and -// Safari on OS X. +// Remove the inner padding and cancel buttons in Chrome and Safari on OS X. // [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + +// +// Correct the text style of placeholders in Chrome, Edge, and Safari. +// + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +// +// 1. Correct the inability to style clickable types in iOS and Safari. +// 2. Change font properties to `inherit` in Safari. +// + +::-webkit-file-upload-button { + -webkit-appearance: button; // 1 + font: inherit; // 2 +} -- cgit v1.2.3 From 3dc4b3647ce2b27b0216fe8103253ffe9633fde9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 26 Sep 2016 00:54:10 -0700 Subject: Rename pull-*-{left|right} classes to .float-*-left and .float-*-right --- scss/_mixins.scss | 2 +- scss/_utilities.scss | 2 +- scss/mixins/_float.scss | 6 ++++++ scss/mixins/_pulls.scss | 6 ------ scss/utilities/_float.scss | 13 +++++++++++++ scss/utilities/_pulls.scss | 13 ------------- 6 files changed, 21 insertions(+), 21 deletions(-) create mode 100644 scss/mixins/_float.scss delete mode 100644 scss/mixins/_pulls.scss create mode 100644 scss/utilities/_float.scss delete mode 100644 scss/utilities/_pulls.scss (limited to 'scss') diff --git a/scss/_mixins.scss b/scss/_mixins.scss index 1b5bf0fae..e53ab3414 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -51,4 +51,4 @@ // @import "mixins/navbar-align"; @import "mixins/grid-framework"; @import "mixins/grid"; -@import "mixins/pulls"; +@import "mixins/float"; diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 8d9ff7cec..aef99aeba 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -3,7 +3,7 @@ @import "utilities/clearfix"; @import "utilities/display"; @import "utilities/flex"; -@import "utilities/pulls"; +@import "utilities/float"; @import "utilities/screenreaders"; @import "utilities/spacing"; @import "utilities/text"; diff --git a/scss/mixins/_float.scss b/scss/mixins/_float.scss new file mode 100644 index 000000000..b30cf1468 --- /dev/null +++ b/scss/mixins/_float.scss @@ -0,0 +1,6 @@ +@mixin float-left { + float: left !important; +} +@mixin float-right { + float: right !important; +} diff --git a/scss/mixins/_pulls.scss b/scss/mixins/_pulls.scss deleted file mode 100644 index 6bdff025d..000000000 --- a/scss/mixins/_pulls.scss +++ /dev/null @@ -1,6 +0,0 @@ -@mixin pull-left { - float: left !important; -} -@mixin pull-right { - float: right !important; -} diff --git a/scss/utilities/_float.scss b/scss/utilities/_float.scss new file mode 100644 index 000000000..eea34bff2 --- /dev/null +++ b/scss/utilities/_float.scss @@ -0,0 +1,13 @@ +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + .float-#{$breakpoint}-left { + @include float-left(); + } + .float-#{$breakpoint}-right { + @include float-right(); + } + .float-#{$breakpoint}-none { + float: none !important; + } + } +} diff --git a/scss/utilities/_pulls.scss b/scss/utilities/_pulls.scss deleted file mode 100644 index 7fec56c9a..000000000 --- a/scss/utilities/_pulls.scss +++ /dev/null @@ -1,13 +0,0 @@ -@each $breakpoint in map-keys($grid-breakpoints) { - @include media-breakpoint-up($breakpoint) { - .pull-#{$breakpoint}-left { - @include pull-left(); - } - .pull-#{$breakpoint}-right { - @include pull-right(); - } - .pull-#{$breakpoint}-none { - float: none !important; - } - } -} -- cgit v1.2.3 From 6ae42a02c6d3d108f3693faa094fd4a20d3b411e Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sun, 2 Oct 2016 16:17:59 +0100 Subject: Update print styles borrowed from h5bp most notable change: - fixes print/print preview crash in IE11 (caused by `*:first-line` selector) --- scss/_print.scss | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) (limited to 'scss') diff --git a/scss/_print.scss b/scss/_print.scss index 84556602f..fd99d6978 100644 --- a/scss/_print.scss +++ b/scss/_print.scss @@ -14,7 +14,10 @@ *::before, *::after, *::first-letter, - *::first-line { + p::first-line, + div::first-line, + blockquote::first-line, + li::first-line { // Bootstrap specific; comment out `color` and `background` //color: #000 !important; // Black prints faster: // http://www.sanbeiji.com/archives/953 @@ -24,7 +27,7 @@ } a, - a:visited { + a::visited { text-decoration: underline; } @@ -44,10 +47,13 @@ // //a[href^="#"]::after, - //a[href^="javascript:"]::after { - // content: ""; + //a[href^="javascript:"]:after { + // content: ""; //} + pre { + white-space: pre-wrap !important; + } pre, blockquote { border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px -- cgit v1.2.3 From 5d04353d6b2d74b7f9273a4918870785f811e35e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Oct 2016 20:36:31 -0700 Subject: remove the margin there since it's in normalize --- scss/_reboot.scss | 2 -- 1 file changed, 2 deletions(-) (limited to 'scss') diff --git a/scss/_reboot.scss b/scss/_reboot.scss index a24c3d3fa..2020c3ce5 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -312,8 +312,6 @@ input, button, select, textarea { - // Remove all `margin`s so our classes don't have to do it themselves. - margin: 0; // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are // properly inherited. However, `line-height` isn't addressed there. Using this // ensures we don't need to unnecessarily redeclare the global font stack. -- cgit v1.2.3 From 44b49d1dd8ef0250930d24c4b304bbccad8276c5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Oct 2016 20:36:49 -0700 Subject: update comment --- scss/_reboot.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'scss') diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 2020c3ce5..1fcdfa341 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -313,8 +313,7 @@ button, select, textarea { // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are - // properly inherited. However, `line-height` isn't addressed there. Using this - // ensures we don't need to unnecessarily redeclare the global font stack. + // properly inherited. However, `line-height` isn't inherited there. line-height: inherit; } -- cgit v1.2.3 From 88c601a842621b2bbb6ce610267ee724a9536de2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Oct 2016 21:10:06 -0700 Subject: Flexbox grid updates (#20829) * Fixes #20775 without adding extra width and an important flag * Since we're now getting the extend, we don't need the extra position relative * rerrange * getting min-height from the extend already --- scss/mixins/_grid-framework.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'scss') diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss index 0e3852e24..35ccd9221 100644 --- a/scss/mixins/_grid-framework.scss +++ b/scss/mixins/_grid-framework.scss @@ -21,6 +21,11 @@ @each $breakpoint in map-keys($breakpoints) { $breakpoint-counter: ($breakpoint-counter + 1); + // Allow columns to stretch full width below their breakpoints + .col-#{$breakpoint} { + @extend %grid-column; + } + @for $i from 1 through $columns { .col-#{$breakpoint}-#{$i} { @extend %grid-column; @@ -31,11 +36,9 @@ // Provide basic `.col-{bp}` classes for equal-width flexbox columns @if $enable-flex { .col-#{$breakpoint} { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } } -- cgit v1.2.3 From 860e07a0e968849dd98ac5dcd2a672ce8258162c Mon Sep 17 00:00:00 2001 From: Matt Viteri Date: Sun, 2 Oct 2016 23:23:04 -0500 Subject: Fixes #20566 (#20768) --- scss/_animation.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'scss') diff --git a/scss/_animation.scss b/scss/_animation.scss index edd7147e5..f0dfff81f 100644 --- a/scss/_animation.scss +++ b/scss/_animation.scss @@ -9,12 +9,21 @@ .collapse { display: none; - &.in { display: block; } - // tr&.in { display: table-row; } - // tbody&.in { display: table-row-group; } +} + +tr { + &.collapse.in { + display: table-row; + } +} + +tbody { + &.collapse.in { + display: table-row-group; + } } .collapsing { -- cgit v1.2.3 From db533c2e8d950647ff5e884083bf2d72063ed4b0 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Mon, 3 Oct 2016 10:13:58 +0100 Subject: Follow-up fix to #20821 With apologies, copy/paste error following on from trying to fix conflicting Hound/Travis checks for https://github.com/twbs/bootstrap/pull/20821/ slipped through before I noticed them. --- scss/_print.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'scss') diff --git a/scss/_print.scss b/scss/_print.scss index fd99d6978..bd41328c2 100644 --- a/scss/_print.scss +++ b/scss/_print.scss @@ -27,7 +27,7 @@ } a, - a::visited { + a:visited { text-decoration: underline; } @@ -47,8 +47,8 @@ // //a[href^="#"]::after, - //a[href^="javascript:"]:after { - // content: ""; + //a[href^="javascript:"]::after { + // content: ""; //} pre { -- cgit v1.2.3 From 2e69dfa8c1679238579ef6f5ec85deb755e4fb6d Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Tue, 4 Oct 2016 02:55:59 +1000 Subject: Fix broken/redirected links, moving to HTTPS where possible. (#20557) --- scss/_custom-forms.scss | 2 +- scss/_reboot.scss | 12 ++++++------ scss/bootstrap.scss | 2 +- scss/mixins/_hover.scss | 2 +- scss/mixins/_screen-reader.scss | 2 +- 5 files changed, 10 insertions(+), 10 deletions(-) (limited to 'scss') diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index fe30f9fad..30b46083b 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -2,7 +2,7 @@ // Embedded icons from Open Iconic. // Released under MIT and copyright 2014 Waybury. -// http://useiconic.com/open +// https://useiconic.com/open // Checkboxes and radios diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 1fcdfa341..461ca40e6 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -15,7 +15,7 @@ // // Heads up! This reset may cause conflicts with some third-party widgets. For // recommendations on resolving such conflicts, see -// http://getbootstrap.com/getting-started/#third-box-sizing. +// https://getbootstrap.com/getting-started/#third-box-sizing. // // Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ @@ -33,15 +33,15 @@ html { // Make viewport responsive // // @viewport is needed because IE 10+ doesn't honor in -// some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/. +// some cases. See https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/. // Eventually @viewport will replace . // // However, `device-width` is broken on IE 10 on Windows (Phone) 8, -// (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497) +// (see https://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497) // and the fix for that involves a snippet of JavaScript to sniff the user agent // and apply some conditional CSS. // -// See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack. +// See https://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack. // // Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g., // `.class-name { @import "bootstrap"; }`). @@ -247,9 +247,9 @@ img { // DON'T remove the click delay when `` is present. // However, they DO support removing the click delay via `touch-action: manipulation`. // See: -// * http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch +// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch // * http://caniuse.com/#feat=css-touch-action -// * http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay +// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay a, area, diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index 219eda217..ce61be8eb 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) + * Bootstrap v4.0.0-alpha.4 (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) diff --git a/scss/mixins/_hover.scss b/scss/mixins/_hover.scss index 4a648a54d..6dd55e705 100644 --- a/scss/mixins/_hover.scss +++ b/scss/mixins/_hover.scss @@ -1,7 +1,7 @@ @mixin hover { // TODO: re-enable along with mq4-hover-shim // @if $enable-hover-media-query { -// // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover +// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover // // Currently shimmed by https://github.com/twbs/mq4-hover-shim // @media (hover: hover) { // &:hover { @content } diff --git a/scss/mixins/_screen-reader.scss b/scss/mixins/_screen-reader.scss index 6ae65516a..c20858324 100644 --- a/scss/mixins/_screen-reader.scss +++ b/scss/mixins/_screen-reader.scss @@ -15,7 +15,7 @@ // Use in conjunction with .sr-only to only display content when it's focused. // -// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 // // Credit: HTML5 Boilerplate -- cgit v1.2.3 From 1ca6c9d7f1d15017c549dd1375ed98bf64404b33 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 3 Oct 2016 21:36:46 -0700 Subject: Remove `-webkit-overflow-scrolling: touch` due to an iOS Safari bug (#20803) See https://bugs.webkit.org/show_bug.cgi?id=158342 Fixes #17695 --- scss/_modal.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'scss') diff --git a/scss/_modal.scss b/scss/_modal.scss index e4a04e45e..c326d5699 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -22,7 +22,9 @@ // Prevent Chrome on Windows from adding a focus outline. For details, see // https://github.com/twbs/bootstrap/pull/10951. outline: 0; - -webkit-overflow-scrolling: touch; + // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a + // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342 + // See also https://github.com/twbs/bootstrap/issues/17695 // When fading in the modal, animate it to slide down &.fade .modal-dialog { -- cgit v1.2.3 From 8f6a47303a3b52002e4519679db1bfb4b0a449de Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 12:45:58 -0700 Subject: Drop the -font-size variable for the newer -size-sm one Originally -font-size was added in v3 to set the font-size of the element. Now that we have newer, global type variables, we can use those instead for these kind of things. Fixes #20859 --- scss/_type.scss | 2 +- scss/_variables.scss | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) (limited to 'scss') diff --git a/scss/_type.scss b/scss/_type.scss index ff7114074..e0be5193c 100644 --- a/scss/_type.scss +++ b/scss/_type.scss @@ -60,7 +60,7 @@ hr { small, .small { - font-size: $small-font-size; + font-size: $font-size-sm; font-weight: normal; } diff --git a/scss/_variables.scss b/scss/_variables.scss index 52bd0eb81..516cbbc76 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -205,8 +205,6 @@ $headings-color: inherit !default; $lead-font-size: 1.25rem !default; $lead-font-weight: 300 !default; -$small-font-size: 80% !default; - $text-muted: $gray-light !default; $abbr-border-color: $gray-light !default; -- cgit v1.2.3 From a43dc8872fb0e4a726424e1471972d94993539c5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 13:14:10 -0700 Subject: Move from max-width to width for containers, plus a max-width 100% - Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari) - Fixes #20681 - Fixes #17621 (basically same issue as above issue) --- scss/mixins/_grid.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'scss') diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index b381ba900..88cbd249a 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -17,7 +17,8 @@ @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) { @each $breakpoint, $container-max-width in $max-widths { @include media-breakpoint-up($breakpoint, $breakpoints) { - max-width: $container-max-width; + width: $container-max-width; + max-width: 100%; } } } -- cgit v1.2.3 From 0d27e12d1f2773fb672513fbd025ac3f07e47660 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 13:17:50 -0700 Subject: Change sm grid breakpoint and container max-width Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect. Fixes #18054 --- scss/_variables.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'scss') diff --git a/scss/_variables.scss b/scss/_variables.scss index 52bd0eb81..9f6823978 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -125,7 +125,7 @@ $link-hover-decoration: underline !default; $grid-breakpoints: ( xs: 0, - sm: 544px, + sm: 576px, md: 768px, lg: 992px, xl: 1200px @@ -138,7 +138,7 @@ $grid-breakpoints: ( // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( - sm: 576px, + sm: 540px, md: 720px, lg: 940px, xl: 1140px -- cgit v1.2.3 From 0ba0f19003b8d118801fca94dcacc908fd4ddd70 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 13:49:11 -0700 Subject: Change 940px breakpoint to 960px so that all widths are divisible by 12 Fixes #18510 --- scss/_variables.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'scss') diff --git a/scss/_variables.scss b/scss/_variables.scss index 9f6823978..c7de511f6 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -140,7 +140,7 @@ $grid-breakpoints: ( $container-max-widths: ( sm: 540px, md: 720px, - lg: 940px, + lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); -- cgit v1.2.3 From 88bf5af896a872d65752956e85adb66a9192e697 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 14:14:39 -0700 Subject: Remove display from the .img-fluid utility Creating max-width images is not dependent on the display, so setting it is redundant. Cleans up the comments and implementation of the mixin as well. Fixes #20767 --- scss/_images.scss | 4 ++-- scss/mixins/_image.scss | 10 ++++++---- 2 files changed, 8 insertions(+), 6 deletions(-) (limited to 'scss') diff --git a/scss/_images.scss b/scss/_images.scss index 3ca811ecd..3cdedc4ff 100644 --- a/scss/_images.scss +++ b/scss/_images.scss @@ -6,7 +6,7 @@ // which weren't expecting the images within themselves to be involuntarily resized. // See also https://github.com/twbs/bootstrap/issues/18178 .img-fluid { - @include img-fluid(); + @include img-fluid; } @@ -20,7 +20,7 @@ @include box-shadow($thumbnail-box-shadow); // Keep them at most 100% wide - @include img-fluid(inline-block); + @include img-fluid; } // diff --git a/scss/mixins/_image.scss b/scss/mixins/_image.scss index 91d2f59ee..c2b45f2ce 100644 --- a/scss/mixins/_image.scss +++ b/scss/mixins/_image.scss @@ -7,10 +7,12 @@ // // Keep images from scaling beyond the width of their parents. -@mixin img-fluid($display: block) { - display: $display; - max-width: 100%; // Part 1: Set a maximum relative to the parent - height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +@mixin img-fluid { + // Part 1: Set a maximum relative to the parent + max-width: 100%; + // Part 2: Override the height to auto, otherwise images will be stretched + // when setting a width and height attribute on the img element. + height: auto; } -- cgit v1.2.3