@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.6 kB
CSS
._select_navigation_1bkvf_1{font-family:ACHS Nueva Sans,sans-serif;display:flex;justify-content:center;align-items:center;border-radius:9999px;width:2.5rem;height:2.5rem;transition-property:color,transform,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:#fff;border:solid;border-width:2px;font-weight:700;font-size:var(--font-base);line-height:1rem}._select_navigation_1bkvf_1:disabled{opacity:.5}._select_navigation_1bkvf_1:active:not(:disabled){opacity:.8;transform:scale(.95)}._select_navigation_1bkvf_1[data-variant=default]{border-color:#fff;background-color:rgb(var(--primary-color))}._select_navigation_1bkvf_1[data-variant=default]:hover:not(:disabled){border-color:#fff;background-color:rgb(var(--secondary-color))}._select_navigation_1bkvf_1[data-variant=outlined]{color:rgb(var(--primary-color));border-color:rgb(var(--primary-color));background-color:transparent}._select_navigation_1bkvf_1[data-variant=outlined]:hover:not(:disabled){color:rgb(var(--secondary-color));border-color:rgb(var(--secondary-color))}._select_navigation_1bkvf_1[data-variant=outlined-white]{color:#fff;border-color:#fff;background-color:transparent;transition:opacity .3s ease}._select_navigation_1bkvf_1[data-variant=outlined-white]:hover:not(:disabled){opacity:.8}._select_navigation_1bkvf_1[data-variant=filled-white]{color:rgb(var(--secondary-color));border-color:#fff;background-color:#fff;transition:opacity .3s ease}._select_navigation_1bkvf_1[data-variant=filled-white]:hover:not(:disabled){opacity:.8}