From 3a9d8664d115e2e24df83403f2ce3c7ed1d23b3e Mon Sep 17 00:00:00 2001 From: Yves Gatesoupe Date: Fri, 27 May 2016 11:06:32 +0200 Subject: [PATCH] feat(component): letter spacing for headings --- app/less/orange-css.less | 11 +++++++++-- app/less/variables-orange2015.less | 6 +++++- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/app/less/orange-css.less b/app/less/orange-css.less index d9cb498ad8..c9321727a1 100644 --- 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; -} \ No newline at end of file +} diff --git a/app/less/variables-orange2015.less b/app/less/variables-orange2015.less index df1e0095dc..a9410baf25 100644 --- 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