Skip to content
Permalink
Browse files

feat(Varaibles): Add JS mapping to CSS variable names for themese

  • Loading branch information...
HHogg committed Feb 19, 2019
1 parent 168e01a commit 3afcd76eaffe41b59499d582ad7ce7e3e381ebaf
Showing with 12 additions and 0 deletions.
  1. +12 −0 src/variables.js
@@ -84,6 +84,18 @@ export const themesOpposite = {
night: 'day',
};

export const themePropNameCSSMap = {
colorBackgroundShade1: 'color-background--shade-1',
colorBackgroundShade2: 'color-background--shade-2',
colorBackgroundShade3: 'color-background--shade-3',
colorTextShade1: 'color-text--shade-1',
colorTextShade2: 'color-text--shade-1',
colorTextShade3: 'color-text--shade-1',
colorAccentShade1: 'color-accent--shade-1',
colorAccentShade2: 'color-accent--shade-1',
colorAccentShade3: 'color-accent--shade-1',
};

export const transitionTimeFast = 200;
export const transitionTimeBase = 400;
export const transitionTimeSlow = 800;

0 comments on commit 3afcd76

Please sign in to comment.
You can’t perform that action at this time.