Skip to content

Instantly share code, notes, and snippets.

@kalimar

kalimar/SassMeister-input-HTML.html

Created July 2, 2015 21:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kalimar/3893a59bc994225448ac to your computer and use it in GitHub Desktop.
Save kalimar/3893a59bc994225448ac to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a class="removeItem">
<p class="closer"></p>
</a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
.removeItem {
position: absolute;
left: 3px;
top: 3px;
z-index: 2;
cursor: pointer;
border-radius: 50%;
background-color: red;
border: 1px solid red;
width: 16px;
height: 16px;
p.closer::before {
display: block;
position: relative;
content: "\00d7";
top: -18px;
left: 4px;
color: white;
font-size: 16px;
font-weight: 700;
}
}
Raw
SassMeister-output.css
.removeItem {
position: absolute;
left: 3px;
top: 3px;
z-index: 2;
cursor: pointer;
border-radius: 50%;
background-color: red;
border: 1px solid red;
width: 16px;
height: 16px;
}
.removeItem p.closer::before {
display: block;
position: relative;
content: "\00d7";
top: -18px;
left: 4px;
color: white;
font-size: 16px;
font-weight: 700;
}
Raw
SassMeister-rendered.html
<a class="removeItem">
<p class="closer"></p>
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment