Browse Source

Removes button travel distance, f that ish

pull/340/merge
jlukic 11 years ago
parent
commit
b4c01a0773
1 changed files with 11 additions and 26 deletions
  1. 37
      src/elements/button.less

37
src/elements/button.less

@ -35,7 +35,9 @@
@textColor: rgba(0, 0, 0, 0.6);
@borderRadius: 0.25em;
@shadowDistance: 0em;
@shadowDistance: 0.133em;
@shadowOffset: (@shadowDistance / 2 + 0.05em);
@verticalPadding: 0.8em;
@horizontalPadding: 1.5em;
@ -106,7 +108,7 @@
color: @textColor;
margin: 0em;
padding: @verticalPadding @horizontalPadding ( @verticalPadding + @shadowDistance );
padding: @verticalPadding @horizontalPadding (@verticalPadding + @shadowOffset);
font-size: 1rem;
text-transform: @textTransform;
@ -504,7 +506,6 @@
;
}
/*******************************
Variations
*******************************/
@ -531,16 +532,11 @@
.ui.compact.buttons .button,
.ui.compact.button {
padding: @compactVerticalPadding @compactHorizontalPadding ( @compactVerticalPadding + @shadowDistance );
padding: @compactVerticalPadding @compactHorizontalPadding @shadowOffset;
}
.ui.compact.icon.buttons .button,
.ui.compact.buttons .icon.button {
padding: @compactVerticalPadding @compactVerticalPadding ( @compactVerticalPadding + @shadowDistance );
}
.ui.compact.buttons .button:active,
.ui.compact.buttons .button.active {
padding-top: (@compactVerticalPadding + (@shadowDistance / 2)) !important;
padding-bottom: (@compactVerticalPadding + (@shadowDistance / 2)) !important;
padding: @compactVerticalPadding @compactVerticalPadding @shadowOffset;
}
@ -635,13 +631,12 @@
.ui.icon.buttons .button,
.ui.icon.button {
padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowDistance );
padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
opacity: @iconButtonOpacity;
margin: 0em;
vertical-align: top;
}
@ -657,8 +652,12 @@
color: @textColor !important;
font-weight: normal;
text-transform: none;
padding: @verticalPadding @horizontalPadding !important;
box-shadow: 0px 0px 0px 1px @borderColor inset;
}
.ui.basic.labeled.icon.button > .icon {
padding-top: (@verticalPadding) !important;
}
.ui.basic.buttons {
box-shadow: 0px 0px 0px 1px @borderColor inset;
border-radius: @borderRadius;
@ -760,14 +759,6 @@
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
/* Hover */
.ui.labeled.icon.buttons > .button:active > .icon,
.ui.buttons > .labeled.icon.button:active > .icon,
.ui.labeled.icon.buttons > .button.active > .icon,
.ui.buttons > .labeled.icon.button.active > .icon {
padding-top: (@verticalPadding + (@shadowDistance / 2) + 0.05em);
}
/*--------------
@ -1361,12 +1352,6 @@
border-bottom-right-radius: @borderRadius;
}
/* Hover */
.ui.buttons .button:active,
.ui.buttons .button.active {
padding-top: (@verticalPadding + (@shadowDistance / 2)) !important;
padding-bottom: (@verticalPadding + (@shadowDistance / 2)) !important;
}
/* Vertical Style */
.ui.vertical.buttons {

Loading…
Cancel
Save