pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
jumbotron.less
(936B)
1 //
2 // Jumbotron
3 // --------------------------------------------------
4
5
6 .jumbotron {
7 padding: @jumbotron-padding;
8 margin-bottom: @jumbotron-padding;
9 font-size: @jumbotron-font-size;
10 font-weight: 200;
11 line-height: (@line-height-base * 1.5);
12 color: @jumbotron-color;
13 background-color: @jumbotron-bg;
14
15 h1,
16 .h1 {
17 line-height: 1;
18 color: @jumbotron-heading-color;
19 }
20 p {
21 line-height: 1.4;
22 }
23
24 .container & {
25 border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
26 }
27
28 .container {
29 max-width: 100%;
30 }
31
32 @media screen and (min-width: @screen-sm-min) {
33 padding-top: (@jumbotron-padding * 1.6);
34 padding-bottom: (@jumbotron-padding * 1.6);
35
36 .container & {
37 padding-left: (@jumbotron-padding * 2);
38 padding-right: (@jumbotron-padding * 2);
39 }
40
41 h1,
42 .h1 {
43 font-size: (@font-size-base * 4.5);
44 }
45 }
46 }