Skip to content

Instantly share code, notes, and snippets.

@tolja

tolja/SassMeister-input-HTML.html

Created November 4, 2014 21:07
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 tolja/4af194b71733ff4bb83e to your computer and use it in GitHub Desktop.
Save tolja/4af194b71733ff4bb83e to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<body>
<nav>
<ul>
<li><a>Home</a></li>
<li><a>Bilder </a></li>
<li><a>Impressum</a></li>
</ul>
</nav>
</body>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
body{
border:{
width: 4px;
color: #000;
style: solid;
}
}
nav{
background-color: red;
ul{
list-style-type:none;
margin: 0;
padding:10px;
a{
text-decoration: none;
&:hover, &:focus &:active{
cursor: pointer;
background-color: orange
}
}
}
}
Raw
SassMeister-output.css
body {
border-width: 4px;
border-color: #000;
border-style: solid; }
nav {
background-color: red; }
nav ul {
list-style-type: none;
margin: 0;
padding: 10px; }
nav ul a {
text-decoration: none; }
nav ul a:hover, nav ul a:focus nav ul a:active {
cursor: pointer;
background-color: orange; }
Raw
SassMeister-rendered.html
<body>
<nav>
<ul>
<li><a>Home</a></li>
<li><a>Bilder </a></li>
<li><a>Impressum</a></li>
</ul>
</nav>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment