Skip to content

Instantly share code, notes, and snippets.

@ahaywood
Created March 23, 2017 15:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ahaywood/a9cad4a2685a1a695d25b4f22b32b1e7 to your computer and use it in GitHub Desktop.
Save ahaywood/a9cad4a2685a1a695d25b4f22b32b1e7 to your computer and use it in GitHub Desktop.
iMom Color Maping - Wanted a specific color for each of the blog categories
$category-colors : (imom-morning, $ff-yellow, $gray-8),
(movie-monitor, $ff-coral, white),
(pillow-talk, $ff-l-blue, white),
(susan, $ff-limey-green, white),
(marriage, $ff-red, white),
(family-fun, $ff-orange, white),
(printables, $ff-teal, white),
(mom-life, $ff-blue, white),
(quotes, $ff-purple, white),
(parenting, $ff-green, white);
@each $color, $bg-color, $text-color in $category-colors {
.h3--category-#{$color} {
background: #{$bg-color} !important;
color: #{$text-color} !important;
}
.post-title--#{$color} a:hover {
color: #{$bg-color} !important;
}
.cards__one-card__footer--#{$color} a.read-more:hover {
color: #{$bg-color} !important;
}
.category-color--#{$color} {
background: #{$bg-color} !important;
}
.color--#{$color} {
color: #{$bg-color} !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment