Skip to content

Instantly share code, notes, and snippets.

@zbert
Created May 26, 2015 20:42
Show Gist options
  • Save zbert/e359a9376bec97fbf6e1 to your computer and use it in GitHub Desktop.
Save zbert/e359a9376bec97fbf6e1 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$color-brand-grey: rgb(75, 75, 75); // #4B4B4B
$color-brand-blue: rgb(37, 124, 192); // #0075D3
$color-brand-green: rgb(63, 156, 53); // #3F9C35
$color-brand-pink: rgb(191, 34, 150); // #BF2296
$color-brand-purple: rgb(99, 29, 118); // #631D76
$color-brand-orange: rgb(212, 118, 0); // #D47600
$color-brand-red: rgb(171, 42, 37); // #AB2A25
$color-brand-yellow: rgb(235, 226, 125); // #EBE27D
$color-brand-steel: rgb(61, 61, 61); // #3d3d3d
$list: $color-brand-green $color-brand-steel $color-brand-orange $color-brand-red $color-brand-blue
$color-brand-orange $color-brand-green $color-brand-steel $color-brand-red $color-brand-blue
$color-brand-red $color-brand-orange $color-brand-orange $color-brand-steel $color-brand-green
$color-brand-blue $color-brand-red $color-brand-blue $color-brand-orange $color-brand-steel;
@mixin colors {
@for $i from 1 through length($list) {
&:nth-child(#{length($list)}n + #{$i}) {
background-color: #{nth($list, $i)};
}
}
}
.dlablogs-item {
@include colors;
}
.dlablogs-item:nth-child(20n + 1) {
background-color: #3f9c35;
}
.dlablogs-item:nth-child(20n + 2) {
background-color: #3d3d3d;
}
.dlablogs-item:nth-child(20n + 3) {
background-color: #d47600;
}
.dlablogs-item:nth-child(20n + 4) {
background-color: #ab2a25;
}
.dlablogs-item:nth-child(20n + 5) {
background-color: #257cc0;
}
.dlablogs-item:nth-child(20n + 6) {
background-color: #d47600;
}
.dlablogs-item:nth-child(20n + 7) {
background-color: #3f9c35;
}
.dlablogs-item:nth-child(20n + 8) {
background-color: #3d3d3d;
}
.dlablogs-item:nth-child(20n + 9) {
background-color: #ab2a25;
}
.dlablogs-item:nth-child(20n + 10) {
background-color: #257cc0;
}
.dlablogs-item:nth-child(20n + 11) {
background-color: #ab2a25;
}
.dlablogs-item:nth-child(20n + 12) {
background-color: #d47600;
}
.dlablogs-item:nth-child(20n + 13) {
background-color: #d47600;
}
.dlablogs-item:nth-child(20n + 14) {
background-color: #3d3d3d;
}
.dlablogs-item:nth-child(20n + 15) {
background-color: #3f9c35;
}
.dlablogs-item:nth-child(20n + 16) {
background-color: #257cc0;
}
.dlablogs-item:nth-child(20n + 17) {
background-color: #ab2a25;
}
.dlablogs-item:nth-child(20n + 18) {
background-color: #257cc0;
}
.dlablogs-item:nth-child(20n + 19) {
background-color: #d47600;
}
.dlablogs-item:nth-child(20n + 20) {
background-color: #3d3d3d;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment