Browse Source
Merge pull request #217 from elkebirmed/master
Merge pull request #217 from elkebirmed/master
Remove FlipCSS from package.json Former-commit-id:pull/301/head5b7286d451Former-commit-id:e701582956
Jack Lukic
11 years ago
committed by
jlukic
jlukic
5 changed files with 401 additions and 101 deletions
Unified View
Diff Options
-
29.gitignore
-
1node/package.json
-
199src/elements/button.less
-
36src/elements/button.variables
-
237src/global.variables
@ -1,3 +1,30 @@ |
|||||
docs/ |
docs/ |
||||
node/server.json |
node/server.json |
||||
node/node_modules |
|
||||
|
node/node_modules |
||||
|
|
||||
|
# Numerous always-ignore extensions |
||||
|
*.diff |
||||
|
*.err |
||||
|
*.orig |
||||
|
*.log |
||||
|
*.rej |
||||
|
*.swo |
||||
|
*.swp |
||||
|
*.zip |
||||
|
*.vi |
||||
|
*~ |
||||
|
*.sass-cache |
||||
|
*.ruby-version |
||||
|
|
||||
|
# OS or Editor folders |
||||
|
.DS_Store |
||||
|
._* |
||||
|
Thumbs.db |
||||
|
.cache |
||||
|
.project |
||||
|
.settings |
||||
|
.tmproj |
||||
|
*.esproj |
||||
|
nbproject |
||||
|
*.sublime-project |
||||
|
*.sublime-workspace |
||||
@ -0,0 +1,36 @@ |
|||||
|
/******************************* |
||||
|
Variables |
||||
|
*******************************/ |
||||
|
|
||||
|
@import "../global.variables"; |
||||
|
|
||||
|
/*------------------- |
||||
|
Unchanged Globals |
||||
|
--------------------*/ |
||||
|
|
||||
|
// @primaryColor : @primaryColor; |
||||
|
// @secondaryColor : @secondaryColor; |
||||
|
// |
||||
|
// @transitionDuration : @transitionDuration; |
||||
|
// @transitionEasing : @transitionEasing; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Modified Globals |
||||
|
--------------------*/ |
||||
|
|
||||
|
@neutral : #E8E8E8; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Button Variables |
||||
|
--------------------*/ |
||||
|
|
||||
|
@verticalPadding : 0.8em; |
||||
|
@horizontalPadding : 1.5em; |
||||
|
|
||||
|
@borderRadius : 0.2em; |
||||
|
|
||||
|
|
||||
|
@boxShadow : 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; |
||||
|
@activeBoxShadow : 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset; |
||||
@ -0,0 +1,237 @@ |
|||||
|
|
||||
|
/******************************* |
||||
|
Site |
||||
|
*******************************/ |
||||
|
|
||||
|
/*------------------- |
||||
|
Page |
||||
|
--------------------*/ |
||||
|
|
||||
|
@bodyColor : #FCFCFC; |
||||
|
@fontSize : 15px; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Fonts |
||||
|
--------------------*/ |
||||
|
|
||||
|
@headerFont : 'Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;'; |
||||
|
@pageFont : 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
/******************************* |
||||
|
Colors |
||||
|
*******************************/ |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Background |
||||
|
--------------------*/ |
||||
|
|
||||
|
/*--- Colors ---*/ |
||||
|
@primaryColor : #D95C5C; |
||||
|
@secondaryColor : #00B5AD; |
||||
|
@tertiaryColor : #00B5AD; |
||||
|
|
||||
|
@blue : #6ECFF5; |
||||
|
@gold : #FFCB08; |
||||
|
@green : #5BBD72; |
||||
|
@orange : #E96633; |
||||
|
@pink : #D9499A; |
||||
|
@purple : #564F8A; |
||||
|
@red : #F00000; |
||||
|
@teal : #00B5AD; |
||||
|
@white : #FFFFFF; |
||||
|
@yellow : #F6F3D5; |
||||
|
|
||||
|
/*--- Emotive ---*/ |
||||
|
@positiveColor : #5BBD72; |
||||
|
@negativeColor : #D95C5C; |
||||
|
|
||||
|
@infoColor : #E6F4F9; |
||||
|
@warningColor : #96904D; |
||||
|
@errorColor : #D95C5C; |
||||
|
|
||||
|
/*--- Neutrals ---*/ |
||||
|
@darkGrey : #231F20; |
||||
|
@midGrey : #5C6166; |
||||
|
@grey : #9DA6AB; |
||||
|
@lightGrey : #DCDDDE; |
||||
|
|
||||
|
@neutral : #CCCCCC; |
||||
|
|
||||
|
@white : #FFFFFF; |
||||
|
@offWhite : #FAFAFA; |
||||
|
@darkWhite : #F0F0F0; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Text Colors |
||||
|
--------------------*/ |
||||
|
|
||||
|
@darkTextColor : rgba(0, 0, 0, 0.85); |
||||
|
@textColor : rgba(0, 0, 0, 0.7); |
||||
|
@lightTextColor : rgba(0, 0, 0, 0.4); |
||||
|
|
||||
|
@disabledTextColor : rgba(0, 0, 0, 0.2); |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Borders |
||||
|
--------------------*/ |
||||
|
|
||||
|
@borderColor : rgba(0, 0, 0, 0.1); |
||||
|
@solidBorderColor : #DDDDDD; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Sizes |
||||
|
--------------------*/ |
||||
|
|
||||
|
@mini : 0.7; |
||||
|
@tiny : 0.8; |
||||
|
@small : 0.875; |
||||
|
@medium : 1; |
||||
|
@large : 1.125; |
||||
|
@big : 1.25; |
||||
|
@huge : 1.375; |
||||
|
@massive : 1.5; |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Transitions |
||||
|
--------------------*/ |
||||
|
|
||||
|
@transitionDuration : 0.25s; |
||||
|
@transitionEasing : ease; |
||||
|
|
||||
|
|
||||
|
|
||||
|
/******************************* |
||||
|
Colors States |
||||
|
*******************************/ |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Hover |
||||
|
--------------------*/ |
||||
|
|
||||
|
/*--- Colors ---*/ |
||||
|
@primaryColorHover : lighten( saturate(@primaryColor, 10), 10); |
||||
|
@secondaryColorHover : lighten( saturate(@secondaryColor, 10), 10); |
||||
|
@tertiaryColorHover : lighten( saturate(@tertiaryColor, 10), 10); |
||||
|
|
||||
|
@blueHover : lighten( saturate(@blue, 10), 10); |
||||
|
@goldHover : lighten( saturate(@gold, 10), 10); |
||||
|
@greenHover : lighten( saturate(@green, 10), 10); |
||||
|
@orangeHover : lighten( saturate(@orange, 10), 10); |
||||
|
@pinkHover : lighten( saturate(@pink, 10), 10); |
||||
|
@purpleHover : lighten( saturate(@purple, 10), 10); |
||||
|
@redHover : lighten( saturate(@red, 10), 10); |
||||
|
@tealHover : lighten( saturate(@teal, 10), 10); |
||||
|
@whiteHover : lighten( saturate(@white, 10), 10); |
||||
|
@yellowHover : lighten( saturate(@yellow, 10), 10); |
||||
|
|
||||
|
/*--- Emotive ---*/ |
||||
|
@positiveColorHover : lighten( saturate(@positiveColor, 10), 10); |
||||
|
@negativeColorHover : lighten( saturate(@negativeColor, 10), 10); |
||||
|
|
||||
|
@infoColorHover : lighten( saturate(@infoColor, 10), 10); |
||||
|
@warningColorHover : lighten( saturate(@warningColor, 10), 10); |
||||
|
@errorColorHover : lighten( saturate(@errorColor, 10), 10); |
||||
|
|
||||
|
/*--- Neutrals ---*/ |
||||
|
@darkGreyHover : lighten( saturate(@darkGrey, 10), 10); |
||||
|
@midGreyHover : lighten( saturate(@midGrey, 10), 10); |
||||
|
@greyHover : lighten( saturate(@grey, 10), 10); |
||||
|
@lightGreyHover : lighten( saturate(@lightGrey, 10), 10); |
||||
|
|
||||
|
@neutralHover : lighten( saturate(@neutral, 10), 10); |
||||
|
|
||||
|
@whiteHover : lighten( saturate(@white, 10), 10); |
||||
|
@offWhiteHover : lighten( saturate(@offWhite, 10), 10); |
||||
|
@darkWhiteHover : lighten( saturate(@darkWhite, 10), 10); |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Down (:active) |
||||
|
--------------------*/ |
||||
|
|
||||
|
|
||||
|
/*--- Colors ---*/ |
||||
|
@primaryColorDown : darken(@primaryColor, 10); |
||||
|
@secondaryColorDown : darken(@secondaryColor, 10); |
||||
|
@tertiaryColorDown : darken(@tertiaryColor, 10); |
||||
|
|
||||
|
@blueDown : darken(@blue, 10); |
||||
|
@goldDown : darken(@gold, 10); |
||||
|
@greenDown : darken(@green, 10); |
||||
|
@orangeDown : darken(@orange, 10); |
||||
|
@pinkDown : darken(@pink, 10); |
||||
|
@purpleDown : darken(@purple, 10); |
||||
|
@redDown : darken(@red, 10); |
||||
|
@tealDown : darken(@teal, 10); |
||||
|
@whiteDown : darken(@white, 10); |
||||
|
@yellowDown : darken(@yellow, 10); |
||||
|
|
||||
|
/*--- Emotive ---*/ |
||||
|
@positiveColorDown : darken(@positiveColor, 10); |
||||
|
@negativeColorDown : darken(@negativeColor, 10); |
||||
|
|
||||
|
@infoColorDown : darken(@infoColor, 10); |
||||
|
@warningColorDown : darken(@warningColor, 10); |
||||
|
@errorColorDown : darken(@errorColor, 10); |
||||
|
|
||||
|
/*--- Neutrals ---*/ |
||||
|
@darkGreyDown : darken(@darkGrey, 10); |
||||
|
@midGreyDown : darken(@midGrey, 10); |
||||
|
@greyDown : darken(@grey, 10); |
||||
|
@lightGreyDown : darken(@lightGrey, 10); |
||||
|
|
||||
|
@neutralDown : darken(@neutral, 10); |
||||
|
|
||||
|
@whiteDown : darken(@white, 10); |
||||
|
@offWhiteDown : darken(@offWhite, 10); |
||||
|
@darkWhiteDown : darken(@darkWhite, 10); |
||||
|
|
||||
|
|
||||
|
/*------------------- |
||||
|
Active |
||||
|
--------------------*/ |
||||
|
|
||||
|
/*--- Standard ---*/ |
||||
|
@primaryColorActive : lighten(@primaryColor, 10); |
||||
|
@secondaryColorActive : lighten(@secondaryColor, 10); |
||||
|
@tertiaryColorActive : lighten(@tertiaryColor, 10); |
||||
|
|
||||
|
@blueActive : lighten(@blue, 10); |
||||
|
@goldActive : lighten(@gold, 10); |
||||
|
@greenActive : lighten(@green, 10); |
||||
|
@orangeActive : lighten(@orange, 10); |
||||
|
@pinkActive : lighten(@pink, 10); |
||||
|
@purpleActive : lighten(@purple, 10); |
||||
|
@redActive : lighten(@red, 10); |
||||
|
@tealActive : lighten(@teal, 10); |
||||
|
@whiteActive : lighten(@white, 10); |
||||
|
@yellowActive : lighten(@yellow, 10); |
||||
|
|
||||
|
/*--- Emotive ---*/ |
||||
|
@positiveColorActive : lighten(@positiveColor, 10); |
||||
|
@negativeColorActive : lighten(@negativeColor, 10); |
||||
|
|
||||
|
@infoColorActive : lighten(@infoColor, 10); |
||||
|
@warningColorActive : lighten(@warningColor, 10); |
||||
|
@errorColorActive : lighten(@errorColor, 10); |
||||
|
|
||||
|
/*--- Neutrals ---*/ |
||||
|
@darkGreyActive : lighten(@darkGrey, 10); |
||||
|
@midGreyActive : lighten(@midGrey, 10); |
||||
|
@greyActive : lighten(@grey, 10); |
||||
|
@lightGreyActive : lighten(@lightGrey, 10); |
||||
|
|
||||
|
@neutralActive : lighten(@neutral, 10); |
||||
|
|
||||
|
@whiteActive : lighten(@white, 10); |
||||
|
@offWhiteActive : lighten(@offWhite, 10); |
||||
|
@darkWhiteActive : lighten(@darkWhite, 10); |
||||
Write
Preview
Loading…
Cancel
Save