@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
2 lines (1 loc) • 1.28 kB
CSS
._card_q388s_1{font-family:ACHS Nueva Sans,sans-serif;display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;text-decoration:none;color:inherit}._card_q388s_1[data-color=primary]{--accent: var(--primary-color)}._card_q388s_1[data-color=secondary]{--accent: var(--secondary-color)}._card_q388s_1[data-align=center]{align-items:center;text-align:center}._card_q388s_1[data-clickable=true]{transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}._card_q388s_1[data-clickable=true]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}._card_q388s_1[data-clickable=true]:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}._iconWrap_q388s_40{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:rgb(var(--light));margin-bottom:.875rem}._iconWrap_q388s_40 i{font-size:var(--font-2xl);color:rgb(var(--accent))}._title_q388s_55{margin:0;font-size:var(--font-lg);font-weight:700;color:rgb(var(--texto-color))}._description_q388s_62{margin:.375rem 0 0;font-size:var(--font-base);line-height:1.5;color:#6b7280}._action_q388s_69{margin-top:.875rem}