diff options
| -rw-r--r-- | ui/app/css/index.scss | 21 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/index.scss | 5 |
2 files changed, 18 insertions, 8 deletions
diff --git a/ui/app/css/index.scss b/ui/app/css/index.scss index 1fbbb6cfe..e8665f8d0 100644 --- a/ui/app/css/index.scss +++ b/ui/app/css/index.scss @@ -1,13 +1,18 @@ /* -faint orange (textfield shades) #FAF6F0 -light orange (button shades): #F5C26D -dark orange (text): #F5A623 -borders/font/any gray: #4A4A4A -*/ + ITCSS + + http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528 + https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ + */ + +@import 'settings/index.scss'; +@import 'tools/index.scss'; +@import 'generic/index.scss'; +@import 'base/index.scss'; +@import 'objects/index.scss'; +@import 'components/index.scss'; +@import 'trumps/index.scss'; -/* -application specific styles -*/ @import './fonts.scss'; @import './reset.scss'; diff --git a/ui/app/css/itcss/settings/index.scss b/ui/app/css/itcss/settings/index.scss index e69de29bb..37e1c2f2c 100644 --- a/ui/app/css/itcss/settings/index.scss +++ b/ui/app/css/itcss/settings/index.scss @@ -0,0 +1,5 @@ +// Variables +$white-linen: #FAF6F0; // formerly 'faint orange (textfield shades)' +$rajah: #F5C26D; // formerly 'light orange (button shades)' +$buttercup: #F5A623; // formerly 'dark orange (text)' +$tundora: #4A4A4A; // formerly 'borders/font/any gray'
\ No newline at end of file |