Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

.mixin replacements for various rules inside buttons.less

  • Loading branch information...
commit c8706ec01e7fbd4b025aad31b6ec549b25da3445 1 parent a018d5e
@koycarraway authored
Showing with 8 additions and 36 deletions.
  1. +8 −36 less/buttons.less
View
44 less/buttons.less
@@ -28,9 +28,7 @@ background-color : @lightergrey;
border : 1px solid darken(@lightergrey, 10%);
border-bottom-color : darken(@lightergrey, 20%);
.border-radius(4px, 4px, 4px, 4px);
--webkit-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
--moz-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
+.box-shadow(0 1px 0 rgba(255,255,255,.25));
cursor : pointer;
*margin-left : .3em;
@@ -146,9 +144,7 @@ font-weight : 200;
letter-spacing : 1px;
line-height : normal;
color : @white;
--webkit-border-radius : 4px;
--moz-border-radius : 4px;
-border-radius : 4px; }
+.border-radius(4px, 4px, 4px, 4px); }
a.btn-extlarge,
a.btn-extlarge:hover {
@@ -162,9 +158,7 @@ color : @white; }
padding : 11px 22px;
.font-size(14);
line-height : normal;
--webkit-border-radius : 4px;
--moz-border-radius : 4px;
-border-radius : 4px; }
+.border-radius(4px, 4px, 4px, 4px); }
.btn-small {
padding : 6px 10px;
@@ -186,46 +180,24 @@ line-height : 14px; }
position: relative;
float: left;
margin-left: -1px;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
+ .border-radius(0, 0, 0, 0);
&:first-child {
margin-left: 0;
- -webkit-border-top-left-radius: 2px;
- -moz-border-radius-topleft: 2px;
- border-top-left-radius: 2px;
- -webkit-border-bottom-left-radius: 2px;
- -moz-border-radius-bottomleft: 2px;
- border-bottom-left-radius: 2px;
+ .border-radius(2px, 0, 2px, 0);
}
&:last-child {
- -webkit-border-top-right-radius: 2px;
- -moz-border-radius-topright: 2px;
- border-top-right-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -moz-border-radius-bottomright: 2px;
- border-bottom-right-radius: 2px;
+ .border-radius(0, 2px, 0, 2px);
}
}
.btn.large {
&:first-child {
margin-left: 0;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-bottom-left-radius: 4px;
+ .border-radius(4px, 0, 4px, 0);
}
&:last-child {
- -webkit-border-top-right-radius: 4px;
- -moz-border-radius-topright: 4px;
- border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- border-bottom-right-radius: 4px;
+ .border-radius(0, 4px, 0, 4px);
}
}
}
Please sign in to comment.
Something went wrong with that request. Please try again.