From f0c28a633b41203cdcd8d4ba948a190b83e15037 Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 21 Apr 2014 23:01:05 -0400 Subject: [PATCH] Adds missing override values for new element themes --- .../less/themes/_site/modules/modal.overrides | 3 + .../less/themes/_site/modules/modal.variables | 3 + .../packages/default/modules/modal.overrides | 3 + .../packages/default/modules/modal.variables | 119 ++++++++++++++++++ .../fixed-width/modules/modal.overrides | 3 + .../fixed-width/modules/modal.variables | 37 ++++++ .../github/collections/form.overrides | 3 + .../github/collections/form.variables | 40 ++++++ .../github/elements/segment.overrides | 3 + .../github/elements/segment.variables | 41 ++++++ 10 files changed, 255 insertions(+) create mode 100644 build/less/themes/_site/modules/modal.overrides create mode 100644 build/less/themes/_site/modules/modal.variables create mode 100644 build/less/themes/packages/default/modules/modal.overrides create mode 100644 build/less/themes/packages/default/modules/modal.variables create mode 100644 build/less/themes/packages/fixed-width/modules/modal.overrides create mode 100644 build/less/themes/packages/fixed-width/modules/modal.variables create mode 100644 build/less/themes/packages/github/collections/form.overrides create mode 100644 build/less/themes/packages/github/collections/form.variables create mode 100644 build/less/themes/packages/github/elements/segment.overrides create mode 100644 build/less/themes/packages/github/elements/segment.variables diff --git a/build/less/themes/_site/modules/modal.overrides b/build/less/themes/_site/modules/modal.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/_site/modules/modal.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/_site/modules/modal.variables b/build/less/themes/_site/modules/modal.variables new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/_site/modules/modal.variables @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/packages/default/modules/modal.overrides b/build/less/themes/packages/default/modules/modal.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/packages/default/modules/modal.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/packages/default/modules/modal.variables b/build/less/themes/packages/default/modules/modal.variables new file mode 100644 index 000000000..0c73b6991 --- /dev/null +++ b/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); \ No newline at end of file diff --git a/build/less/themes/packages/fixed-width/modules/modal.overrides b/build/less/themes/packages/fixed-width/modules/modal.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/packages/fixed-width/modules/modal.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/packages/fixed-width/modules/modal.variables b/build/less/themes/packages/fixed-width/modules/modal.variables new file mode 100644 index 000000000..16579af2f --- /dev/null +++ b/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); \ No newline at end of file diff --git a/build/less/themes/packages/github/collections/form.overrides b/build/less/themes/packages/github/collections/form.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/packages/github/collections/form.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/packages/github/collections/form.variables b/build/less/themes/packages/github/collections/form.variables new file mode 100644 index 000000000..02dbb8b2b --- /dev/null +++ b/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 +--------------------*/ diff --git a/build/less/themes/packages/github/elements/segment.overrides b/build/less/themes/packages/github/elements/segment.overrides new file mode 100644 index 000000000..c5c53367f --- /dev/null +++ b/build/less/themes/packages/github/elements/segment.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/build/less/themes/packages/github/elements/segment.variables b/build/less/themes/packages/github/elements/segment.variables new file mode 100644 index 000000000..55aa245e9 --- /dev/null +++ b/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;