Skip to content

Instantly share code, notes, and snippets.

@raahede

raahede/SassMeister-input-HTML.html

Created August 22, 2014 19:31
Show Gist options
  • Save raahede/fb885bcfcdbfe6ee01fb to your computer and use it in GitHub Desktop.
Save raahede/fb885bcfcdbfe6ee01fb to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a href="/" class="button" title="Text on mobile">Text on desktop</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.0)
// ----
.button {
display: inline-block;
float: left;
@media (max-width: 1079px) {
text-indent: -999px;
overflow: hidden;
&:before {
content: attr(title);
display: inline;
text-indent: 0;
float: inherit;
}
}
}
Raw
SassMeister-output.css
.button {
display: inline-block;
float: left;
}
@media (max-width: 1079px) {
.button {
text-indent: -999px;
overflow: hidden;
}
.button:before {
content: attr(title);
display: inline;
text-indent: 0;
float: inherit;
}
}
Raw
SassMeister-rendered.html
<a href="/" class="button" title="Text on mobile">Text on desktop</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment