Skip to content

Instantly share code, notes, and snippets.

@arlodesign

arlodesign/SassMeister-input.scss

Created July 1, 2015 20:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save arlodesign/28d7170054a69e6e4ae0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save arlodesign/28d7170054a69e6e4ae0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. arlodesign created this gist Jul 1, 2015.
    11 changes: 11 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    // ----
    // libsass (v3.2.5)
    // ----

    div {
    @each $lang in (en-us, es-la, pt-br) {
    html[lang="#{$lang}"] & {
    background-image: url(http://url.com/#{$lang}/image.png);
    }
    }
    }
    11 changes: 11 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    html[lang="en-us"] div {
    background-image: url(http://url.com/en-us/image.png);
    }

    html[lang="es-la"] div {
    background-image: url(http://url.com/es-la/image.png);
    }

    html[lang="pt-br"] div {
    background-image: url(http://url.com/pt-br/image.png);
    }