variables cleanup

_src/_assets/styl/_kremalicious/code.styl

@@ -66,8 +66,8 @@ code.language-shell
     display: block
 
     &:before
+        @extend .text-dimmed
         content: "$"
-        color: $text-color-dimmed
         display: inline-block
         margin-left: -.5em
         margin-right: .8em

_src/_assets/styl/_kremalicious/content-link.styl

@@ -5,10 +5,9 @@
 //
 
 .linkurl
-    @extend .ellipsis, .aligncenter
+    @extend .text-dimmed, .ellipsis, .aligncenter
     font-family: $font-family-base
     font-size: $font-size-mini
-    color: $text-color-dimmed
     padding: ($spacer/3) 0
     max-width: 70%
 

_src/_assets/styl/_kremalicious/content-photo.styl

@@ -87,7 +87,7 @@
 //
 .ab-dark
     .entry-content
-         color: $text-color-dimmed
+        @extend .text-dimmed
 
     .byline, time, .comments
         color: $text-color-light

_src/_assets/styl/_kremalicious/content.styl

@@ -109,8 +109,8 @@
 /////////////////////////////////////
 
 .entry-meta
+    @extend .small
     margin-top: ($spacer*2)
-    font-size: $font-size-small
 
 .byline,
 .time,
@@ -120,8 +120,7 @@
 
 .byline,
 .time
-    font-style: italic
-    color: $text-color-dimmed
+    @extend .text-dimmed, .italic
 
 .byline
     margin-bottom: 0
@@ -139,12 +138,11 @@
     margin-bottom: ($spacer/2)
 
 .category
-    @extend .h6, .textcenter
-    font-size: $font-size-mini
+    @extend .h6, .textcenter, .mini
+    color: $text-color
     line-height: 1
-    color: $brand-grey-light
     text-transform: uppercase
-    border: 1px solid $text-color-dimmed
+    border: 1px solid $text-color
     border-radius: $border-radius-base
     padding: 4px 8px
     margin: 0
@@ -165,8 +163,8 @@
     margin-right: 5px
 
     &:before
+        @extend .text-dimmed
         content: '#'
-        color: $text-color-dimmed
         margin-right: 1px
 
 .avatar

_src/_assets/styl/_kremalicious/footer.styl

@@ -72,8 +72,7 @@
         fill: #3b5998
 
 .subscribe-title
-    @extend .h5
-    color: $text-color-dimmed
+    @extend .h5, .text-dimmed
     margin-bottom: ($spacer/2)
 
 .footer__btc

_src/_assets/styl/_kremalicious/mixins.styl

@@ -118,20 +118,6 @@ visuallyhidden()
     border: 0
 
 
-// Dimmed Text
-/////////////////////////////////////
-
-dimmed()
-    color: $text-color-dimmed
-    p
-        color: $text-color-dimmed
-    li
-        color: $text-color-dimmed
-
-.dimmed
-    dimmed()
-
-
 // Text overflow
 /////////////////////////////////////
 

_src/_assets/styl/_kremalicious/navigation.styl

@@ -94,7 +94,7 @@
         background: rgba(255,255,255,.3)
 
     &.active
-        color: $text-color-dimmed
+        @extend .text-dimmed
         cursor: default
         pointer-events: none
         background: rgba(255,255,255,.3)

_src/_assets/styl/_kremalicious/typography.styl

@@ -243,7 +243,7 @@ dfn
     text-transform: none
     font-style: normal
     font-size: inherit
-    border-bottom: 1px dashed $text-color-dimmed
+    border-bottom: 1px dashed $brand-grey-dimmed
     cursor: help
     font-feature-settings: inherit
 

_src/_assets/styl/_kremalicious/variables.styl

@@ -35,7 +35,6 @@ $brand-grey-dimmed          = #D8E0E5
 
 $text-color                 = $brand-grey
 $text-color-light           = $brand-grey-light
-$text-color-dimmed          = $brand-grey-dimmed
 
 
 // Typography

_src/_assets/styl/_page-404.styl

@@ -16,9 +16,9 @@
     color: $text-color-light
 
 .srverror-text
+    @extend .text-dimmed
     font-size: 1.2em
     letter-spacing: .01em
-    color: $text-color-dimmed
 
 // HAL needs a size
 $hal-size = 72px