Skip to content

Instantly share code, notes, and snippets.

@stevenadams
Created April 3, 2015 15:02
Show Gist options
  • Save stevenadams/e8d839e5e6ad66efebee to your computer and use it in GitHub Desktop.
Save stevenadams/e8d839e5e6ad66efebee to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$blue: #3479a5;
$blue--dark: #2a6184;
$green: #87ab4f;
$green--dark: #6c893f;
$section-themes: (
'blue': (
primary: $blue,
secondary: $blue--dark
),
'green': (
primary: $green,
secondary: $green--dark
)
);
@each $theme, $colors in $section-themes {
.t-#{$theme} {
.t-border {
border-color: map-get($colors, primary);
}
.t-bg,
&.pod--themed {
background-color: map-get($colors, primary);
}
.t-color,
.t-link {
color: map-get($colors, primary);
}
.t-link:hover {
color: map-get($colors, secondary);
}
}
}
.t-blue .t-border {
border-color: #3479a5;
}
.t-blue .t-bg, .t-blue.pod--themed {
background-color: #3479a5;
}
.t-blue .t-color,
.t-blue .t-link {
color: #3479a5;
}
.t-blue .t-link:hover {
color: #2a6184;
}
.t-green .t-border {
border-color: #87ab4f;
}
.t-green .t-bg, .t-green.pod--themed {
background-color: #87ab4f;
}
.t-green .t-color,
.t-green .t-link {
color: #87ab4f;
}
.t-green .t-link:hover {
color: #6c893f;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment