Browse Source

First pass simple material theme

pull/2228/merge
jlukic 9 years ago
parent
commit
ea906db4c5
4 changed files with 23 additions and 6 deletions
  1. 1
      src/definitions/modules/dropdown.less
  2. 11
      src/themes/default/modules/dropdown.variables
  3. 2
      src/themes/material/modules/dropdown.overrides
  4. 15
      src/themes/material/modules/dropdown.variables

1
src/definitions/modules/dropdown.less

@ -398,6 +398,7 @@ select.ui.dropdown {
min-width: @menuMinWidth;
outline: none;
border-radius: @selectionMenuBorderRadius;
box-shadow: @selectionMenuBoxShadow;
transition: @selectionMenuTransition;
}

11
src/themes/default/modules/dropdown.variables

@ -28,7 +28,7 @@
@menuMargin: 0em;
@menuPadding: 0em 0em;
@menuTop: 100%;
@menuWrap: nowrap;
@menuWrap: normal;
@menuTextAlign: left;
@menuBorderWidth: 1px;
@ -51,8 +51,8 @@
@itemHeight: auto;
@itemDivider: none;
@itemColor: @textColor;
@itemVerticalPadding: @relativeMini;
@itemHorizontalPadding: @relativeLarge;
@itemVerticalPadding: @mini;
@itemHorizontalPadding: @large;
@itemPadding: @itemVerticalPadding @itemHorizontalPadding;
@itemFontWeight: normal;
@itemLineHeight: 1em;
@ -119,8 +119,8 @@
--------------------*/
/* Selection */
@selectionMinWidth: 200px;
@borderEmWidth: 0.0785em; /* 2px / em size */
@selectionMinHeight: @defaultInputLineHeight + (@selectionVerticalPadding * 2) - @borderEmWidth;
@selectionBorderEmWidth: 0.0785em; /* 2px / em size */
@selectionMinHeight: @defaultInputLineHeight + (@selectionVerticalPadding * 2) - @selectionBorderEmWidth;
@selectionBackground: @white;
@selectionDisplay: inline-block;
@selectionVerticalPadding: 0.78571em;
@ -154,6 +154,7 @@
@selectionIconPadding: @selectionIconHitbox;
@selectionIconTransition: opacity @transitionDuration @transitionEasing;
@selectionMenuBorderRadius: 0em 0em @borderRadius @borderRadius;
@selectionMenuBoxShadow: @raisedShadow;
@selectionMenuItemBoxShadow: none;

2
src/themes/material/modules/dropdown.overrides

@ -1,4 +1,4 @@
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
.ui.dropdown {
font-family: 'Roboto';

15
src/themes/material/modules/dropdown.variables

@ -2,4 +2,19 @@
Menu
*******************************/
@menuBorderRadius: @borderRadius;
@menuBorderColor: #DADADA;
@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
@menuPadding: 0.5714em 0em;
@itemVerticalPadding: 1em;
@itemHorizontalPadding: 1.5em;
@menuHeaderFontSize: @small;
@menuHeaderFontWeight: bold;
@menuHeaderTextTransform: none;
@selectionBorderEmWidth: 0em;
@selectionItemDivider: none;
@labelBoxShadow: none;
Loading…
Cancel
Save