Skip to content

Instantly share code, notes, and snippets.

@franklinovitch
Created May 6, 2015 12:16
Show Gist options
  • Save franklinovitch/614e166dd49ef57ea1f4 to your computer and use it in GitHub Desktop.
Save franklinovitch/614e166dd49ef57ea1f4 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
@mixin renderuniversmenumobile($classname, $universcolor){
#{$classname} {
&:hover, &.current {
background: $universcolor;
a {
background: $universcolor;
border-color: $universcolor;
color: #FFF;
text-shadow: none;
}
}
}
}
@include renderuniversmenumobile(".universpink", #ea319d);
@include renderuniversmenumobile(".universblue", #18b4ea);
@include renderuniversmenumobile(".universyellow", #f5951c);
@include renderuniversmenumobile(".universrd", #D03E3E);
.universpink:hover, .universpink.current {
background: #ea319d;
}
.universpink:hover a, .universpink.current a {
background: #ea319d;
border-color: #ea319d;
color: #FFF;
text-shadow: none;
}
.universblue:hover, .universblue.current {
background: #18b4ea;
}
.universblue:hover a, .universblue.current a {
background: #18b4ea;
border-color: #18b4ea;
color: #FFF;
text-shadow: none;
}
.universyellow:hover, .universyellow.current {
background: #f5951c;
}
.universyellow:hover a, .universyellow.current a {
background: #f5951c;
border-color: #f5951c;
color: #FFF;
text-shadow: none;
}
.universrd:hover, .universrd.current {
background: #D03E3E;
}
.universrd:hover a, .universrd.current a {
background: #D03E3E;
border-color: #D03E3E;
color: #FFF;
text-shadow: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment