Skip to content

Instantly share code, notes, and snippets.

@rgsoto
Created August 15, 2014 22:00
Show Gist options
  • Save rgsoto/c7ff1ac4a30fee11ba1d to your computer and use it in GitHub Desktop.
Save rgsoto/c7ff1ac4a30fee11ba1d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="buttons">
<a class="gray" href="#">
Default
</a>
<a class="blue" href="#">
Primary
</a>
<a class="green"href="#">
Success
</a>
<a class="light-blue"href="#">
info
</a>
<a class="orange"href="#">
warning
</a>
<a class="red"href="#">
danger
</a>
</div>
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
a {
padding: 20px;
border: solid 1px black;
display: inline-block ;
vertical-align:top;
text-decoration: none;
}
.gray {
border-color:gray;
color:black;
background-color: white;
}
.blue {
background-color:#368EC6;
color: white;
}
.green {
background-color:#50B667;
}
.light-blue {
}
.orange {
}
.red {
}
a {
padding: 20px;
border: solid 1px black;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.gray {
border-color: gray;
color: black;
background-color: white;
}
.blue {
background-color: #368EC6;
color: white;
}
.green {
background-color: #50B667;
}
<div class="buttons">
<a class="gray" href="#">
Default
</a>
<a class="blue" href="#">
Primary
</a>
<a class="green"href="#">
Success
</a>
<a class="light-blue"href="#">
info
</a>
<a class="orange"href="#">
warning
</a>
<a class="red"href="#">
danger
</a>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment