_press_release.scss 1.89 KB
Newer Older
1 2 3 4
.pressrelease {
  background: rgb(250,250,250);

  .container {
5
    padding: ($baseline*3) 0 ($baseline*6);
6 7

    h1 + hr {
8
      margin-bottom: ($baseline*3);
9 10 11
    }

    h3 + hr {
12
      margin-bottom: ($baseline*3);
13 14 15 16 17
    }

    h3 {
      color: $lighter-base-font-color;
      font-style: italic;
18
      margin-bottom: ($baseline*1.5);
19 20
      text-align: center;
    }
21

22 23 24
    li {
      color: $base-font-color;
      font: normal 1em/1.6em $serif;
25
      margin: 0;
26 27 28 29

      a {
        font: 1em $serif;
      }
30
    }
31

32
    li + li {
33
      margin-top: $baseline;
34
    }
35 36 37

    > article {
      border: 1px solid rgb(220,220,220);
38
      border-radius: 10px;
39
      @include box-sizing(border-box);
40
      box-shadow: 0 2px 16px 0 $shadow-l1;
41
      margin: 0 auto;
42
      padding: 80px 80px 40px;
43 44 45 46 47 48 49 50 51
      width: flex-grid(10);

      .footer {
        hr {
          margin: 80px 0px 40px;
        }
      }
    }

52 53
    figure {
      display: block;
54 55
      @include float(right);
      @include margin(20px, 0px, 60px, 20px);
56 57 58 59 60 61 62 63
      width: 300px;

      img {
        width: 100%;
      }

      figcaption {
        font: normal 0.8em/1em $serif;
64
        padding: ($baseline/4);
65 66 67 68 69 70
        a {
          font: normal 1em $serif;
        }
      }
    }

71 72 73 74 75
    p + h2 {
      margin-top: 60px;
    }

    h2 + p {
76
      margin-top: ($baseline*1.5);
77
    }
78

79
    .contact {
80
      margin-top: $baseline;
81

82
      p + p {
83
       margin-top: 0;
84 85
      }
    }
86 87 88 89 90

    h3.date {
      margin-bottom: 0;
    }

91

92
    div.social-sharing {
93
      @include clearfix();
94 95 96 97 98 99 100

      hr.horizontal-divider {
        margin-top: 40px !important;
      }

      .fb-like {
        margin-top: 8px;
101 102
        @include margin-left($baseline/2);
        @include float(left);
103 104 105
      }

      p {
106
        @include float(left);
107
        margin-top: 8px;
108
        @include margin-right($baseline/2);
109 110 111 112
      }

      a {
        display: block;
113
        @include float(left);
114 115
      }
    }
116 117
  }
}