Skip to content

Instantly share code, notes, and snippets.

@kalimar

kalimar/SassMeister-input-HTML.html

Created July 3, 2015 16:53
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/6eb615c1d07c9ccc6479 to your computer and use it in GitHub Desktop.
Save kalimar/6eb615c1d07c9ccc6479 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<a class="removeItem"></a>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
.removeItem {
position: absolute;
left: 3px;
top: 3px;
cursor: pointer;
border-radius: 50%;
background-color: red;
border: 1px solid red;
width: 18px;
height: 18px;
&::before {
display: block;
position: relative;
content: '\00d7';
top: 0;
left: 4px;
color: white;
font-size: 16px;
font-weight: 700;
}
}
Raw
SassMeister-output.css
.removeItem {
position: absolute;
left: 3px;
top: 3px;
cursor: pointer;
border-radius: 50%;
background-color: red;
border: 1px solid red;
width: 18px;
height: 18px;
}
.removeItem::before {
display: block;
position: relative;
content: '\00d7';
top: 0;
left: 4px;
color: white;
font-size: 16px;
font-weight: 700;
}
Raw
SassMeister-rendered.html
<a class="removeItem"></a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment