|
@@ -24,9 +24,10 @@
|
|
|
// Set Generic <button> and .btn styling.
|
|
|
// use .btn on any element to give it the styling of a button
|
|
|
.btn {
|
|
|
- @include btn-style(#aaa, #000, #ddd);
|
|
|
+ @extend %no-underline;
|
|
|
+ @include btn-style(#999, #888, #777);
|
|
|
border: 0;
|
|
|
- //border-radius: 10px; // rounded corners
|
|
|
+ border-radius: 10px; // rounded corners
|
|
|
color: #fff;
|
|
|
cursor: pointer;
|
|
|
display: inline-block; // Enables non-inline-block elements like <a>s to be buttons
|
|
@@ -34,7 +35,6 @@
|
|
|
margin: .3em .2em 0 0;
|
|
|
outline: 0; // when the button is focused, don't show an outline
|
|
|
padding: 15px 40px 16px;
|
|
|
- text-decoration: none;
|
|
|
}
|
|
|
|
|
|
|
|
@@ -56,7 +56,7 @@
|
|
|
// Add this class to a <button> or element with a .btn class
|
|
|
// to create a smaller sized button.
|
|
|
.btn-sm {
|
|
|
- //border-radius: 4px; /* rounded corners */
|
|
|
+ border-radius: 4px; /* rounded corners */
|
|
|
font-size: .9em;
|
|
|
padding: 10px 15px 11px;
|
|
|
}
|