Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-05-11 05:43:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
16330 commits 2 branches 0 tags 182 MiB
Commit graph

1480 commits

Author SHA1 Message Date
Mark Otto
7e1497ddb8 Revert simplified grid column styles from #22376 
The premise for #22376 was that if we removed the `max-width` and `flex` properties, we could use the column classes as `width` utilities. The problem that I didn't remember at the time is that column classes have horizontal `padding` on them. This doesn't work for setting `width`. Perhaps more importantly, this causes #22649—the automatic sizing of columns is broken with the absence of `flex` styles.

/cc @sachinsinghi
 2017-05-26 20:16:12 -07:00
Mark Otto
a11ae7facf add a compact gutter option, .gutters-sm 2017-05-26 20:15:05 -07:00
Mark Otto
2a833d559a Add box-shadow to .progress-bar (#22579) 
* Add box-shadow to .progress-bar

Puts an unused variable back in use for when folks set `$enable-shadows` to `true`.
 2017-05-25 21:32:59 -07:00
Johann-S
4c3b6c5ceb Placement auto for popovers 2017-05-24 14:57:40 +02:00
Johann-S
2c72af88ee Placement auto for tooltips 2017-05-24 14:57:40 +02:00
Johann-S
aa36439e17 Use Popper.js to manage arrow position 2017-05-23 15:19:54 +02:00
Catalin Zalog
3706c88348 Fix (css): force .navbar .dropdown-menu positioning 2017-05-22 16:20:58 +02:00
Johann-S
b36d8ae6cb Use popper to align dropdown menu instead of using css with important 2017-05-17 22:03:11 +02:00
Johann-S
ba2352c14e Force dropdown to be displayed in position static for navbar, to override Popper css 2017-05-16 14:48:12 +02:00
Johann-S
2b403819b7 Fix tooltip margin to be stick at their caller 2017-05-14 11:41:19 +02:00
Johann-S
dc35a840dc Fix dropdown-menu-right and dropdown-menu-left for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
fc8b85b626 Fix some css for the arrow of Popover/Tooltip + update documentation 2017-05-14 11:41:19 +02:00
Johann-S
53ee455bc7 Handle dropup for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
69de65180f Fix unit tests + Update Popper to 1.6.0 2017-05-14 11:41:19 +02:00
Johann-S
54a8ab4011 Begin to use Popper for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
d8996a7e0a Fix arrow for tooltip and popover 2017-05-14 11:41:19 +02:00
Mark Otto
ee1af53d9f Merge branch 'v4-dev' into form-tweaks 2017-05-07 17:44:57 -07:00
Sebastiaan Nijland
6c5346e300 Removed several unused scss variables (#22539) 2017-05-07 17:41:14 -07:00
Patrick H. Lauke
7338da0cdb Add shim for "new" HTML5 structural elements (#22573) 
For IE10 (and any older browsers) support , so at least the layout doesn't fall apart if author is using them.
 2017-05-05 09:53:45 +01:00
Mark Otto
ca44f5b03a Redo the small custom select vars 
— Sizing shorthand comes last
— Add height var and put it to use
 2017-04-22 11:56:27 -07:00
Mark Otto
dc3af6711d Change how input and select height is computed 
— Previously we weren't including the border-width on the computed height, leading to alignment issues.

— New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together.

— Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
 2017-04-22 11:56:01 -07:00
Mark Otto
5463d8436b Merge branch 'v4-dev' into form-tweaks 2017-04-21 23:36:24 -07:00
Mark Otto
7efe4ddee4 Match validation mixin focus state to normal focus state 2017-04-21 23:30:06 -07:00
Patrick Yeo
dd0ce3e4b2 Rename variable $input-border-focus to $input-border-color-focus (#22413) 
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
 2017-04-16 15:45:10 -07:00
Mark Otto
2075610491 Prevent long words in .card-titles from breaking auto layout 2017-04-16 14:02:12 -07:00
Patrick H. Lauke
6d64afe508 Replace dropdown backdrop hack with cleaner JS-only hack 
* Replace backdrop with simple noop mouse listener

As discussed in https://github.com/twbs/bootstrap/pull/22422 the current
approach of injecting a backdrop (to work around iOS' broken event
delegation for the `click` event) has annoying consequences on
touch-enabled laptop/desktop devices.
Instead of a backdrop `<div>`, here we simply add extra empty/noop
mouse listeners to the immediate children of `<body>` (and remove
them when the dropdown is closed) in order to force iOS to properly
bubble a `click` resulting from a tap (essentially, method 2 from
https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
This is sufficient (except in rare cases where the user does manage to tap
on the body itself, rather than any child elements of body - which is not
very likely in an iOS phone/tablet scenario for most layouts) to get iOS to
get a grip and do the correct event bubbling/delegation, meaning the regular
"click" event will bubble back to the `<body>` when tapping outside of the dropdown,
and the dropdown will close properly (just like it already does, even without
this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and
Windows on a touch laptop).
This approach, though a bit hacky, has no impact on the DOM structure, and
has no unforeseen side effects on touch-enabled laptops/desktops. And crucially,
it works just fine in iOS.

* Remove dropdown backdrop styles

* Update doc for dropdowns and touch-enabled devices
 2017-04-14 09:19:00 +01:00
Idan Cohen
8c97532719 Fix popover arrow color for bottom position 2017-04-13 10:52:41 +02:00
Patrick H. Lauke
7056f70240 Remove cursor: not-allowed styles 2017-04-10 22:10:20 +01:00
Mark Otto
0cb2576bf2 fixes #21922: set border-radius to 0 when global radius is disabled 2017-04-08 21:58:26 -07:00
Mark Otto
7f075bfb23 fixes #22135 2017-04-08 21:26:25 -07:00
Mark Otto
09f98fbd0e Update card outline mixin 
Fixes #22056 by ensuring outline cards make their header/footer transparent and use the right border color.
 2017-04-08 21:25:38 -07:00
Mark Otto
e1c3f79e98 tighten up horizontal input and button padding 2017-04-08 21:25:02 -07:00
Mark Otto
01dbc4cc05 Bump up from 2px to 3px so it's consistent; also fix focus of inputs 2017-04-08 21:24:03 -07:00
Mark Otto
2dfffbde89 Rename some .open to .show (#22389) 
* no more outline overrides
* rename old .open to .show
 2017-04-08 16:30:18 -07:00
Mark Otto
0c59741812 property order 2017-04-08 16:29:21 -07:00
Mark Otto
90c18ebd19 Switch to ease function to remove trailing animation movement 2017-04-08 16:29:21 -07:00
Pierre-Denis Vanduynslager
73cfefd594 Do not stretch images in carousel-item 2017-04-08 16:29:21 -07:00
Mark Otto
ab67ffe167 Ensure carousel works in IE10/11 
- Drops the `if-supports-3d-transforms()` mixin since all our browsers do support it

- Updates carousel to not rely on that mixin
 2017-04-08 16:29:21 -07:00
Mark Otto
feb35b94a6 Revert "Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376)" 
This reverts commit 2f21403a93.
 2017-04-08 15:15:14 -07:00
Mark Otto
fba27befef Add transition to .progress-bar 
- Pulls in values from v3
- Closes #22371 which didn't use a transition include
 2017-04-08 14:40:35 -07:00
Mark Otto
050aab338b Add dropdown-item-padding-y var 
- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)
 2017-04-08 14:40:11 -07:00
Mark Otto
2f21403a93 Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376) 2017-04-08 14:23:47 -07:00
Jesper Strange Klitgaard Christiansen
11c2c07e26 Remove margin-left on caret if empty (#22095) 2017-04-08 14:23:07 -07:00
Mark Otto
cf2de1fd05 Drop .jumbotron-hr 
- Closes #21760
- No longer needed since we have an rgba() value for this element, so it naturally darkens
 2017-04-08 14:21:18 -07:00
Mark Otto
9a475730dc Docs and CSS updates for #21807 (#22336) 
* tweak some copy
* fix up scrollspy docs
* remove nav styles that were added
* fix nav-based docs by requiring .nav-item on .nav-link
 2017-04-08 13:58:20 -07:00
Catalin Zalog
f7881336e5 css: just some ordering 
Order y & x axis by top, right, bottom, left logic
 2017-04-08 13:10:25 -07:00
Catalin Zalog
758503e9ae css: .navbar child's aligning 
Vertical centering `.navbar` flex children's

Demo: http://jsbin.com/fibini
 2017-04-08 12:38:37 -07:00
Catalin Zalog
8423e5c3e6 css: .navbar-expand .dropdown position 
Set/reset `.dropdown` position when `.navbar-expand`.

Demo: http://jsbin.com/pojecuh
 2017-04-08 12:36:28 -07:00
Mark Otto
2436ad589c drop flex and max-width, just use width 2017-04-07 14:22:49 -07:00
Mark Otto
c6168b64ed Remove system-ui from font stack due to i18n issues 2017-04-07 14:22:18 -07:00
Catalin Zalog
094b3a1293 css: .container-fluid 100% 
Force .container-fluid to be 100% width no matter if the parent is flex, or not.

Pen: http://codepen.io/zalog/pen/yMwyGr
 2017-04-03 08:59:33 -07:00
Pierre Vanduynslager
91b62941af Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, .nav-item, <li> etc...) 2017-04-02 11:21:04 +02:00
Praveen Puglia
cb4bc89fdf ability to change text color in popovers (#22221) 2017-03-28 15:21:47 -07:00
Mark Otto
296c99020c Revamp button and input vars while fixing #21587 (#22287) 2017-03-28 09:28:27 -07:00
Mark Otto
bebdbe4119 Fix wrapping card decks (#22289) 
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
 2017-03-27 22:53:39 -07:00
Mark Otto
fe3acc097a Card image fixes (#22288) 
* fix image stretching due to flexbox
* fix broke text-muted on dark bg
* no img-fluid needed
 2017-03-27 22:52:24 -07:00
Mark Otto
3ea3e10799 Use the hr-method for the nav-divider, closes #21945 2017-03-26 15:03:13 -07:00
Mark Otto
7ca078da81 fixes #22111 
- add .col-*-auto to the extend in our grid framework mixins so it gets padding
- this means we can avoid the col-12 classes in our docs for the responsive variants
 2017-03-26 13:23:49 -07:00
Mark Otto
32ed268c82 fixes #22245: revamp the breakpoint-between and breakpoint-only mixins to actually work 2017-03-26 13:23:49 -07:00
Mark Otto
8108c0357a Drop position relative on container that was added quickly in Alpha 6 2017-03-26 13:23:49 -07:00
Catalin Zalog
e20d744bdf .navbar-toggler color 
Change the .navbar-toggler to default contextual .navbar-*-color.

<iframe height='265' scrolling='no' title='Bootstrap - .navbar-toggler color' src='//codepen.io/zalog/embed/MJLZOE/?height=265&theme-id=light&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/zalog/pen/MJLZOE/'>Bootstrap - .navbar-toggler color</a> by Catalin Zalog (<a href='http://codepen.io/zalog'>@zalog</a>) on <a href='http://codepen.io'>CodePen</a>.
</iframe>
 2017-03-26 10:43:57 -07:00
Mark Otto
90c5f6230b rename from .navbar-toggleable to .navbar-expand to reflect mobile first approach everywhere else 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
17cb5bb674 Allow to customize navbar-brand font-size 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df Harmonize navbar-brand, navbar-text and nav-link height 2017-03-23 23:02:28 -07:00
Mark Otto
09ba3de619 revamp the collapse behavior 
instead of flex column, use wrap and an explicit flexbox break with flex-basis 100% on the navbar-collapse.

add some additional container styles for enabling flex behavior when content isn't immediate child of .navbar
 2017-03-23 23:02:28 -07:00
Mark Otto
0eb9862514 account for fluid containers 2017-03-23 23:02:28 -07:00
Mark Otto
1e424bfcf6 ditch abs positioned togglers for explicit justify-content: space-between on parent 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
89b47efc32 Simplify generation and get rid of previously added "breakpoint-previous" function 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
c1325a756e Generate correct breakpoints for navbar-toggleable-* and generate toggleable without media query to never collapse 2017-03-23 23:02:28 -07:00
Mark Otto
40ac03384d linting from before 2017-03-19 18:39:48 -07:00
Mark Otto
d093460252 fixes rest of #21585; adds custom styles for inverse table accent hover and active states 2017-03-19 18:39:48 -07:00
Mark Otto
13a874e340 reorder 2017-03-19 18:39:48 -07:00
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 1103a0da68d1846ad592eb4a105046a939557830.

* 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