_jumbotron.less 881 Bytes
Newer Older
1
//
2
// Jumbotron
3
4
// --------------------------------------------------

5

6
.jumbotron {
7
  padding: @jumbotron-padding (@jumbotron-padding / 2);
8
  margin-bottom: @jumbotron-padding;
9
  color: @jumbotron-color;
10
  background-color: @jumbotron-bg;
Mark Otto's avatar
Mark Otto committed
11

12
13
  .container &,
  .container-fluid & {
14
    .border-radius(@border-radius-large); // Only round corners at higher resolutions if contained in a container
Mark Otto's avatar
Mark Otto committed
15
16
  }

17
18
19
  .container {
    max-width: 100%;
  }
20
}
21

22
23
24
25
26
27
28
29
30
31
.jumbotron-heading {
  color: @jumbotron-heading-color;
}

.jumbotron-hr {
  border-top-color: darken(@jumbotron-bg, 10%);
}

@media (min-width: @screen-sm-min) {
  .jumbotron {
32
    padding: (@jumbotron-padding * 1.6) 0;
Mark Otto's avatar
Mark Otto committed
33

34
35
    .container &,
    .container-fluid & {
36
37
      padding-left:  (@jumbotron-padding * 2);
      padding-right: (@jumbotron-padding * 2);
Mark Otto's avatar
Mark Otto committed
38
    }
39
  }
Mark Otto's avatar
Mark Otto committed
40

41
42
  .jumbotron-heading {
    font-size: (@font-size-base * 4.5);
43
44
  }
}