Browse Source

Adds missing override values for new element themes

pull/912/head
jlukic 10 years ago
parent
commit
f0c28a633b
10 changed files with 255 additions and 0 deletions
  1. 3
      build/less/themes/_site/modules/modal.overrides
  2. 3
      build/less/themes/_site/modules/modal.variables
  3. 3
      build/less/themes/packages/default/modules/modal.overrides
  4. 119
      build/less/themes/packages/default/modules/modal.variables
  5. 3
      build/less/themes/packages/fixed-width/modules/modal.overrides
  6. 37
      build/less/themes/packages/fixed-width/modules/modal.variables
  7. 3
      build/less/themes/packages/github/collections/form.overrides
  8. 40
      build/less/themes/packages/github/collections/form.variables
  9. 3
      build/less/themes/packages/github/elements/segment.overrides
  10. 41
      build/less/themes/packages/github/elements/segment.variables

3
build/less/themes/_site/modules/modal.overrides

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

3
build/less/themes/_site/modules/modal.variables

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

3
build/less/themes/packages/default/modules/modal.overrides

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

119
build/less/themes/packages/default/modules/modal.variables

@ -0,0 +1,119 @@
/*-------------------
Modal
--------------------*/
@modalBorder: 1px solid #DDDDDD;
@modalWidth: 90%;
@modalXOffset: -(@modalWidth / 2);
@modalBorderRadius: 0.25em;
/* Close Icon */
@modalCloseOpacity: 0.8;
@modalCloseSize: 1.25em;
@modalCloseColor: @white;
@modalCloseHitbox: 2.25em;
@modalCloseDistance: 0.25em;
@modalClosePadding: ( (@modalCloseHitbox - 1em) / 2) 0em 0em 0em;
@modalCloseTop: -(@modalCloseDistance + @modalCloseHitbox);
@modalCloseRight: -(@modalCloseDistance + @modalCloseHitbox);
/* Header */
@modalHeaderMargin: 0em;
@modalHeaderPadding: 1.5rem 2rem;
@modalHeaderFontSize: 1.6em;
@modalHeaderFontWeight: bold;
@modalHeaderFontFamily: @headerFont;
/* Content */
@modalContentFontSize: 1em;
@modalContentPadding: 2rem;
@modalContentLineHeight: 1.4;
@modalContentBackground: #F4F4F4;
/* Left / Right */
@modalImageMinWidth: 25%;
@modalImagePadding: 1em;
@modalImageIconSize: 8rem;
@modalDescriptionPadding: 1em;
@modalDescriptionMinWidth: '';
/* Modal Actions */
@modalActionPadding: 1rem 2rem;
@modalButtonDistance: 0.75em;
/* Mobile Positions */
@modalMobileImagePadding: 0em 0em 1em;
@modalMobileDescriptionPadding: 0em 0em 1em;
@modalMobileButtonDistance: 1em;
/* Inner Close Position (Responsive) */
@modalInnerCloseTop: 1.5rem;
@modalInnerCloseRight: 1rem;
@modalInnerCloseColor: @textColor;
/* Responsive Widths */
@modalMobileWidth: 95%;
@modalTabletWidth: 88%;
@modalComputerWidth: 74%;
@modalLargeMonitorWidth: 56%;
@modalWidescreenMonitorWidth: 42%;
@modalMobileMargin: 0em 0em 0em -(@modalMobileWidth / 2);
@modalTabletMargin: 0em 0em 0em -(@modalTabletWidth / 2);
@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
/*-------------------
Types
--------------------*/
/* Basic */
@basicModalColor: @white;
@basicModalCloseTop: 1.5rem;
@basicModalCloseRight: 1rem;
/* Scrolling Margin */
@scrollingTopMargin: 1rem;
/*-------------------
Variations
--------------------*/
/* Sizes */
@modalSmallRatio: 0.6;
@modalLargeRatio: 1.2;
/* Derived Responsive Sizes */
@modalSmallHeaderSize: 1.3em;
@modalSmallMobileWidth: @modalMobileWidth;
@modalSmallTabletWidth: (@modalTabletWidth * @modalSmallRatio);
@modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio);
@modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
@modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
@modalSmallMobileMargin: 0em 0em 0em -(@modalSmallMobileWidth / 2);
@modalSmallTabletMargin: 0em 0em 0em -(@modalSmallTabletWidth / 2);
@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
@modalLargeHeaderSize: 1.6em;
@modalLargeMobileWidth: @modalMobileWidth;
@modalLargeTabletWidth: @modalTabletWidth;
@modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
@modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
@modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
@modalLargeMobileMargin: 0em 0em 0em -(@modalLargeMobileWidth / 2);
@modalLargeTabletMargin: 0em 0em 0em -(@modalLargeTabletWidth / 2);
@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);

3
build/less/themes/packages/fixed-width/modules/modal.overrides

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

37
build/less/themes/packages/fixed-width/modules/modal.variables

@ -0,0 +1,37 @@
/* Responsive Widths */
@modalComputerWidth: 700px;
@modalLargeMonitorWidth: 800px;
@modalWidescreenMonitorWidth: 850px;
@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
/*-------------------
Variations
--------------------*/
/* Sizes */
@modalSmallRatio: 0.6;
@modalLargeRatio: 1.2;
/* Derived Responsive Sizes */
@modalSmallHeaderSize: 1.3em;
@modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio);
@modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
@modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
@modalLargeHeaderSize: 1.3em;
@modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
@modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
@modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);

3
build/less/themes/packages/github/collections/form.overrides

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

40
build/less/themes/packages/github/collections/form.variables

@ -0,0 +1,40 @@
/*******************************
Form
*******************************/
/*-------------------
Elements
--------------------*/
@inputBackground: #FAFAFA;
@inputBorder: 1px solid #CCCCCC;
@inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
@inputBorderRadius: 3px;
@labelFontWeight: bold;
@labelMargin: 6px;
/*-------------------
States
--------------------*/
@inputFocusBackground: #FFFFFF;
@inputFocusBoxShadow:
0px 1px 2px rgba(0, 0, 0, 0.075) inset,
0px 0px 5px rgba(81, 167, 232, 0.5)
;
@inputFocusBorderColor: #51A7E8;
@inputFocusBorderRadius: @inputBorderRadius;
/*-------------------
Types
--------------------*/
/*-------------------
Variations
--------------------*/
/*-------------------
Groups
--------------------*/

3
build/less/themes/packages/github/elements/segment.overrides

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

41
build/less/themes/packages/github/elements/segment.variables

@ -0,0 +1,41 @@
/*******************************
Standard
*******************************/
/*-------------------
Segment
--------------------*/
@segmentBorderWidth: 1px;
@border: 1px solid #D8DEE2;
@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
@verticalPadding: 20px;
@horizontalPadding: 20px;
@margin: 1em;
@borderRadius: 4px;
/*******************************
Variations
*******************************/
/* Raised */
@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
/* Colors */
@coloredBorderSize: 0.5em;
/* Ordinality */
@secondaryBackground: #F9F9F9;
@secondaryColor: @textColor;
@tertiaryBackground: #F0F0F0;
@tertiaryColor: @textColor;
@secondaryInvertedBackground: #555555;
@secondaryInvertedColor: @textColor;
@tertiaryInvertedBackground: #333333;
@tertiaryInvertedColor: @textColor;
Loading…
Cancel
Save