<commit_before>import palx from 'palx'
import dotProp from 'dot-prop'

const red = '#e42d42'
const blue = '#2d9ce4'
export const palette = palx(blue)

export const grays = {
  black: palette.black,
  slate: palette.gray[8],
  silver: palette.gray[7],
  smoke: palette.gray[2],
  snow: palette.gray[0],
  white: '#ffffff'
}

export const brand = {
  primary: red,
  accent: palette.fuschia[5],
  muted: grays.silver,
  success: palette.teal[5],
  info: palette.blue[5],
  danger: palette.red[5]
}

export const colors = {
  ...brand,
  ...grays,
  ...palette
}

export const cx = key =>
  dotProp.has(colors, key) ? dotProp.get(colors, key) : key
export const gradient = (n, from, to) =>
  `linear-gradient(${n}deg, ${cx(from)}, ${cx(to)})`
export const geo = color => `background: ${color} url('geo.svg') repeat;`

const cp = n => `clip-path: polygon(${n}% 0%, 100% 0, 100% ${n}%, 0 100%, 0 0);`
export const tilt = n => [cp(n), '-webkit-' + cp(n)].join('\n')

export const mx = [32, 48, 64, 80].map(
  w => `@media screen and (min-width:${w}em)`
)

const theme = {
  colors,
  radius: 4,
  weights: [400, 700],
  font:
    '"Fakt Soft", Interface, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
  monospace: 'SFMono-Regular, "Roboto Mono", Menlo, monospace'
}

export default theme<commit_msg>Expose max-width mq's<commit_after>import palx from 'palx'
import dotProp from 'dot-prop'

const red = '#e42d42'
const blue = '#2d9ce4'
export const palette = palx(blue)

export const grays = {
  black: palette.black,
  slate: palette.gray[8],
  silver: palette.gray[7],
  smoke: palette.gray[2],
  snow: palette.gray[0],
  white: '#ffffff'
}

export const brand = {
  primary: red,
  accent: palette.fuschia[5],
  muted: grays.silver,
  success: palette.teal[5],
  info: palette.blue[5],
  danger: palette.red[5]
}

export const colors = {
  ...brand,
  ...grays,
  ...palette
}

export const cx = key =>
  dotProp.has(colors, key) ? dotProp.get(colors, key) : key
export const gradient = (n, from, to) =>
  `linear-gradient(${n}deg, ${cx(from)}, ${cx(to)})`
export const geo = color => `background: ${color} url('geo.svg') repeat;`

const cp = n => `clip-path: polygon(${n}% 0%, 100% 0, 100% ${n}%, 0 100%, 0 0);`
export const tilt = n => [cp(n), '-webkit-' + cp(n)].join('\n')

export const mp = [32, 48, 64, 80]
export const mx = mp.map(w => `@media screen and (min-width:${w}em)`)
export const mm = mp.map(w => `@media screen and (max-width:${w}em)`)

const theme = {
  colors,
  radius: 4,
  weights: [400, 700],
  font:
    '"Fakt Soft", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
  monospace: 'SFMono-Regular, "Roboto Mono", Menlo, monospace'
}

export default theme
{'fraction_non_alphanumeric': 0.19054545454545455, 'fraction_numerical': 0.032, 'mean_word_length': 4.0200729927007295, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 16, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7338661', 'n_tokens_mistral': 1150, 'n_tokens_neox': 1057, 'n_words': 295}