From 6ea0764456083d6192ba5926fe2999862f9b2a7e Mon Sep 17 00:00:00 2001 From: Gustavo Henke Date: Wed, 16 Jul 2014 09:31:15 -0300 Subject: [PATCH] Seta cor no :hover de um link com small dentro de um h1-h6 --- src/styles/headers.less | 44 +++++++++++++++++++++++++++++++++++++++++ src/styles/type.less | 29 --------------------------- 2 files changed, 44 insertions(+), 29 deletions(-) diff --git a/src/styles/headers.less b/src/styles/headers.less index fcb2453..ebf50fd 100644 --- a/src/styles/headers.less +++ b/src/styles/headers.less @@ -2,6 +2,48 @@ Headers ============================================================================================== */ +/* Headers - H1/H6 + --------------- */ + +/* + * 1. Corrige o espaçamento de caracteres para headings + */ +h1, +h2, +h3, +h4, +h5, +h6 { + margin: ( @computed-line-height / 2 ) 0; + font-family: @base-font-family; + font-weight: bold; + text-rendering: optimizelegibility; /* 1 */ + + small { + line-height: 1; + font-weight: normal; + color: @gray-light; + } + + a:hover small { + color: @gray; + } +} + +h1 { font-size: @font-size-base * 2.75; } +h2 { font-size: @font-size-base * 2.25; } +h3 { font-size: @font-size-base * 1.75; } +h4 { font-size: @font-size-base * 1.25; } +h5 { font-size: @font-size-base; } +h6 { font-size: @font-size-base * 0.85; } + +h1 small { font-size: @font-size-base * 1.75; } +h2 small { font-size: @font-size-base * 1.25; } +h3 small { font-size: @font-size-base; } +h4 small { font-size: @font-size-base; } + +/* Headers - Section Headers + ------------------------- */ .syo-header, .syo-subheader { display: block; @@ -24,6 +66,8 @@ margin-bottom: @computed-line-height / 3; } +/* Headers - Estilos Section Headers + --------------------------------- */ .syo-header-ruler { border-bottom: 1px solid @gray; } diff --git a/src/styles/type.less b/src/styles/type.less index f7fd113..57b2b48 100644 --- a/src/styles/type.less +++ b/src/styles/type.less @@ -29,36 +29,7 @@ small { font-size: 85%; } em, i { font-style: italic; } strong, b { font-weight: bold; } -/* Headings - -------- */ - -/* - * 1. Corrige o espaçamento de caracteres para headings - */ -h1, h2, h3, h4, h5, h6 { - margin: ( @computed-line-height / 2 ) 0; - font-family: @base-font-family; - font-weight: bold; - text-rendering: optimizelegibility; /* 1 */ - - small { - line-height: 1; - font-weight: normal; - color: @gray-light; - } -} -h1 { font-size: @font-size-base * 2.75; } -h2 { font-size: @font-size-base * 2.25; } -h3 { font-size: @font-size-base * 1.75; } -h4 { font-size: @font-size-base * 1.25; } -h5 { font-size: @font-size-base; } -h6 { font-size: @font-size-base * 0.85; } - -h1 small { font-size: @font-size-base * 1.75; } -h2 small { font-size: @font-size-base * 1.25; } -h3 small { font-size: @font-size-base; } -h4 small { font-size: @font-size-base; } /* Descrições ---------- */