Skip to content

Instantly share code, notes, and snippets.

@tkh44
Created August 26, 2013 20:53
Show Gist options
  • Save tkh44/6346531 to your computer and use it in GitHub Desktop.
Save tkh44/6346531 to your computer and use it in GitHub Desktop.
Less button magic
//Variable
@hLBlue: #0e9ccf;
// Flat Button Mixin
.btn-flat (@color: @lightGray) {
border: solid 1px darken(@color, 10%);
background-color: @color;
.btn-defaults ();
&:disabled {
background-color: lighten(@color, 15%);
&:active {
.inner-shadow (0, 0, 0, 0, 0);
}
}
}
//Button def
button {
box-shadow: none;
-webkit-appearance: none;
display: block;
width: auto;
margin: 0;
.btn-flat (@lightGray);
text-shadow: none;
white-space: nowrap;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
&:last-child {
margin-bottom: 0;
}
}
// On page
.add-guest-button {
.btn-flat (@hLBlue);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment