Files
@ 396fe74c6282
Branch filter:
Location: Copyleft/copyleft-wiki/bootstrap-3.0.0/less/jumbotron.less - annotation
396fe74c6282
882 B
text/x-less-css
See if I can get hover/focus colors working.
b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c b890802d732c | //
// Jumbotron
// --------------------------------------------------
.jumbotron {
padding: @jumbotron-padding;
margin-bottom: @jumbotron-padding;
font-size: (@font-size-base * 1.5);
font-weight: 200;
line-height: (@line-height-base * 1.5);
color: @jumbotron-color;
background-color: @jumbotron-bg;
h1 {
line-height: 1;
color: @jumbotron-heading-color;
}
p {
line-height: 1.4;
}
.container & {
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
}
@media screen and (min-width: @screen-tablet) {
padding-top: (@jumbotron-padding * 1.6);
padding-bottom: (@jumbotron-padding * 1.6);
.container & {
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
}
h1 {
font-size: (@font-size-base * 4.5);
}
}
}
|