feat(component): letter spacing for headings

Orange-OpenSource · May 27, 2016 · 3a9d866 · 3a9d866
1 parent 20cf91f
commit 3a9d866
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/app/less/orange-css.less b/app/less/orange-css.less
@@ -5,6 +5,13 @@ html{
     font-weight:@brand-font-weight-normal;
 }
 
+// titles letter spacing
+h1, .h1 { letter-spacing: @letter-spacing-h1; }
+h2, .h2 { letter-spacing: @letter-spacing-h2; }
+h3, .h3 { letter-spacing: @letter-spacing-h3; }
+h4, .h4 { letter-spacing: @letter-spacing-h4; }
+h5, .h5 { letter-spacing: @letter-spacing-h5; }
+
 // reduce the size of titles for mobile display
 @media (max-width: @screen-sm-max) {
   h1, .h1 { font-size: @font-size-h1-mobile; }
@@ -390,7 +397,7 @@ a:focus {
 
 label, input, .form-control{
   font-size: @font-size-base-up;
-}                             
+}
 .form-control {
   padding: @padding-base-vertical (@padding-base-horizontal / 2);
 }
@@ -516,4 +523,4 @@ caption{
 
 .form-control {
   border-width: 2px;
-}
+}
diff --git a/app/less/variables-orange2015.less b/app/less/variables-orange2015.less
@@ -105,7 +105,11 @@
 @font-size-h5-mobile: @font-size-h4-mobile;
 @font-size-h6-mobile: @font-size-h5-mobile;
 
-
+@letter-spacing-h1:-.068rem;
+@letter-spacing-h2:-.06rem;
+@letter-spacing-h3:-.03rem;
+@letter-spacing-h4:-.02rem;
+@letter-spacing-h5:-.01rem;
 
 /// Unit-less `line-height` for use in components like buttons.
 @line-height-base:        1.428571429; // 20/14