live/static/fork-awesome/src/doc/assets/less/site/responsive/screen-sm.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
  #icon-carousel {
    @size: 200px;
    font-size: @size;
    line-height: @size + 30;
  }
  .carousel-control {
    top: @size - 10px;
    .square(30px);
    left: 228/2 - 36px;
    &.right {
      right: 228/2 - 36px;
    }
  }

  .jumbotron-carousel {
    padding: 50px 0;
    h1 { font-size: 65px; }
    p { font-size: 23px; }
    .shameless-self-promotion { font-size: 12px; }
  }

  .jumbotron-ad {
    p { font-size: 24px; }
  }

  .jumbotron-icon {
    h1 small {
      display: block;
      margin-top: 15px;
      margin-left: 0;
      line-height: 20px;
    }
  }

  .stripe-ad .lead {
    margin: 0;
    padding-top: 0;
    font-size: 19px;
  }

  .fort-awesome {
    .action { width: 33%; }
  }

  .hide-sm { display: none; }
  .v-get-started .get-started-cdn { padding: 5px 22px 22px 22px; }
}