Skip to content

Instantly share code, notes, and snippets.

@cimmanon
Created June 6, 2015 16:01
Show Gist options
  • Save cimmanon/380c2918af379a35fdf4 to your computer and use it in GitHub Desktop.
Save cimmanon/380c2918af379a35fdf4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
.item {
$map: (
accepted: red,
declined: blue,
paid: green
);
@each $class, $color in $map {
&.#{$class} {
border-left-color: $color;
& .booking-details {
background-color: $color;
}
}
}
}
.item.accepted {
border-left-color: red;
}
.item.accepted .booking-details {
background-color: red;
}
.item.declined {
border-left-color: blue;
}
.item.declined .booking-details {
background-color: blue;
}
.item.paid {
border-left-color: green;
}
.item.paid .booking-details {
background-color: green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment