2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00

rewrite jumbotron less and make heading use a class

This commit is contained in:
Mark Otto
2014-09-17 20:03:32 -07:00
parent 3d6982c149
commit ca2711fc8e
11 changed files with 58 additions and 48 deletions
+16 -15
View File
@@ -9,15 +9,6 @@
color: @jumbotron-color;
background-color: @jumbotron-bg;
h1,
.h1 {
color: @jumbotron-heading-color;
}
> hr {
border-top-color: darken(@jumbotron-bg, 10%);
}
.container &,
.container-fluid & {
.border-radius(@border-radius-large); // Only round corners at higher resolutions if contained in a container
@@ -26,18 +17,28 @@
.container {
max-width: 100%;
}
}
@media screen and (min-width: @screen-sm-min) {
.jumbotron-heading {
color: @jumbotron-heading-color;
}
.jumbotron-hr {
border-top-color: darken(@jumbotron-bg, 10%);
}
@media (min-width: @screen-sm-min) {
.jumbotron {
padding: (@jumbotron-padding * 1.6) 0;
.container & {
.container &,
.container-fluid & {
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
}
}
h1,
.h1 {
font-size: (@font-size-base * 4.5);
}
.jumbotron-heading {
font-size: (@font-size-base * 4.5);
}
}