Mark Otto
32ed268c82
fixes #22245 : revamp the breakpoint-between and breakpoint-only mixins to actually work
2017-03-26 13:23:49 -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
Rishabh Rajgarhia
2f429fbd77
Update breakpoints in breakpoints.scss comments
2017-01-09 21:05:24 -08:00
sophiegit
eeb49651c6
Update bootstrap/scss/mixins/_breakpoints.scss ( #21285 )
...
grid-breakpoint for sm is 576px
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss#L186-L192
1._breakpoints.scss
comment says that grid-breakpoint for sm is 544px,
2.http://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints
current document says that grid-breakpoint for sm is 544px,
but it should be 576px
2016-12-04 16:46:07 -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
heath3
d19e762d57
Re-use 'between' mixin for 'only' mixin
...
Keeps the code DRY in the same way 'between' uses 'up' and 'down'.
2016-06-09 16:07:27 +01:00
Mark Otto
99219bac55
Merge pull request #17317 from dmbaughman/v4-media-breakpoint-between
...
v4 - Added mixin to handle media queries that span multiple breakpoints
2015-11-12 23:27:16 -08:00
Gleb Mazovetskiy
eabed0edf8
Change grid and container sizes to px
...
Changes grid and container sizes to `px`, as the
viewport pixel size does not depend on the font size.
The actual em values were inconsistent with the docs,
while the docs were not the same as the comments:
* `sm` breakpoint was 34em (544px) not 480px.
* `lg` container max-width was 60rem (960px), less gutter than `md`.
Changed to 940px, same as Bootstrap 3.
* `xl` container max-width was 72.25rem which is 1140px not 1156px.
Changed to 1140px matching the comment but not the docs.
Addresses #17070 and #17388 .
2015-09-27 14:39:17 +01:00
David Baughman
b1fa07b1f7
Adding new line to end of file
2015-09-02 10:09:55 -07:00
David Baughman
026682bf0d
Added mixin to handle media queries that span multiple breakpoints
2015-08-25 12:53:14 -07:00
Chris Rebert
807a837afe
Remove libsass @media nesting bug workaround
...
https://github.com/sass/libsass/issues/185 has been fixed.
Refs #48
2015-01-08 21:41:33 +00:00
Gleb Mazovetskiy
720d02c5e5
Revert "Remove libsass @media nesting bug workaround"
...
This reverts commit d6a5ebf438
2015-01-08 21:38:12 +00:00
Chris Rebert
d6a5ebf438
Remove libsass @media nesting bug workaround
...
https://github.com/sass/libsass/issues/185 has been fixed.
Refs #48
2015-01-07 19:17:45 -08: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
