Skip to content
This repository was archived by the owner on Dec 11, 2021. It is now read-only.

Variables: Initial pass on button variables #138

Closed
wants to merge 19 commits into from
Closed

Variables: Initial pass on button variables #138

Changes from 2 commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
dbfc7b9
Variables: Initial pass on button variables
sfrisk Nov 24, 2015
e5caf9e
Buttons: Fixing spacing issue
sfrisk Nov 24, 2015
f6f2b11
Buttons: Base Pass on button sizes and button colors.
sfrisk Dec 15, 2015
55fbd8c
Buttons: Fix typo on h2
sfrisk Dec 15, 2015
d13b067
Linting: Fixed linting and linting errors
sfrisk Jan 19, 2016
c319292
Merge branch '96-buttons-take-two' of https://github.com/sfrisk/css-c…
sfrisk Jan 19, 2016
210edcb
Buttons: Playing around with some spacing and variables
sfrisk Jan 19, 2016
37a638c
Linting: fixed error with js linting
sfrisk Jan 19, 2016
81e6191
Colors: Initial pass on updated palette.
sfrisk Jan 26, 2016
39c0b5b
Merge branch 'palette' into 96-buttons-take-two
sfrisk Jan 26, 2016
4b2f1e9
Buttons: Adding Palette for example
sfrisk Jan 26, 2016
b6e7feb
Buttons: colors updated, styling updated, added disabled styles
sfrisk Feb 9, 2016
f84475b
Buttons: Playing around with shadows
sfrisk Feb 9, 2016
b58b5f2
Buttons: Demos for buttons as links & input
sfrisk Feb 16, 2016
c7acbce
Buttons: Adding Button Bar, Block Buttons
sfrisk Feb 16, 2016
63024ce
Buttons: Making all buttons not rely on cascading styling
sfrisk Mar 1, 2016
edad94c
Buttons: Fixing spacing
sfrisk Mar 1, 2016
dc506a9
Buttons: Color and shadow update
sfrisk Mar 4, 2016
2bfa912
Buttons: disabled cursor is not-allowed
sfrisk Mar 8, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 58 additions & 35 deletions scss/variables/colors.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,42 +8,65 @@
}
}( this, function( chassis ) {

var colors = {
"chassis-gray-dark": {
"value": "#383838",
"name": "Chassis Gray - Dark"
},
"chassis-gray": {
"value": "#c1c1c1",
"name": "Chassis Gray"
},
"chassis-gray-light": {
"value": "#f2f2f2",
"name": "Chassis Gray - Light"
},
"chassis-blue-dark": {
"value": "#388695",
"name": "Chassis Blue - Dark"
},
"chassis-blue": {
"value": "#4fc0c8",
"name": "Chassis Blue"
},
"chassis-yellow": {
"value": "#fadf51",
"name": "Chassis Yellow"
}
};
chassis.colors = {
"background": colors[ "chassis-gray-dark" ],
"font": colors[ "chassis-gray-dark" ],
"link": colors[ "chassis-blue-dark" ],
"button": colors[ "chassis-blue" ],
"buttonText": colors[ "chassis-gray-light" ],
"blockquoteBorder": {
name: "Chassis - Blockquote color",
value: "#eee"
}
"primary": {
name: "Primary Colors",
value: {
"base": "#3F51B5",
"light": "#5C6BC0",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bring back gray colors to palette!!!

"dark": "#3949AB",
"darker": "#303F9F"
}
},
"success": {
name: "Success Colors",
values: {
"base": "#8BC34A",
"light": "#9CCC65",
"dark": "#8BC34A",
"darker": "#689F38"
}
},
"warning": {
name: "Warning Colors",
value: {
"base": "#FF9800",
"light": "#FFA726",
"dark": "#FB8C00",
"darker": "#F57C00"
}
},
"info": {
name: "Info Colors",
values: {
"base": "#00BCD4",
"light": "#26C6DA",
"dark": "#00ACC1",
"darker": "#0097A7"
}
},
"error": {
name: "Error Colors",
values: {
"base": "#F44336",
"light": "#EF5350",
"dark": "#E53935",
"darker": "#D32F2F"
}
},
"text": {
name: "Text Colors",
values: {
"base": "#212121",
"light": "#727272"
}
},
"background": {
name: "Background Colors",
values: {
"base": "#fff"
}
}
};
return chassis;
} ) );