Skip to content

Instantly share code, notes, and snippets.

@tolja

tolja/SassMeister-input-HTML.html

Created November 4, 2014 20:32
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/0092befec05de74d61d5 to your computer and use it in GitHub Desktop.
Save tolja/0092befec05de74d61d5 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 a {
text-decoration: none;
}
nav a:hover, nav a:focus nav 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