Changes

no edit summary
Line 98: Line 98:     
#hrp-header-compact .default {
 
#hrp-header-compact .default {
$extend %verticaltext;
+
@mixin verticaltext;
 
background: #00497a;
 
background: #00497a;
 
color: white;
 
color: white;
Line 150: Line 150:  
font-variant: small-caps;
 
font-variant: small-caps;
 
font-size: 16px;
 
font-size: 16px;
@extend %vertical-align;
+
@include vertical-align;
 
}
 
}
   Line 533: Line 533:  
  }
 
  }
   −
%verticaltext {
+
@mixin verticaltext {
 
     transform: rotate(-90deg);
 
     transform: rotate(-90deg);
 
     transform-origin: left, bottom;
 
     transform-origin: left, bottom;
Line 543: Line 543:  
}
 
}
   −
%vertical-align {
+
@mixin vertical-align {
 
   position: relative;
 
   position: relative;
 
   top: 50%;
 
   top: 50%;