@solfacil/girassol/theme/solfacil/effects.ts

Girassol design system

export default {
  opacity: {
    'DEFAULT': 1,

    semiopaque: 0.8,
    intense: 0.6,
    medium: 0.32,
    light: 0.16,

    none: 0,
  },

  boxShadow: {
    weak: '0px 0px 4px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08)',
    moderate: '0px 0px 4px rgba(0, 0, 0, 0.08), 0px 6px 12px rgba(0, 0, 0, 0.12)',
    intense: '0px 0px 4px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.16)',
    strong: '0px 0px 4px rgba(0, 0, 0, 0.08), 0px 12px 20px rgba(0, 0, 0, 0.2)',
  },
}