Browse Source

Modifies attached header styles to be neutral, block header is now flat. Border used instead of box shadow due to issues with 1px box shadows looking like crap

pull/1139/merge
jlukic 10 years ago
parent
commit
a623e4411c
4 changed files with 23 additions and 8 deletions
  1. 3
      src/themes/packages/classic/elements/header.overrides
  2. 10
      src/themes/packages/classic/elements/header.variables
  3. 14
      src/themes/packages/default/elements/header.variables
  4. 4
      src/themes/packages/default/elements/segment.variables

3
src/themes/packages/classic/elements/header.overrides

@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/

10
src/themes/packages/classic/elements/header.variables

@ -0,0 +1,10 @@
/*******************************
Button
*******************************/
/*-------------------
Element
--------------------*/
@blockBackground: @offWhite @subtleGradient;
@blockBoxShadow: @subtleShadow;

14
src/themes/packages/default/elements/header.variables

@ -32,7 +32,7 @@
@huge: 2em;
/* Sub Header */
@subHeaderFontSize: 1rem;
@subHeaderFontSize: 1.1rem;
@subHeaderLineHeight: 1.2em;
@subHeaderColor: rgba(0, 0, 0, 0.5);
@ -72,8 +72,8 @@
@dividedIconPadding: 0.2em;
/* Block */
@blockBackground: @offWhite @subtleGradient;
@blockBoxShadow: @subtleShadow;
@blockBackground: @darkWhite;
@blockBoxShadow: none;
@blockBorder: 1px solid @solidBorderColor;
@blockHorizontalPadding: 1rem;
@blockVerticalPadding: 0.75rem;
@ -97,12 +97,12 @@
@yellowDividedBorderColor: @yellow;
/* Attached */
@attachedOffset: 0px;
@attachedBoxShadow: 0px 0px 0px 1px @solidBorderColor;
@attachedOffset: -1px;
@attachedBoxShadow: none;
@attachedBorder: 1px solid @solidBorderColor;
@attachedVerticalPadding: @blockVerticalPadding;
@attachedHorizontalPadding: @blockHorizontalPadding;
@attachedBackground: @blockBackground;
@attachedBorder: none;
@attachedBackground: @white;
@attachedBorderRadius: @blockBorderRadius;
@tinyAttached: 0.875em;

4
src/themes/packages/default/elements/segment.variables

@ -58,7 +58,9 @@
/* Attached */
@attachedTopOffset: 0px;
@attachedBottomOffset: 0px;
@attachedBoxShadow: 0px 0px 0px 1px @solidBorderColor;
@attachedHorizontalOffset: -1px;
@attachedBoxShadow: none;
@attachedBorder: 1px solid @solidBorderColor;
@attachedBottomBoxShadow:
@attachedBoxShadow,
@subtleShadow

Loading…
Cancel
Save