Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Mark Otto's avatar
    redo hella docs scss · b68acc89
    Mark Otto authored 
    - clean out commented out code
- break apart homepage.scss into sub files by component
- rename a few files to reflect their new component names
    b68acc89
_featurettes.scss 1.38 KiB
1 
.bd-featurette {
2 
  padding-top: 3rem;
3 
  padding-bottom: 3rem;
4 
  font-size: 1rem;
5 
  line-height: 1.5;
6 
  color: #555;
7 
  // text-align: center;
8 
  background-color: #fff;
9 
  border-top: 1px solid #eee;
10
11 
  .highlight {
12 
    text-align: left;
13 
  }
14
15 
  @include media-breakpoint-up(md) {
16 
    .col-sm-6:first-child {
17 
      padding-right: ($grid-gutter-width * 1.5);
18 
    };
19 
    .col-sm-6:last-child {
20 
      padding-left: ($grid-gutter-width * 1.5);
21 
    }
22 
  }
23 
}
24
25 
.bd-featurette-title {
26 
  margin-bottom: .5rem;
27 
  font-size: 2rem;
28 
  font-weight: normal;
29 
  color: #333;
30
31 
  + .lead {
32 
    font-size: 1.5rem;
33 
    margin-bottom: 2rem;
34 
  }
35 
}
36 
.half-rule {
37 
  width: 6rem;
38 
  margin: 2.5rem 0;
39 
}
40 
.bd-featurette h4 {
41 
  margin-top: 1rem;
42 
  margin-bottom: .5rem;
43 
  font-weight: normal;
44 
  color: #333;
45 
}
46 
.bd-featurette-img {
47 
  display: block;
48 
  margin-bottom: 1.25rem;
49 
  color: #333;
50 
}
51 
.bd-featurette-img:hover {
52 
  color: $brand-primary;
53 
  text-decoration: none;
54 
}
55 
.bd-featurette-img img {
56 
  display: block;
57 
  margin-bottom: 1rem;
58 
}
59
60 
@media (min-width: 480px) {
61 
  .bd-featurette .img-responsive {
62 
    margin-top: 2rem;
63 
  }
64 
}
65 
@media (min-width: 768px) {
66 
  .bd-featurette {
67 
    padding-top: 6rem;
68 
    padding-bottom: 6rem;
69 
  }
70 
  .bd-featurette-title {
717273747576777879808182
font-size: 2.5rem; } .bd-featurette .lead { max-width: 80%; // margin-right: auto; // margin-left: auto; } .bd-featurette .img-responsive { margin-top: 0; } }