0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Commit Graph

1408 Commits

Author SHA1 Message Date
Mark Otto
78cad48c70 consistent breaks 2017-03-19 18:39:48 -07:00
Mark Otto
4c015bf378 Do what the comment says; add this only to devices under 768px 2017-03-19 18:39:48 -07:00
Mark Otto
08d612f3e4 correct inverse table border color, add new var 2017-03-19 18:39:48 -07:00
Gaël Poupard
2085c14267 Update _screen-reader.scss (#22154)
* Update _screen-reader.scss

Small improvements that could be important:
* `clip` [is deprecated](https://www.w3.org/TR/css-masking-1/#clip-property). Adding `clip-path` as progressive enhancement; the shorter notation came from @ryuran 's [suggestion](https://twitter.com/ryuran78/status/778943389819604992);
* [J. Renée Beach warned about single pixel with interfering with screen readers vocalisation](https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe#.vcd5xlpgg) solved with `white-space`.

See [the detailed post on Hugo Giraudel's blog](http://hugogiraudel.com/2016/10/13/css-hide-and-seek/).

Also kinda related to issue #20732 :)

Please let me know if you find any trouble with this technique. Thanks a lot!

* Reorder declarations

To pass Hound.
Didn't think `clip` and `clip-path` would be considered as unrelated…

* Trailing spaces

* Last trailing space?

* Remove margin: -1px
2017-03-19 16:05:45 -07:00
Mark Otto
caebfcd246 Fix justified nav styles and update nav docs for fill/justify
- Justified and fill nav variants need .nav-item classes on the anchors in addition to .nav-link
- Fix broken styles for the .nav-justified class which wasn't actually doing what we needed it to
2017-03-19 15:47:34 -07:00
Mark Otto
e1c561a723 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-03-18 16:30:24 -07:00
Mark Otto
ec8c251928 fixes #21584
- revert back to display block for list items to prevent unwanted behaviors
- fixes a handful of other linked issues (see main thread)
- updates docs to include more utilities for the one example
2017-03-18 16:30:12 -07:00
Theriault
6f42daf747 Add :empty to .custom-file-control selector (#22176)
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control"></span></label>
VS
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control">test.txt</span></label>
2017-03-18 13:23:10 -07:00
naicko
890c6041f3 Update scss mixins to comply with scss-linting rules (#22151)
* Fixed some linting issues

* Run npm tasks after scss cleanup

* Revert "Run npm tasks after scss cleanup"

This reverts commit 1103a0da68.

* Property sort order for grid

* Let's respest the property order in the mixins

* Respect property sort order in reboot file

* ::-ms-expand is a vendor-prefix, add it to the scss-lint disable

* Revert hover mixin comment

* Fixed missing mixin hover-focus
2017-03-18 13:06:05 -07:00
Mark Otto
08984ac8cd Remove the outline override from dropdown toggles
fixes #17573
2017-03-12 18:26:53 -07:00
Dominic Watson
b3aa5ec360 Use btn-$variant-color variables for outlined btns (#22164)
Despite now having the ability to override outline-variant color, it's not actually being used so each are still #fff

Related: https://github.com/twbs/bootstrap/pull/20734
2017-03-12 18:25:56 -07:00
Starsam80
95f37e4c40 Clean up spacers a bit more 2017-03-05 16:05:12 -06:00
Mark Otto
9a93671b75 Move box-shadow and transition mixins out of the main mixins file and into their own files 2017-03-05 12:40:01 -08:00
Mark Otto
4778190d78 Drop the .hidden and .visible classes, save for the print ones
— Moves print display utils to display utils file
— Removes all other .hidden- utils
— Expands on .invisible and it's mixin to provide options for visibility: visible and visibility: hidden
2017-03-05 12:25:41 -08:00
Mark Otto
ed1de86794 Update spacer utilities (#22123)
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
2017-03-05 12:20:44 -08:00
Catalin Zalog
70a57902ce Change sticky order (#22027)
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Rutger Laurman
0a997795b4 Fix border width calculation for custom-select (#22068)
In addition to #22011 and #21994
2017-03-03 11:19:02 -08:00
Sean Beyer
e02597519a Remove 'hover' from nav-tabs-active-link-hover-color et al (#22087)
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Bardi Harborow
9bacc6715a Remove vendor prefixes from appearance: none. 2017-02-21 17:38:11 +11:00
Pierre Vanduynslager
3173a72083 Remove unused input-size mixin (#21971) 2017-02-11 21:16:16 -08:00
Mark Otto
d79b556373 Fixes #21814. Also accounts for custom file inputs. 2017-02-04 17:03:42 -08:00
Mark Otto
6b9265fc2d Add utilities/flex to the dedicated grid Sass bundle so folks can take advantage of the utilities for basic flex alignment 2017-02-04 15:57:21 -08:00
Mark Otto
09c7b1c582 Fixes #21908 2017-02-04 15:55:37 -08:00
Mark Otto
6aad73ac6d Remove random cursor: default from pill nav (#21835)
Fixes #21560. Pretty sure this wasn't intentional, so should be fine to remove.
2017-01-24 21:06:22 -08:00
Mark Otto
9d7d84e0b9 Allow button toolbars to wrap (#21826)
Fixes #21699
2017-01-24 20:43:33 -08:00
Sergey Kovalenko
bf7387aa42 Add align self to navbar brand (#21626) 2017-01-24 00:09:54 -08:00
Mark Otto
519ecc1c69 Rename order utilities to intended class names (#21739)
* rename order utilities to intended class names

* Documentation fixes.
2017-01-24 00:01:44 -08:00
Geremia Taglialatela
b509dbe75b Pixel perfect navbar toggler (#21821)
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Mark Otto
ea6390d513 Update _custom.scss imports in other builds (#21825)
- Correctly places the _custom.scss file first in the other two buids.
- Also removes the clearfix mixin from the grid build because flexbox yo.
2017-01-23 23:59:19 -08:00
Mark Otto
f18a4cdadd Allow flex-based navs to wrap like they used to (#21824) 2017-01-23 23:58:22 -08:00
Mark Otto
02e0fdbd52 Remove cursor: pointer; (#21812)
* Remove most of custom cursor: pointer; implementations

* turns out that's not so much of a thing
2017-01-23 22:15:28 -08:00
Mark Otto
4fa7749442 Drop Normalize, port relevant parts to Reboot (#21741)
* Get this party started by removing mention of Normalize.css

* Nuke the old comment, consolidate to a single line and number as appropriate

* Bring over styles for HTML element from Normalize to Reboot

* Move margin override for body element from Normalize to Reboot

* Drop the block reset for HTML5 elements in IE9- from Normalize given we dropped IE9 support

* Building on previous commit, do the same thing for figure, figcaption, and main

* Remove IE9- display from Normalize given our browser support

* Drop IE8 figure margin because we're IE10+

* No need for the h1 overrides because we reset these font and margin styles anyway in _type.scss already

* Drop Safari 6 b and strong normalization because we're Safari 8+

* Remove mark styles for IE9- from Normalize

* Remove old iOS audio fixes from Normalize

* Remove IE9- display for progress from Normalize

* Remove more IE9- rules from Normalize

* One more IE9- display removal for canvas element

* Move pre overrides from Normalize to Reboot

* Move over some link resets to Reboot, drop others

- Move over background-color and text-decoration
- Drop focus outline change given it affects the offset on hover of
focused links

* Move over more code element resets, consolidate with pre overrides, too

* Move over sub and sup wholesale

* Move over img normalization to Reboot

* Move over SVG override too

* - Drop dupe hidden, but add comment for it
- Move over template
- Move over summary

* Remove bulk of @viewport comment

* edit down that code comment

* consolidate html-based normalizations

* update comments

* Consolidate abbr styles

* move over more type elements

* move over hr changes

* move over form controls and more

* move over button resets

* move over firefox button changes

* move over search changes and more

* we nuke all these styles for fieldsets anyway, so outright remove them

* no need for those, we override them

* move over legend, fieldset, progress

* line break

* delete normalize file

* linting

* update comment

* clarify docs mentions of normalize and reboot

* remove normalize excludes from linter

* remove normalize excludes from cli task

* linting

* callout license since we forked part of normalize

* Improve comments, move table background reset to .table class instead of in reboot

* trailing space
2017-01-21 14:14:25 -08:00
Pierre Vanduynslager
9cf235508d Fix container within navbar on smallest breakpoint (#21722)
* Make container in navbar to occupy full width even on smallest breakpoint

* Fix typo in comment

* Apply fix only on smaller breakpoint

* drop the comment as chrome doesn't have a bug here
2017-01-21 13:06:00 -08:00
Mark Otto
eb361fa6c1 Progress line height (#21805)
* remove obvi comments

* proper fix for #21801

- ensures .progress-bar text is vertically centered should the height of the .progress-bar change by matching the line-height and height values
- we can't use flexbox here because the inner text of an element doesn't count as a flex item
2017-01-21 12:32:38 -08:00
Gijs Boddeus
12b22ebad6 fix segmented buttons (#21716)
* fix segmented buttons

changed flex-direction to row
centering is now done by align-items instead of justify-content

this way there is no need for flex property on the .btn inside .btn-group

* Update _input-group.scss
2017-01-21 12:25:24 -08:00
Dmytro Yarmak
ade657afee Fix gaps between vertical grouped buttons when using labels (#21793) (#21796) 2017-01-21 12:18:58 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c Remove list-group-item-heading and list-group-item-text (#21653) 2017-01-15 21:36:15 -08:00
Pierre-Denis Vanduynslager
a3bc607c10 Remove unused scss variables (#21579)
* Remove unused scss variables

* Remove unnecessary space

* Remove $zindex-navbar from docs

* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00
Christian Oliff
d7af46359b Remove filter: alpha(opacity = 0);
Not needed (and all other old IE filter attributes have been removed from the CSS. This was the only one remaining
2017-01-15 17:52:34 -08:00
Mark Otto
fc82352594 fixes #21625, closes #21539
don't set focus styles on the anchor, just set hover styles
2017-01-15 17:51:26 -08:00
Rishabh Rajgarhia
2f429fbd77 Update breakpoints in breakpoints.scss comments 2017-01-09 21:05:24 -08:00
Zulfiqar Ali
e7035aee3f _custom.scss should be the first include 2017-01-09 21:03:40 -08:00
Mark Otto
045888fa38 version bump 2017-01-06 08:38:04 -08:00
Quy
98e55484e7 Doc updates (#21542)
* Change it's to its.

* Fix links

* Fix typos
2017-01-05 14:24:40 -08:00
Phillip Marshall
1b194c0660 Custom Forms: Allow Chrome/Firefox feature that lets the user drag and drop into file inputs (#20033)
* Restored functionality of dragging files into .custom-file inputs.

* Replaced padding with height on .custom-file-input
2017-01-03 19:44:44 -08:00
Mark Otto
0ffd369afd clarify usage of base font-size so we know what's up 2017-01-03 19:32:57 -08:00
Mark Otto
bd38a2a218 Remove -size-root so we can respect user prefs on browser default font-size 2017-01-03 19:32:57 -08:00
Quy
2ea7e388e7 Drop .carete (#21525) 2017-01-03 19:31:27 -08:00
Mark Otto
1ed9f5db29 button groups should be inline-flex to match their button counter parts (inline-block currently) 2017-01-03 19:22:08 -08:00
Mark Otto
bd72b9593b Drop .table-reflow
Tried redoing this in flexbox, but it falls apart really quickly. Any changes in height of the cells throws it all off since the rows become columns (and thus, content across columns cannot be equally sized). Rather than implement something with such glaring flaws, I'm nuking it outright.
2017-01-03 13:11:25 -08:00
Quy
d82914fb2f Remove .navbar-divider 2017-01-02 15:32:26 -08:00
Mark Otto
2bf0bde470 remove magic dropdown positioning for fixed bottom; folks should set this as needed with .dropup modifier 2017-01-02 11:52:25 -08:00
Mark Otto
20b05e42e3 update rest of docs, remove navbar specific modifiers, fix docs example css 2017-01-02 11:48:51 -08:00
Mark Otto
21b28903a4 New position utils, split docs
- Renames .pos-f-t to .fixed-top, adds .fixed-bottom and .sticky-top
- Updates utilities Sass to be split across more files (one for position, sizing, and spacing)
2017-01-02 11:45:30 -08:00
Mark Otto
fa1ef15212 remove line break 2017-01-02 11:12:41 -08:00
Mark Otto
c386c5f5cb Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now 2017-01-02 11:12:24 -08:00
Mark Otto
48f452b000 fixes #21511: set line-height to 1.1 for display headings
- had to rearrange vars to re-use heading line-height
- align values while we're at it
2017-01-02 11:03:25 -08:00
Quy
28072f153c Update carousel comments (#21501) 2017-01-01 12:00:17 -08:00
Nuno Arruda
c767a00d5d Update copyright years to 2017 2017-01-01 12:56:11 +11:00
Mark Otto
22fcac2cea Rip out the tab-focus mixin, remove application to anchors in reboot 2016-12-31 12:47:03 -08:00
なつき
6a5a83e02c Fix responsive embed class in flex container 2016-12-31 12:10:15 -08:00
Mark Otto
a0141aa38e Rewrite progress component without <progress> element
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.

- Revamps CSS to use something more similar to v3's implementation

- Ditches variant mixin for `bg-` utils

- Rebuilds docs to match, including adding a new Height section for customizing that.

Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
2016-12-30 22:46:00 -08:00
Quy
f320ecee84 Drop IE9 comment 2016-12-29 10:17:11 -08:00
Mark Otto
d9fcdcfa76 add position relative to container
allows for better/easier positioning of elements within (e.g., a toggler in a navbar)
2016-12-28 19:09:20 -08:00
Mark Otto
b350e60e82 use align-items on .form-inline to keep items from growing too much (#21461) 2016-12-28 19:08:33 -08:00
Mark Otto
4449167f44 linting 2016-12-28 19:07:33 -08:00
Mark Otto
83d3e5545d add align-self to linter property order 2016-12-28 19:07:33 -08:00
Mark Otto
5310bb4c0f redo order of css, add contents at top
this was mad confusing for awhile
2016-12-28 19:07:33 -08:00
Mark Otto
a3f6d8afcb line break for readibility 2016-12-28 19:07:33 -08:00
Mark Otto
40e85012eb reflect nav changes here in the responsive views
- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.
2016-12-28 19:07:33 -08:00
Mark Otto
b132d02f99 don't let the toggle grow when it's the only flex child 2016-12-28 19:07:33 -08:00
Mark Otto
cc6d9085f7 set the direction to column (aka, vertical) for mobile views 2016-12-28 19:07:33 -08:00
Mark Otto
952035f353 remove extra line break 2016-12-28 19:07:33 -08:00
Mark Otto
c8f63d6442 bring over styles from .nav for .navbar-nav
since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.
2016-12-28 19:07:33 -08:00
Mark Otto
861cda109a drop the flex-grow: 10 in favor of auto margin utils 2016-12-28 19:07:33 -08:00
Pierre-Denis Vanduynslager
6fcf696570 Change last reference from tags over to badges. 2016-12-29 13:20:24 +11:00
Mark Otto
3d24364605 limit linter override to the affected ruleset 2016-12-28 15:13:43 -08:00
Mark Otto
41f7f6ec52 remove plain-hover-focus from navbar navs 2016-12-28 15:13:43 -08:00
Mark Otto
a9d899b115 update navs to use .show instead of .open for dropdowns 2016-12-28 15:13:43 -08:00
Mark Otto
d91481397e linting 2016-12-28 15:13:43 -08:00
Mark Otto
3fd9557cfd no need to float, but do set display: block;
this, coupled with the move to flex, fixes #20029
2016-12-28 15:13:43 -08:00
Mark Otto
79fd05d209 remove plain-hover-focus mixins 2016-12-28 15:13:43 -08:00
Mark Otto
bd6e047152 no need for cursor: default, since, well, it's the default 2016-12-28 15:13:43 -08:00
Mark Otto
c52049e5a7 add a comment here to explain some things 2016-12-28 15:13:43 -08:00
Mark Otto
e3d01a326b .page-item's don't need this anymore (they're flex items) 2016-12-28 15:13:43 -08:00
Mark Otto
e81aa62af6 remove default margin, allow folks to use utils instead 2016-12-28 15:13:43 -08:00
Mark Otto
645330a755 update pagination list reset styles 2016-12-28 15:13:43 -08:00
Mark Otto
c73bea60de move pagination to flexbox 2016-12-28 15:13:43 -08:00
Mark Otto
78d0e97509 remove plain-hover-focus from list group mixin 2016-12-28 15:13:43 -08:00
Mark Otto
f228802fd0 Revamp list group states and docs to match
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
9ce5fb5817 Revamp dropdown item states
- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.
2016-12-28 15:13:43 -08:00
Mark Otto
d6fa9f5a6c Remove plain-hover-focus mixins from navs
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
2016-12-28 15:13:43 -08:00
Mark Otto
e38c3506e3 properly pass focus shadow should you enable shadows
don't implement for the outline style because outline buttons get no shadow by default
2016-12-28 15:12:04 -08:00
Mark Otto
b449e6b65e create a variable for the focus box-shadow, use it in the button base class
also be sure to apply it for the active state when shadows are enabled
2016-12-28 15:12:04 -08:00
Mark Otto
a9bee8b6c8 remove active styling from focus 2016-12-28 15:12:04 -08:00
Mark Otto
232e86d0b4 remove cursor: pointer
shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m
2016-12-28 15:12:04 -08:00
Mark Otto
62c4cb29fb redo outlines
- removes original outline removal (hah)
- replaces it with an explicit `outline: 0` on `.btn`
- instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline"
- not mapped to the `$enable-shadows` variable because accessibility
2016-12-28 15:12:04 -08:00
Mark Otto
79cfc095df linting 2016-12-28 15:12:04 -08:00
Mark Otto
7aa2a52069 Redo button states
Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order.

This commit does the following:

- Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles.

- Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state.

- Renamed `.open` to `.show` to fix dropdown toggle highlighting.

- Tweaked some indendation in the Sass.
2016-12-28 15:12:04 -08:00
Mark Otto
150625265b fixes #21415 by moving disabled .btn-link color to the default state 2016-12-28 15:12:04 -08:00