Browse Source

Adds ability to swap borders with 1 variables in buttons

pull/1129/head
jlukic 10 years ago
parent
commit
231b64c5aa
2 changed files with 14 additions and 10 deletions
  1. 21
      src/themes/packages/default/elements/button.variables
  2. 3
      src/themes/packages/raised/elements/button.variables

21
src/themes/packages/default/elements/button.variables

@ -16,15 +16,20 @@
@textShadow: none;
@invertedTextShadow: none;
@borderRadius: 0.25em;
@borderBoxShadowColor: transparent;
@borderBoxShadowWidth: 1px;
/* Shadow */
@shadowDistance: 0em;
@shadowOffset: (@shadowDistance / 2);
@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
@borderBoxShadow: 0px 0px 0px @borderBoxShadowWidth @borderBoxShadowColor inset;
@backgroundColor: #E0E0E0;
@backgroundImage: none;
@boxShadow:
@borderBoxShadow,
@shadowBoxShadow
;
@ -59,12 +64,10 @@
--------------------*/
@groupBoxShadow: none;
@groupButtonBoxShadow:
@shadowBoxShadow
;
@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
@groupButtonOffset: 0px 0px 0px -1px;
@verticalGroupOffset: 0px 0px -1px 0px;
@groupButtonBoxShadow: @boxShadow;
@verticalBoxShadow: none;
@groupButtonOffset: 0px 0px 0px 0px;
@verticalGroupOffset: 0px 0px 0px 0px;
/*-------------------
States
@ -81,6 +84,7 @@
@focusBackgroundColor: '';
@focusBackgroundImage: '';
@focusBoxShadow:
@borderBoxShadow,
0px 0px 1px rgba(81, 167, 232, 0.8) inset,
0px 0px 3px 2px rgba(81, 167, 232, 0.8)
;
@ -91,6 +95,7 @@
@downBackgroundColor: #CCCCCC;
@downBackgroundImage: '';
@downBoxShadow:
@borderBoxShadow,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
@downColor: @pressedTextColor;
@ -99,12 +104,12 @@
@activeBackgroundColor: #D0D0D0;
@activeBackgroundImage: none;
@activeColor: @selectedTextColor;
@activeBoxShadow: none;
@activeBoxShadow: @borderBoxShadow;
/* Active + Hovered */
@activeHoverBackgroundColor: #D0D0D0;
@activeHoverBackgroundImage: none;
@activeHoverBoxShadow: none;
@activeHoverBoxShadow: @borderBoxShadow;
@activeHoverColor: @selectedTextColor;
/* Loading */

3
src/themes/packages/raised/elements/button.variables

@ -8,5 +8,4 @@
/* Shadow */
@shadowDistance: 0.2em;
@shadowOffset: (@shadowDistance / 2);
@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
@borderBoxShadowColor: @borderColor;
Loading…
Cancel
Save