Changes

no edit summary
Line 87: Line 87:  
width: 20px;
 
width: 20px;
 
float: left;
 
float: left;
 +
@include verticaltext;
 
}
 
}
   Line 141: Line 142:  
font-variant: small-caps;
 
font-variant: small-caps;
 
font-size: 16px;
 
font-size: 16px;
position: relative;
+
@include vertical-align;
top: 50%;
  −
-webkit-transform: translateY(-50%);
  −
-ms-transform: translateY(-50%);
  −
transform: translateY(-50%);
   
}
 
}
   Line 528: Line 525:  
  }
 
  }
   −
.verticaltext {
+
@mixin verticaltext {
 
     transform: rotate(-90deg);
 
     transform: rotate(-90deg);
 
     transform-origin: left, bottom;
 
     transform-origin: left, bottom;
Line 536: Line 533:  
     -webkit-transform-origin: left, bottom;
 
     -webkit-transform-origin: left, bottom;
 
     position: relative;
 
     position: relative;
 +
}
 +
 +
@mixin vertical-align {
 +
  position: relative;
 +
  top: 50%;
 +
  -webkit-transform: translateY(-50%);
 +
  -ms-transform: translateY(-50%);
 +
  transform: translateY(-50%);
 
}
 
}