Skip to content

Instantly share code, notes, and snippets.

@marksiemers

marksiemers/SassMeister-input-HTML.html

Created September 14, 2015 20:33
Show Gist options
  • Save marksiemers/9f7238de048a1da84e0b to your computer and use it in GitHub Desktop.
Save marksiemers/9f7238de048a1da84e0b to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="mobile">
<div class="dates mobile">
May 17th
</div>
</div>
<div class="desktop">
<div class="dates">
May 17th
</div>
</div>
Raw
SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
.dates {
font-family: serif;
color: black;
.mobile & {
font-size: 12px;
align: center;
}
.desktop & {
font-size: 16px;
padding-left:20px;
}
}
Raw
SassMeister-output.css
.dates {
font-family: serif;
color: black;
}
.mobile .dates {
font-size: 12px;
align: center;
}
.desktop .dates {
font-size: 16px;
padding-left: 20px;
}
Raw
SassMeister-rendered.html
<div class="mobile">
<div class="dates mobile">
May 17th
</div>
</div>
<div class="desktop">
<div class="dates">
May 17th
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment