wcfsetup/install/files/style/bootstrap/mixin/font.scss

   1 @mixin wcfFontDefault {
   2         @include screen-md-up {
   3                 font-size: $wcfFontSizeDefault;
   4         }
   5
   6         @include screen-sm-down {
   7                 font-size: 14px;
   8         }
   9 }
  10
  11 @mixin wcfFontSmall {
  12         font-weight: 400;
  13
  14         @include screen-md-up {
  15                 font-size: $wcfFontSizeSmall;
  16         }
  17
  18         @include screen-sm-down {
  19                 font-size: 12px;
  20         }
  21 }
  22
  23 @mixin wcfFontBold {
  24         font-weight: 600;
  25 }
  26
  27 @mixin wcfFontHeadline {
  28         font-weight: 400;
  29         line-height: 1.28;
  30
  31         @include screen-md-up {
  32                 font-size: $wcfFontSizeHeadline;
  33         }
  34
  35         @include screen-sm-down {
  36                 font-size: 18px;
  37         }
  38 }
  39
  40 @mixin wcfFontSection {
  41         font-weight: 300;
  42         line-height: 1.28;
  43
  44         @include screen-md-up {
  45                 font-size: $wcfFontSizeSection;
  46         }
  47
  48         @include screen-sm-down {
  49                 font-size: 20px;
  50         }
  51 }
  52
  53 @mixin wcfFontTitle {
  54         font-weight: 300;
  55         line-height: 1.05;
  56
  57         @include screen-md-up {
  58                 font-size: $wcfFontSizeTitle;
  59         }
  60
  61         @include screen-sm-down {
  62                 font-size: 23px;
  63         }
  64 }
  65
  66 @mixin wcfLineHeight {
  67         line-height: $wcfFontLineHeight;
  68 }