10 changed files with 255 additions and 0 deletions
Split View
Diff Options
-
3build/less/themes/_site/modules/modal.overrides
-
3build/less/themes/_site/modules/modal.variables
-
3build/less/themes/packages/default/modules/modal.overrides
-
119build/less/themes/packages/default/modules/modal.variables
-
3build/less/themes/packages/fixed-width/modules/modal.overrides
-
37build/less/themes/packages/fixed-width/modules/modal.variables
-
3build/less/themes/packages/github/collections/form.overrides
-
40build/less/themes/packages/github/collections/form.variables
-
3build/less/themes/packages/github/elements/segment.overrides
-
41build/less/themes/packages/github/elements/segment.variables
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -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); |
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -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); |
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -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 |
|||
--------------------*/ |
@ -0,0 +1,3 @@ |
|||
/******************************* |
|||
Overrides |
|||
*******************************/ |
@ -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; |
Write
Preview
Loading…
Cancel
Save