@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.31 kB
CSS
._card_1lpof_1{font-family:ACHS Nueva Sans,sans-serif;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;text-decoration:none;color:inherit}._card_1lpof_1[data-color=primary]{--accent: var(--primary-color)}._card_1lpof_1[data-color=secondary]{--accent: var(--secondary-color)}._card_1lpof_1[data-clickable=true]{transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}._card_1lpof_1[data-clickable=true]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}._card_1lpof_1[data-clickable=true]:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}._media_1lpof_35{aspect-ratio:16/9;overflow:hidden}._media_1lpof_35 img{width:100%;height:100%;object-fit:cover;display:block}._body_1lpof_46{display:flex;flex-direction:column;padding:1.25rem}._eyebrow_1lpof_52{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--accent));margin-bottom:.375rem}._title_1lpof_61{margin:0;font-size:var(--font-lg);font-weight:700;color:rgb(var(--texto-color))}._description_1lpof_68{margin:.375rem 0 0;font-size:var(--font-base);line-height:1.5;color:#6b7280}._action_1lpof_75{margin-top:.875rem}