/colors-rgba-sass

Como criar uma escala de cores RGBA com Sass

Primary LanguageCSS

colors-rgba-sass

Como criar uma escala de cores RGBA com Sass.

  • color
  • border-color
  • background-color

CSS Class name

const appPriColor = [
  'app-pri-color',
  'app-pri-color-90 ',
  'app-pri-color-80',
  'app-pri-color-70',
  'app-pri-color-60',
  'app-pri-color-50',
  'app-pri-color-40',
  'app-pri-color-30',
  'app-pri-color-20',
  'app-pri-color-10',
  'app-pri-color-5',
]
const appSecColor = [
  'app-sec-color',
  'app-sec-color-90',
  'app-sec-color-80',
  'app-sec-color-70',
  'app-sec-color-60',
  'app-sec-color-50',
  'app-sec-color-40',
  'app-sec-color-30',
  'app-sec-color-20',
  'app-sec-color-10',
  'app-sec-color-5',
]
const appPriBg = [
  'app-pri-bg',
  'app-pri-bg-90',
  'app-pri-bg-80',
  'app-pri-bg-70',
  'app-pri-bg-60',
  'app-pri-bg-50',
  'app-pri-bg-40',
  'app-pri-bg-30',
  'app-pri-bg-20',
  'app-pri-bg-10',
  'app-pri-bg-5',
]
const appSecBg = [
  'app-sec-bg',
  'app-sec-bg-90',
  'app-sec-bg-80',
  'app-sec-bg-70',
  'app-sec-bg-60',
  'app-sec-bg-50',
  'app-sec-bg-40',
  'app-sec-bg-30',
  'app-sec-bg-20',
  'app-sec-bg-10',
  'app-sec-bg-5',
]
const appPriBorder = [
  'app-pri-border',
  'app-pri-border-90',
  'app-pri-border-80',
  'app-pri-border-70',
  'app-pri-border-60',
  'app-pri-border-50',
  'app-pri-border-40',
  'app-pri-border-30',
  'app-pri-border-20',
  'app-pri-border-10',
  'app-pri-border-5',
]
const appSecBorder = [
  'app-sec-border',
  'app-sec-border-90',
  'app-sec-border-80',
  'app-sec-border-70',
  'app-sec-border-60',
  'app-sec-border-50',
  'app-sec-border-40',
  'app-sec-border-30',
  'app-sec-border-20',
  'app-sec-border-10',
  'app-sec-border-5',
]