Seta cor no :hover de um link com small dentro de um h1-h6

Syonet · Jul 16, 2014 · 6ea0764 · 6ea0764
1 parent b3e0455
commit 6ea0764
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 29 deletions.
diff --git 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
@@ -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
    ---------- */