Skip to content

Instantly share code, notes, and snippets.

@michaek

michaek/SassMeister-input-HTML.html

Created September 18, 2014 15:49
Show Gist options
  • Save michaek/3a586106d877ddf1b98a to your computer and use it in GitHub Desktop.
Save michaek/3a586106d877ddf1b98a to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div>
<div class="b">
Ok
</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----
@mixin filter-gradient($a, $b) {
x: y;
}
@mixin filter-gradient-none() {
x: z;
}
.ui-button {
.ie7 &, .ie8 & { @include filter-gradient(#d91a16, #8e0e0b); }
&:active,
&:hover,
&.ui-state-hover {
.ie7 &, .ie8 & { @include filter-gradient(#8e0e0b, #d91a16); }
}
}
.ui-button-secondary {
.ie7 &, .ie8 & { @include filter-gradient(#536873, #3a4b4f); }
&:hover,
&:active {
.ie7 &, .ie8 & { @include filter-gradient-none(); }
}
}
.links-breadcrumbs {
a { @extend .ui-button; @extend .ui-button-secondary; }
}
.ddc-content.map-static .ui-button {
@extend .ui-button-secondary;
}
Raw
SassMeister-output.css
.ie7 .ui-button, .ie7 .links-breadcrumbs a, .links-breadcrumbs .ie7 a, .ie8 .ui-button, .ie8 .links-breadcrumbs a, .links-breadcrumbs .ie8 a {
x: y; }
.ie7 .ui-button:active, .ie7 .links-breadcrumbs a:active, .links-breadcrumbs .ie7 a:active, .ie8 .ui-button:active, .ie8 .links-breadcrumbs a:active, .links-breadcrumbs .ie8 a:active, .ie7 .ui-button:hover, .ie7 .links-breadcrumbs a:hover, .links-breadcrumbs .ie7 a:hover, .ie8 .ui-button:hover, .ie8 .links-breadcrumbs a:hover, .links-breadcrumbs .ie8 a:hover, .ie7 .ui-button.ui-state-hover, .ie7 .links-breadcrumbs a.ui-state-hover, .links-breadcrumbs .ie7 a.ui-state-hover, .ie8 .ui-button.ui-state-hover, .ie8 .links-breadcrumbs a.ui-state-hover, .links-breadcrumbs .ie8 a.ui-state-hover {
x: y; }
.ie7 .ui-button-secondary, .ie7 .links-breadcrumbs a, .links-breadcrumbs .ie7 a, .ie7 .ddc-content.map-static .ui-button, .ddc-content.map-static .ie7 .ui-button, .ie7 .ddc-content.map-static .links-breadcrumbs a, .ddc-content.map-static .links-breadcrumbs .ie7 a, .ie7 .links-breadcrumbs .ddc-content.map-static a, .links-breadcrumbs .ddc-content.map-static .ie7 a, .ie8 .ui-button-secondary, .ie8 .links-breadcrumbs a, .links-breadcrumbs .ie8 a, .ie8 .ddc-content.map-static .ui-button, .ddc-content.map-static .ie8 .ui-button, .ie8 .ddc-content.map-static .links-breadcrumbs a, .ddc-content.map-static .links-breadcrumbs .ie8 a, .ie8 .links-breadcrumbs .ddc-content.map-static a, .links-breadcrumbs .ddc-content.map-static .ie8 a {
x: y; }
.ie7 .ui-button-secondary:hover, .ie7 .links-breadcrumbs a:hover, .links-breadcrumbs .ie7 a:hover, .ie7 .ddc-content.map-static .ui-button:hover, .ddc-content.map-static .ie7 .ui-button:hover, .ie8 .ui-button-secondary:hover, .ie8 .links-breadcrumbs a:hover, .links-breadcrumbs .ie8 a:hover, .ie8 .ddc-content.map-static .ui-button:hover, .ddc-content.map-static .ie8 .ui-button:hover, .ie7 .ui-button-secondary:active, .ie7 .links-breadcrumbs a:active, .links-breadcrumbs .ie7 a:active, .ie7 .ddc-content.map-static .ui-button:active, .ddc-content.map-static .ie7 .ui-button:active, .ie8 .ui-button-secondary:active, .ie8 .links-breadcrumbs a:active, .links-breadcrumbs .ie8 a:active, .ie8 .ddc-content.map-static .ui-button:active, .ddc-content.map-static .ie8 .ui-button:active {
x: z; }
Raw
SassMeister-rendered.html
<div>
<div class="b">
Ok
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment