From b1dd0163cef93fc5629d48792b361f35223adf9c Mon Sep 17 00:00:00 2001 From: jlukic Date: Sun, 5 Oct 2014 13:33:03 -0400 Subject: [PATCH] Build missing google assets --- .../packages/google/elements/button.overrides | 23 ++++++ .../packages/google/elements/button.variables | 76 +++++++++++++++++++ 2 files changed, 99 insertions(+) create mode 100644 build/less/themes/packages/google/elements/button.overrides create mode 100644 build/less/themes/packages/google/elements/button.variables diff --git a/build/less/themes/packages/google/elements/button.overrides b/build/less/themes/packages/google/elements/button.overrides new file mode 100644 index 000000000..f7a35f975 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/build/less/themes/packages/google/elements/button.variables b/build/less/themes/packages/google/elements/button.variables new file mode 100644 index 000000000..3cc173a93 --- /dev/null +++ b/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; +