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
Split View
Diff Options
-
29.gitignore
-
1node/package.json
-
199src/elements/button.less
-
36src/elements/button.variables
-
237src/global.variables
@ -1,3 +1,30 @@ |
|||
docs/ |
|||
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