Skip to content

Instantly share code, notes, and snippets.

@Undistraction

Undistraction/SassMeister-input-HTML.html

Created July 15, 2015 16:00
Show Gist options
  • Save Undistraction/7139729b11446aefee24 to your computer and use it in GitHub Desktop.
Save Undistraction/7139729b11446aefee24 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="Title">
<h2>THIS SHOULD BE CENTERED<ul class="Icons><li></li></ul><span class="Icons-icon">X</span></span></li></ul></h2>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
.Title {
text-align: center;
}
h2 {
position: relative;
display: inline-block;
background: red;
}
ul {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: -20px;
}
ul li {
float: left;
margin-right: 5px;
}
.Icon {
}
Raw
SassMeister-output.css
.Title {
text-align: center;
}
h2 {
position: relative;
display: inline-block;
background: red;
}
ul {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: -20px;
}
ul li {
float: left;
margin-right: 5px;
}
Raw
SassMeister-rendered.html
<div class="Title">
<h2>THIS SHOULD BE CENTERED<ul class="Icons><li></li></ul><span class="Icons-icon">X</span></span></li></ul></h2>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment