Skip to content

Instantly share code, notes, and snippets.

@jordanthomas

jordanthomas/SassMeister-input-HTML.html

Created June 20, 2014 04:33
Show Gist options
  • Save jordanthomas/91d5da925173ed99b933 to your computer and use it in GitHub Desktop.
Save jordanthomas/91d5da925173ed99b933 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<span class="t active" data-key="hello world">Hello</span> and some additional words.
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
span.t.active {
box-shadow: 0 0 5px yellow;
outline: 1px solid yellow;
position: relative;
}
span.t.active:hover:after {
content: attr(data-key);
position: absolute;
left: 100%;
margin-left: 0.25em;
white-space: nowrap;
background: white;
outline: 1px solid yellow;
}
Raw
SassMeister-output.css
span.t.active {
box-shadow: 0 0 5px yellow;
outline: 1px solid yellow;
position: relative;
}
span.t.active:hover:after {
content: attr(data-key);
position: absolute;
left: 100%;
margin-left: 0.25em;
white-space: nowrap;
background: white;
outline: 1px solid yellow;
}
Raw
SassMeister-rendered.html
<span class="t active" data-key="hello world">Hello</span> and some additional words.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment