Skip to content

Instantly share code, notes, and snippets.

@greaterweb

greaterweb/SassMeister-input-HTML.html

Created August 12, 2015 02:54
Show Gist options
  • Save greaterweb/79a9fe70ba15aa202071 to your computer and use it in GitHub Desktop.
Save greaterweb/79a9fe70ba15aa202071 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<article class="wk-document">
<p>Testing</p>
</article>
<article typeof="pci-core:BibliographicResource">
<p>Testing</p>
</article>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$selector-name: '.wk-document';
article#{$selector-name} {
color: #000;
font-style: italic;
}
$selector-name: '[typeof="pci-core:BibliographicResource"]';
article#{$selector-name} {
color: #333;
font-weight: bold;
}
Raw
SassMeister-output.css
article.wk-document {
color: #000;
font-style: italic;
}
article[typeof="pci-core:BibliographicResource"] {
color: #333;
font-weight: bold;
}
Raw
SassMeister-rendered.html
<article class="wk-document">
<p>Testing</p>
</article>
<article typeof="pci-core:BibliographicResource">
<p>Testing</p>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment