diff options
Diffstat (limited to '@linaria/website/src/styles')
-rw-r--r-- | @linaria/website/src/styles/constants.js | 8 | ||||
-rw-r--r-- | @linaria/website/src/styles/utils.js | 11 |
2 files changed, 19 insertions, 0 deletions
diff --git a/@linaria/website/src/styles/constants.js b/@linaria/website/src/styles/constants.js new file mode 100644 index 0000000..a20a441 --- /dev/null +++ b/@linaria/website/src/styles/constants.js @@ -0,0 +1,8 @@ +/* @flow */ + +export default { + fontFamily: + '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, sans-serif', + gradient: + 'linear-gradient(to right, hsl(180, 100%, 70%), hsl(64, 57%, 82%), hsl(0, 100%, 90%))', +}; diff --git a/@linaria/website/src/styles/utils.js b/@linaria/website/src/styles/utils.js new file mode 100644 index 0000000..42c088c --- /dev/null +++ b/@linaria/website/src/styles/utils.js @@ -0,0 +1,11 @@ +/* @flow */ + +export const breakpoints = { + medium: 640, + large: 1024, +}; + +export const media = Object.keys(breakpoints).reduce((acc, item) => { + acc[item] = `@media screen and (min-width: ${breakpoints[item]}px)`; + return acc; +}, {}); |