-
Space
+
Space
0 0
1 0.25rem
2 0.5rem
diff --git a/src/defaultConfig.js b/src/defaultConfig.js
index a86508f9b..b0935b3c7 100644
--- a/src/defaultConfig.js
+++ b/src/defaultConfig.js
@@ -1,6 +1,7 @@
var colors = {
'black': '#000000',
'white': '#ffffff',
+ 'transparent': 'transparent',
'slate-darker': '#212b35',
'slate-dark': '#404e5c',
@@ -113,82 +114,12 @@ module.exports = {
'wide': '0.1em',
},
colors: {
- 'light': colors['white'],
- 'light-soft': 'rgba(255,255,255,.6)',
- 'light-softer': 'rgba(255,255,255,.45)',
- 'light-softest': 'rgba(255,255,255,.35)',
- 'dark': colors['slate-darker'],
- 'dark-soft': colors['slate'],
- 'dark-softer': colors['slate-light'],
- 'dark-softest': colors['slate-lighter'],
- 'red-dark': colors['red-darker'],
- 'red': colors['red-dark'],
- 'orange-dark': colors['orange-darker'],
- 'orange': colors['orange-dark'],
- 'yellow-dark': colors['yellow-darker'],
- 'yellow': colors['yellow-dark'],
- 'green-dark': colors['green-darker'],
- 'green': colors['green-dark'],
- 'teal-dark': colors['teal-darker'],
- 'teal': colors['teal-dark'],
- 'blue-dark': colors['blue-darker'],
- 'blue': colors['blue-dark'],
- 'indigo-dark': colors['indigo-darker'],
- 'indigo': colors['indigo-dark'],
- 'indigo-light': colors['indigo-light'],
- 'purple-dark': colors['purple-darker'],
- 'purple': colors['purple-dark'],
- 'pink-dark': colors['pink-darker'],
- 'pink': colors['pink-dark'],
+ ...colors
},
},
backgrounds: {
colors: {
- 'light': colors['white'],
- 'light-soft': colors['smoke-lighter'],
- 'light-softer': colors['smoke-light'],
- 'light-softest': colors['smoke'],
- 'dark': colors['slate-darker'],
- 'dark-soft': colors['slate-dark'],
- 'dark-softer': colors['slate'],
- 'dark-softest': colors['slate-light'],
- 'red-dark': colors['red-dark'],
- 'red': colors['red'],
- 'red-light': colors['red-light'],
- 'red-lighter': colors['red-lighter'],
- 'orange-dark': colors['orange-dark'],
- 'orange': colors['orange'],
- 'orange-light': colors['orange-light'],
- 'orange-lighter': colors['orange-lighter'],
- 'yellow-dark': colors['yellow-dark'],
- 'yellow': colors['yellow'],
- 'yellow-light': colors['yellow-light'],
- 'yellow-lighter': colors['yellow-lighter'],
- 'green-dark': colors['green-dark'],
- 'green': colors['green'],
- 'green-light': colors['green-light'],
- 'green-lighter': colors['green-lighter'],
- 'teal-dark': colors['teal-dark'],
- 'teal': colors['teal'],
- 'teal-light': colors['teal-light'],
- 'teal-lighter': colors['teal-lighter'],
- 'blue-dark': colors['blue-dark'],
- 'blue': colors['blue'],
- 'blue-light': colors['blue-light'],
- 'blue-lighter': colors['blue-lighter'],
- 'indigo-darker': colors['indigo-darker'],
- 'indigo-dark': colors['indigo-dark'],
- 'indigo': colors['indigo'],
- 'indigo-light': colors['indigo-light'],
- 'indigo-lighter': colors['indigo-lighter'],
- 'purple-dark': colors['purple-dark'],
- 'purple': colors['purple'],
- 'purple-light': colors['purple-light'],
- 'purple-lighter': colors['purple-lighter'],
- 'pink-dark': colors['pink-dark'],
- 'pink': colors['pink'],
- 'pink-light': colors['pink-light'],
- 'pink-lighter': colors['pink-lighter'],
+ ...colors
}
},
borders: {
@@ -211,55 +142,7 @@ module.exports = {
}
},
colors: {
- 'transparent': 'transparent',
- 'light-overlay': 'hsla(0,0%,0%,.2)',
- 'light-overlay-soft': 'hsla(0,0%,0%,.1)',
- 'light-overlay-softer': 'hsla(0,0%,0%,.05)',
- 'dark-overlay': 'hsla(0,0%,100%,1)',
- 'dark-overlay-soft': 'hsla(0,0%,100%,.6)',
- 'dark-overlay-softer': 'hsla(0,0%,100%,.35)',
- 'light': colors['white'],
- 'light-soft': colors['smoke-lighter'],
- 'light-softer': colors['smoke-light'],
- 'dark': colors['smoke-darker'],
- 'dark-soft': colors['smoke-dark'],
- 'dark-softer': colors['smoke'],
- 'red-dark': colors['red-dark'],
- 'red': colors['red'],
- 'red-light': colors['red-light'],
- 'red-lighter': colors['red-lighter'],
- 'orange-dark': colors['orange-dark'],
- 'orange': colors['orange'],
- 'orange-light': colors['orange-light'],
- 'orange-lighter': colors['orange-lighter'],
- 'yellow-dark': colors['yellow-dark'],
- 'yellow': colors['yellow'],
- 'yellow-light': colors['yellow-light'],
- 'yellow-lighter': colors['yellow-lighter'],
- 'green-dark': colors['green-dark'],
- 'green': colors['green'],
- 'green-light': colors['green-light'],
- 'green-lighter': colors['green-lighter'],
- 'teal-dark': colors['teal-dark'],
- 'teal': colors['teal'],
- 'teal-light': colors['teal-light'],
- 'teal-lighter': colors['teal-lighter'],
- 'blue-dark': colors['blue-dark'],
- 'blue': colors['blue'],
- 'blue-light': colors['blue-light'],
- 'blue-lighter': colors['blue-lighter'],
- 'indigo-dark': colors['indigo-dark'],
- 'indigo': colors['indigo'],
- 'indigo-light': colors['indigo-light'],
- 'indigo-lighter': colors['indigo-lighter'],
- 'purple-dark': colors['purple-dark'],
- 'purple': colors['purple'],
- 'purple-light': colors['purple-light'],
- 'purple-lighter': colors['purple-lighter'],
- 'pink-dark': colors['pink-dark'],
- 'pink': colors['pink'],
- 'pink-light': colors['pink-light'],
- 'pink-lighter': colors['pink-lighter'],
+ ...colors
}
},
sizing: {