0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Commit Graph

44 Commits

Author SHA1 Message Date
Casper Bornebusch
f4132dba07 Add order-last grid class (#24915)
* Add order-*-last grid class

* copy updates
2018-01-16 09:10:40 -08:00
Kevin Ruscoe
d90dddf5e0 Add .order-0 to the flexbox grid ordering helpers. (#25137) 2017-12-31 02:28:12 +02:00
Luke Frake
c2fb64ce37 Add order first to grid (#24202)
* Add first class to grid framework to add negative ordering

* Add order-first explination to the docs
2017-10-02 18:56:13 -07:00
XhmikosR
5cec8e0de6 Minor Sass cleanup and consistency changes. (#23959) 2017-09-17 08:18:24 +03:00
Mark Otto
fd8c052c67 Restore grid offset classes
Fixes #23360 by restoring just the offset class generation to our grid
framework mixins. Also restores the `make-col-offset` mixin.

Docs have been restored to illustrate this behavior and merged with the
newer margin utilities examples.
2017-08-20 11:17:48 -07:00
Mark Otto
deeae4f820 Update _grid-framework.scss 2017-06-30 11:44:09 -07:00
Mark Otto
4982926dcf Drop offsets and push/pull for new order variants 2017-06-30 11:44:09 -07:00
Mark Otto
d30b5b120e remove unused mixin, fix variable 2017-06-30 09:01:39 -07:00
Mark Otto
b013b987b0 remove grid gutter sass map as it's output css was all jacked up 2017-06-30 09:01:39 -07:00
Mark Otto
1b722372a8 update comment 2017-06-17 20:25:35 -07:00
Mark Otto
48d17bc8b8 keep width, add comment 2017-05-28 21:12:55 -07:00
Mark Otto
8a2d845a4f Fix responsive .col-{infix}-auto
Responsive automatic column resets weren't working because they inherited their `max-width` from lower grid tiers. This was because we were resetting the `width`, not the `max-width`.
2017-05-28 21:12:55 -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
eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Starsam80
b226766b62 Remove lots of duplication + minor cleanup (#21238)
* Remove comment that duplicated some code
* Use transition mixin whenever possible
* Create a new function to reduce duplication
* Use the new `breakpoint-infix` method
2016-11-28 13:23:59 -08:00
Starsam80
08e36a3cc9 Rename .col-xs to .col + some other cleanup (#21222)
* Use `breakpoint-min` instead of a counter

* Remove 'xs' from flexbox grid
2016-11-27 22:47:00 -08:00
Eric Nolte
9402be4d44 Update grid mixins to omit lowest breakpoint
The new breakpiont-limited class pattern is to omit the breakpoint size when using the lowest size eg. col-xs-12 to col-12. This commit implements this pattern to the grid system.
2016-11-04 10:47:23 -06:00
Alan Mooiman
e22b0df8b2 Create col class for auto flexbox columns
.col-xs-auto, .col-sm-auto, etc.
2016-10-20 13:08:00 -04:00
Mark Otto
88c601a842 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
2016-10-02 21:10:06 -07:00
Kovah
0ef64d89f7 Add breakpoint-specific gutters. 2016-09-13 23:02:56 -05:00
Franco Moya
833028a779 Remove unused $variables in grid mixins (#20597) 2016-09-04 17:43:38 -07:00
Mark Otto
adba459749 restore the .col-{bp} class for flexbox auto layout 2016-07-25 17:22:06 -07:00
Mark Otto
cdc55a46c2 linting 2016-07-23 17:21:00 -07:00
Mark Otto
a8879c8f82 Follow-up to #19099 for grid fixes
- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports
2016-07-23 17:12:43 -07:00
Lionel Erard
18c25056a6 Update offset class name in comment in _grid-framework.scss
[skip sauce]
[skip validator]
2016-04-06 02:27:59 -07:00
Chris Rebert
43d0d45d0a Add $gutter parameter to make-col mixin; fixes #19147
[skip sauce]
[skip validator]
2016-02-17 03:19:07 -08:00
Mark Otto
4043510e0e fixes #19148 as follow up to #19099: ensure local mixin variable is used for in make-grid-columns mixin 2016-02-16 20:11:11 -08:00
Mark Otto
3743f279c1 linting 2016-02-06 12:32:43 -08:00
Mark Otto
15018a6d8a Ugh, Sass doesn't do extends across media, so we can't use placeholder here 2016-02-06 11:48:28 -08:00
Mark Otto
50e854affa property order and white space 2016-02-06 11:36:45 -08:00
Mark Otto
95f34be093 More grid updates
- Flexbox responsive behavior fixed with specific .col-{breakpoint} classes now added
- Dropped the make-col mixin in favor of a column-basics placeholder that we can extend across our grid infrastructure
- Updated docs to use required .col-xs-12 (as a safeguard for when folks enable flexbox mode--this isn't necessary in default grid mode)
- Update flexbox grid docs to include responsive docs, tweak some other bits too
2016-02-06 11:31:46 -08:00
Mark Otto
414997baa8 flip things around again, no more base class, try out some new stuff to keep responsive flex grid working 2016-02-06 10:51:59 -08:00
Mark Otto
5a9538d4c7 Revamp grid classes to require .col base class and improve flexbox grid classes with auto layout via flex: 1 2016-02-06 00:45:29 -08:00
Chris Purssell
0762a1978c Allow custom breakpoint config to be passed on by mixins which nest media query mixins. 2016-01-14 16:33:04 +10:00
Chris Rebert
c1c1b3885d Remove useless .col-*-offset-12 and .col-xs-offset-0 classes
Fixes #18036

[skip sauce]
[skip validator]
2015-12-08 01:50:42 -08:00
Gleb Mazovetskiy
f88cbe7ee4 Fix -flex compile on Sass Ruby #17046 2015-08-20 08:38:02 +01:00
Mark Otto
9d4d6ef3a2 stub out flexbox grid variation via -flex 2015-04-27 01:43:14 -07:00
Chris Rebert
746e09f8ae rename media-breakpoint-{min,max} => media-breakpoint-{up,down} 2015-01-06 17:47:13 -08:00
Gleb Mazovetskiy
93f51eb0e9 Automate breakpoints
Breakpoints and container widths are now defined as maps.
2014-12-24 22:27:11 +02:00
Gleb Mazovetskiy
5fefe06c3d Refactor grid-framework followup
* Split up calc-grid-column, generate selectors in make-grid
* Iterate over $grid-breakpoints and (pull, push, offset)
2014-12-07 16:22:39 +00:00
Gleb Mazovetskiy
795a584561 Refactor grid_framework
A more idiomatic refactoring of the grid framework

* Use %-placeholder instead of generating a class name list
* Use if expression
* Remove loop-grid-columns
2014-12-07 13:44:24 +00:00
Mark Otto
bc3a2f669d fix vars order, remove rando grid class from mixin 2014-12-04 22:32:39 -08:00
Mark Otto
a1a3a007b6 tweak grid docs, add new tier 2014-12-04 21:02:04 -08:00
Mark Otto
27df020852 convert to scss 2014-12-02 14:02:35 -08:00