assets/main/sass/components/_section.scss

   1 ///
   2 /// Editorial by HTML5 UP
   3 /// html5up.net | @ajlkn
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
   5 ///
   6
   7 /* Section/Article */
   8
   9         section, article {
  10                 &.special {
  11                         text-align: center;
  12                 }
  13         }
  14
  15         header {
  16                 p {
  17                         font-family: _font(family-heading);
  18                         font-size: 1em;
  19                         font-weight: _font(weight-heading-alt);
  20                         letter-spacing: _font(kerning-heading);
  21                         margin-top: -0.5em;
  22                         text-transform: uppercase;
  23                 }
  24
  25                 &.major {
  26                         > :last-child {
  27                                 border-bottom: solid 3px _palette(accent);
  28                                 display: inline-block;
  29                                 margin: 0 0 _size(element-margin) 0;
  30                                 padding: 0 0.75em 0.5em 0;
  31                         }
  32                 }
  33
  34                 &.main {
  35                         > :last-child {
  36                                 margin: 0 0 (_size(element-margin) * 0.5) 0;
  37                         }
  38                 }
  39         }