Skip to content

Instantly share code, notes, and snippets.

@wnstn
Last active December 19, 2015 06:29
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wnstn/5911825 to your computer and use it in GitHub Desktop.
Save wnstn/5911825 to your computer and use it in GitHub Desktop.
I love you Sass
.feed-section-header {
margin: 0;
font-size: 1.1em;
$groups: community $community \70, teams $teams \72, college $college \71, for-you $gray \6b;
@each $group in $groups {
&.#{nth($group, 1)} {
color: #{nth($group, 2)};
.feed-icon {
@extend %icon-font;
&:before { content: "#{nth($group, 3)}"; }
}
}
}
}
.feed-section header {
margin: 0;
font-size: 1.1em;
&.community {
color: $community;
.feed-icon {
@extend %icon-font;
&:before { content: "\70"; }
}
}
&.teams {
color: $teams;
.feed-icon {
@extend %icon-font;
&:before { content: "\72"; }
}
}
&.college {
color: $college;
.feed-icon {
@extend %icon-font;
&:before { content: "\71"; }
}
}
&.for-you {
color: $gray;
.feed-icon {
@extend %icon-font;
&:before { content: "\6b"; }
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment