Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@chantastic
Created January 28, 2014 16:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chantastic/8671642 to your computer and use it in GitHub Desktop.
Save chantastic/8671642 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.has-tip,
[data-has-tip=true]
&.tip--top,
&[data-tip-options*=top],
&
&:hover:after
color: green
@media screen\9
&
/* IE6/7 styles */
color: red
@media \0screen
&
/* IE6/7 styles */
color: blue
.has-tip.tip--top:hover:after, .has-tip[data-tip-options*=top]:hover:after, .has-tip:hover:after,
[data-has-tip=true].tip--top:hover:after,
[data-has-tip=true][data-tip-options*=top]:hover:after,
[data-has-tip=true]:hover:after {
color: green;
}
@media screen\9 {
.has-tip.tip--top:hover:after, .has-tip[data-tip-options*=top]:hover:after, .has-tip:hover:after,
[data-has-tip=true].tip--top:hover:after,
[data-has-tip=true][data-tip-options*=top]:hover:after,
[data-has-tip=true]:hover:after {
/* IE6/7 styles */
color: red;
}
}
@media \0screen {
.has-tip.tip--top:hover:after, .has-tip[data-tip-options*=top]:hover:after, .has-tip:hover:after,
[data-has-tip=true].tip--top:hover:after,
[data-has-tip=true][data-tip-options*=top]:hover:after,
[data-has-tip=true]:hover:after {
/* IE6/7 styles */
color: blue;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment