diff options
| author | Mark Otto <[email protected]> | 2015-05-14 10:09:42 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-05-14 10:09:42 -0700 |
| commit | d788e305227d83b73d004012c8772b58aa00e5e5 (patch) | |
| tree | 00d307e5d310013855cf77236c240799c41f87bb /less | |
| parent | d80194be7494bbc5f085cb1a4c99dcfad7b5123a (diff) | |
| download | bootstrap-d788e305227d83b73d004012c8772b58aa00e5e5.tar.xz bootstrap-d788e305227d83b73d004012c8772b58aa00e5e5.zip | |
Redo jumbotron padding
- In general, there are very few instances that would require a jumbotron without a parent or child container.
- Right now we account for that behavior though with some horizontal padding on the .jumbotron class.
- This removes that horizontal padding as it narrows our grid classes unnecessarily and accounts for a super small use case.
- It also improves consistency across breakpoints, in that padding isn't being added and removed.
- In doing so, I also removed the shorthand padding property and went with the specific ones (because yay specificity).
Diffstat (limited to 'less')
| -rw-r--r-- | less/jumbotron.less | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/less/jumbotron.less b/less/jumbotron.less index fb4415bdc..fa80a38c6 100644 --- a/less/jumbotron.less +++ b/less/jumbotron.less @@ -4,7 +4,8 @@ .jumbotron { - padding: @jumbotron-padding (@jumbotron-padding / 2); + padding-top: @jumbotron-padding; + padding-bottom: @jumbotron-padding; margin-bottom: @jumbotron-padding; color: @jumbotron-color; background-color: @jumbotron-bg; @@ -34,7 +35,8 @@ } @media screen and (min-width: @screen-sm-min) { - padding: (@jumbotron-padding * 1.6) 0; + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); .container &, .container-fluid & { |