Browse Source

Build missing google assets

pull/1139/merge
jlukic 10 years ago
parent
commit
b1dd0163ce
2 changed files with 99 additions and 0 deletions
  1. 23
      build/less/themes/packages/google/elements/button.overrides
  2. 76
      build/less/themes/packages/google/elements/button.variables

23
build/less/themes/packages/google/elements/button.overrides

@ -0,0 +1,23 @@
@import url(http://fonts.googleapis.com/css?family=Roboto);
.ui.button {
min-width: 72px;
}
.ui.primary.button:hover {
box-shadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset,
0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important
;
}
.ui.secondary.button:hover {
box-shadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset,
0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important
;
}
.ui.buttons > .button:hover,
.ui.buttons > .button.active {
position: static !important;
}

76
build/less/themes/packages/google/elements/button.variables

@ -0,0 +1,76 @@
/*******************************
Button
*******************************/
/*-------------------
Element
--------------------*/
@pageFont : 'Roboto', Arial, sans-serif;
@medium : 13px;
@verticalPadding : 0.8em;
@horizontalPadding : 0.8em;
@borderRadius : 0.1538em;
@color : #222222;
@fontWeight : normal;
@textTransform : none;
@backgroundColor : @white;
@backgroundImage : linear-gradient(transparent, rgba(0, 0, 0, 0.02));
@solidBorderColor: #DDDDDD;
@borderBoxShadowColor: @solidBorderColor;
@borderBoxShadow: 0px 0px 0px 1px @solidBorderColor;
@shadowBoxShadow: 0px 0px 0px 0px transparent;
@transition:
opacity 0.3s @transitionEasing,
background-color 0.3s @transitionEasing,
color 0.3s @transitionEasing,
box-shadow 0.3s @transitionEasing,
background 0.3s @transitionEasing
;
/*-------------------
State
--------------------*/
@hoverBackgroundColor: @white;
@hoverBoxShadow:
@borderBoxShadow,
0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important
;
@downBackgroundColor: @white;
@downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
@downTextColor: #222222;
@downBoxShadow: @borderBoxShadow;
@activeBackgroundColor: #F0F0F0;
@activeBoxShadow: 0px 0px 0px 1px #DDDDDD;
/*-------------------
Variations
--------------------*/
@labeledIconBackgroundColor: transparent;
@labeledIconWidth: 2em;
@coloredBackgroundImage : @subtleGradient;
@coloredBoxShadow : 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset;
@primaryColor : #4184F3;
@primaryBoxShadow : 0px 0px 0px 1px #0157E4 inset;
@secondaryColor : #EEEEEE;
@secondaryBackgroundImage : @backgroundImage;
@secondaryTextColor : @textColor;
@secondaryBoxShadow : @borderBoxShadow;
@positiveColor: #3D9400;
@negativeColor: #D34836;
@invertedBorderSize: 1px;
Loading…
Cancel
Save