Mark Otto [Thu, 18 Jan 2018 01:29:28 +0000 (17:29 -0800)]
Prevent print utils from overriding all other display utils (#25269)
* Prevent print utils from overriding all other display utils
Fixes #25221.
I agree with the referenced issue—this is unexpected and also causes a serious bug when mixed with other utility classes. This wasn't an issue in v3 given we had different utilities for hiding that weren't focused on display property.
Andrew Luca [Wed, 17 Jan 2018 23:30:42 +0000 (01:30 +0200)]
Fix input height border (#25331)
When changing `$input-border-width`, `$input-height-border` does not change and `select.form-control` `custom-select` `custom-file` will still have `$input-height` which is resolved from `$input-btn-border-width`
This will work in cases when want controls with border, and buttons without.
Temporary fix will be to override 2 variables
```
$input-border-width: 2px !default;
// which is
// $input-height-border: $input-btn-border-width * 2 !default;
$input-height-border: $input-border-width * 2 !default;
```
Mark Otto [Mon, 15 Jan 2018 00:06:52 +0000 (16:06 -0800)]
Examples updates (#24898)
* fix cover nav
* Improve signin visuals and alignment with that flexbox love
* rewrite cover example in flexbox
* lighten signin bg
* first pass at pricing example
* redo examples index with data file
* tighten up spacing a bit
* update navbar descriptions
* link pricing
* move that back
* property order
* Fix test errors.
* Compress pricing.png.
* add form validation example
* remove that
* rename that
* restyle and space out
* fix errors
* change order
* cleanup album css and styles
* tweak examples index
* make it a badge
* options
* improve sticky footer alignment
* redesign example index
* brand new blog layout
* start new screenshots
* new product example page a la apple
* add email field
* fix linter, remove unused blog css
* hook up feather icons to start
* redo dashboard
* fix linting
* add floating labels example
* formatting
* formatting
* lint
* fix values on select
* optional input, plus input group
* new dashboard image
* start to reboot the offcanvas example
* updated images
* new offcanvas mostly implemented
* linting
* edit description
* more description changes
* - Add vertical margin to album hero buttons for when they're stacked
- Adjust font-size and padding for pricing header and hero
- Fix checkout's stacked column margins, plus update their check/radio
markup
- Update product's utilities to be responsive
- Made blog cards somewhat responsive (needs a bit more work tbh)
* drop leading zero
* more linting
* swap empty images for holder, fix border
* dist the docs
* navbars have no margin-bottom to begin
* add css var, tweak padding for mobile
* comment headers
* nix commented out code
* nix the navbar structure for a custom one, stack it on mobile
* tweak heading button group for mobile
* Removed narrow jumbotron and justified nav examples as these are easily accomplished with new components in v4
Sander Melnikov [Sat, 13 Jan 2018 07:45:21 +0000 (10:45 +0300)]
Fix breakpoint mixins for custom breakpoint maps (#25264)
When using the `media-breakpoint-between` or `media-breakpoint-only`
mixins with a custom breakpoint map – not defined as `$grid-breakpoints`
– the mixin incorrectly defaults back to the global `$grid-breakpoints`
map in certain situations. This commit correctly passes on the
`$breakpoints` argument to the other mixins called within the block.
Mark Otto [Thu, 11 Jan 2018 10:12:15 +0000 (02:12 -0800)]
Deprecate hover media query shim and mixins (#25270)
* Deprecate hover media query shim and mixins
Fixes #25195.
This never was completed or fully implemented, and the docs are inaccurate as to what browsers are currently affected by this stickied hover problem. This PR aims to update the docs and deprecate the shim from our mixins and only return the pseudo-classes. To reflect the order of these states used elsewhere (e.g., our button styles), I've also updated the order of each within the mixin.
* Mention in docs and variables that it's deprecated
Due to a severe performance bug in Chrome (see https://bugs.chromium.org/p/chromium/issues/detail?id=800522) and due to the fact that (with the exception of IE/Edge on Windows desktop with touchscreen) all modern browsers now optimize the click delay away anyway, this optimization is not needed.
Christian Oliff [Thu, 11 Jan 2018 08:31:03 +0000 (17:31 +0900)]
Update browser compatibility note for `position: sticky` since Edge supports it now (#25229)
The latest shipping version of Edge supports position: sticky and I've successfully tested it with Bootstrap 4 and it works as intended. I added IE10 in place of Edge in that note as I assume that IE10 also has the `position: relative` fallback.
REF: https://caniuse.com/#search=sticky
Mark Otto [Thu, 4 Jan 2018 00:01:03 +0000 (16:01 -0800)]
Print tweaks (#25164)
* Add min-width to body when printing
This should address some inconsistencies between browsers when printing. It applies a min-width to the body so that the content better resembles what your might see on your screen. I've made it a variable for easy customizing, too.
* Don't underline buttons when printing
* Add basic print styles for page and body size to create a semi-consistent print experience across browsers
Mark Otto [Wed, 3 Jan 2018 05:57:56 +0000 (21:57 -0800)]
Validation tooltip example (#25143)
* Add additional form validation examples
Fixes #24811.
This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.
* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element
Mark Otto [Sun, 31 Dec 2017 06:50:43 +0000 (22:50 -0800)]
Update pagination focus styles
- Drops the hover-focus mixin for standard :hover
- Adds explicit :focus styles to match button, input, etc with a box-shadow
- Adjusts z-index values to ensure the layers go initial, hover, active, focus
Gijs Boddeus [Sun, 31 Dec 2017 14:38:29 +0000 (15:38 +0100)]
Textarea support for input groups
The append and prepend classes vertically aligned items in the center
For textareas this meant the addon would aling vertically instead of stretch and have it's contents vertically aligned
these changes fix that so everything is aligned how it should be
Martijn Cuppens [Sun, 31 Dec 2017 12:53:33 +0000 (13:53 +0100)]
Allow nested structure for accordions (#25121)
This commit allows nested structures for accordions. Also a part of
the documentation about data-children is removed because this
functionality didn't work and it's not applicable anymore.
Tests with the collapse accordion are also a bit adjusted to the new
situation.
Raaj Trambadia [Sun, 31 Dec 2017 00:22:46 +0000 (19:22 -0500)]
Remove Entypo from "Preferred Icon Sets". (#25141)
The download link for Entypo (on its website) is invalid. It's a Dropbox link which now results in a 403 error. The website was last updated in 2015 (as seen in the footer).
Alberto [Fri, 29 Dec 2017 09:31:28 +0000 (10:31 +0100)]
Updated docs for translating "Browse" text into other languages
"Choose file ..." text is now written inside the label tag, so the translation is outside the css scope.
$custom-file-text variable should only contain "Browse" translations.
Mark Otto [Fri, 29 Dec 2017 21:03:35 +0000 (13:03 -0800)]
Darken $gray-600 by 10% for AA contrast (#25123)
Closes #23319. Both `.text-muted` and `.btn-outline-secondary` (and indeed all secondary items) make use of `$gray-600`. New value provides a contrast ratio of 4.69.