Browse Source

Github themes

pull/912/head
jlukic 10 years ago
parent
commit
df2ab0767b
4 changed files with 87 additions and 0 deletions
  1. 3
      src/themes/packages/github/collections/form.overrides
  2. 40
      src/themes/packages/github/collections/form.variables
  3. 3
      src/themes/packages/github/elements/segment.overrides
  4. 41
      src/themes/packages/github/elements/segment.variables

3
src/themes/packages/github/collections/form.overrides

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

40
src/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
src/themes/packages/github/elements/segment.overrides

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

41
src/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