Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
161 lines (136 sloc) 4.02 KB
//
// Jumbotron
// --------------------------------------------------
.jumbotron {
padding: @jumbotron-padding (@jumbotron-padding / 2);
margin-bottom: @jumbotron-padding;
color: @jumbotron-color;
background-color: @jumbotron-bg;
h1,
.h1 {
color: @jumbotron-heading-color;
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-top: 2em;
margin-bottom: 1em;
}
> 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
}
.container {
max-width: 100%;
}
.topic {
&:extend(.well);
}
p:not(.first) {
text-indent: 2em;
}
@media screen and (min-width: @screen-sm-min) {
padding: (@jumbotron-padding * 1.6) 0;
.container &,
.container-fluid & {
padding-left: (@jumbotron-padding * 2);
padding-right: (@jumbotron-padding * 2);
}
h1, .h1 { font-size: ceil(@font-size-h1 * 1.1); }
h2, .h2 { font-size: ceil(@font-size-h2 * 1.1); }
h3, .h3 { font-size: ceil(@font-size-h3 * 1.1); }
h4, .h4 { font-size: ceil(@font-size-h4 * 1.1); }
h5, .h5 { font-size: ceil(@font-size-h5 * 1.1); }
h6, .h6 { font-size: ceil(@font-size-h6 * 1.1); }
p, ol, ul, td {
margin-bottom: (@jumbotron-padding / 2);
font-size: ceil((@font-size-base * 1.1));
font-weight: 120;
}
}
@media screen and (min-width: @screen-md-min) {
p, ol, ul, td {
font-size: ceil((@font-size-base * 1.2));
font-weight: 140;
}
h1, .h1 { font-size: ceil(@font-size-h1 * 1.2); }
h2, .h2 { font-size: ceil(@font-size-h2 * 1.2); }
h3, .h3 { font-size: ceil(@font-size-h3 * 1.2); }
h4, .h4 { font-size: ceil(@font-size-h4 * 1.2); }
h5, .h5 { font-size: ceil(@font-size-h5 * 1.2); }
h6, .h6 { font-size: ceil(@font-size-h6 * 1.2); }
}
@media screen and (min-width: @screen-lg-min) {
p, ol, ul, td {
font-size: ceil(@font-size-base * 1.4);
font-weight: 170;
}
h1, .h1 { font-size: ceil(@font-size-h1 * 1.4); }
h2, .h2 { font-size: ceil(@font-size-h2 * 1.4); }
h3, .h3 { font-size: ceil(@font-size-h3 * 1.4); }
h4, .h4 { font-size: ceil(@font-size-h4 * 1.4); }
h5, .h5 { font-size: ceil(@font-size-h5 * 1.4); }
h6, .h6 { font-size: ceil(@font-size-h6 * 1.4); }
}
@media screen and (min-width: @screen-xl-min) {
p, ol, ul, td {
font-size: ceil(@font-size-base * 1.6);
font-weight: 200;
}
h1, .h1 { font-size: ceil(@font-size-h1 * 1.6); }
h2, .h2 { font-size: ceil(@font-size-h2 * 1.6); }
h3, .h3 { font-size: ceil(@font-size-h3 * 1.6); }
h4, .h4 { font-size: ceil(@font-size-h4 * 1.6); }
h5, .h5 { font-size: ceil(@font-size-h5 * 1.6); }
h6, .h6 { font-size: ceil(@font-size-h6 * 1.6); }
}
@media screen and (min-width: @screen-md-min) {
.panel {
float: right;
clear: both;
width: floor(@container-md/2 - 168px); /* for margin */
margin: 10px;
.panel-heading {
font-size: ceil((@font-size-base * 1.2));
font-weight: 140;
}
p, ol, ul, td {
font-size: ceil((@font-size-base * 1.1));
font-weight: 120;
}
}
}
@media screen and (min-width: @screen-lg-min) {
.panel {
float: right;
clear: both;
width: floor(@container-lg/2 - 160px);; /* for margin */
margin: 10px;
.panel-heading {
font-size: ceil((@font-size-base * 1.4));
font-weight: 170;
}
p, ol, ul, td {
font-size: ceil((@font-size-base * 1.2));
font-weight: 140;
}
}
}
@media screen and (min-width: @screen-xl-min) {
.panel {
float: right;
clear: both;
width: floor(@container-xl/3 - 100px);; /* for margin */
margin: 10px;
.panel-heading {
font-size: ceil((@font-size-base * 1.6));
font-weight: 200;
}
p, ol, ul, td {
font-size: ceil((@font-size-base * 1.4));
font-weight: 170;
}
}
}
}