@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.97 kB
CSS
._root_1noim_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index, 999);display:grid;place-items:center}._modal_1noim_9{font-family:ACHS Nueva Sans,sans-serif;background-color:#fff;border-radius:.5rem;width:100%;max-width:32rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}._modal_header_1noim_18{font-family:ACHS Nueva Sans,sans-serif;display:flex;justify-content:center;align-items:center;padding:0%;border-radius:8px;border-style:solid;border-width:.05rem;border-color:transparent;color:#fff}._modal_header_1noim_18[data-color=primary]{color:#fff;background-color:rgb(var(--primary-color))}._modal_header_1noim_18[data-color=primary]:hover{filter:brightness(1.1)}._modal_header_1noim_18[data-color=secondary]{background-color:rgb(var(--secondary-color))}._base_modal_1noim_43{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-index, 999) + 1);justify-content:center;align-items:center}._base_overlay_1noim_55{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index, 999);background-color:#0006}._header_container_1noim_65{display:flex;padding:.875rem 1.25rem;margin-bottom:0;justify-content:space-between;align-items:center;gap:1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-width:1px;color:#fff}._modal_body_1noim_78{padding:1.5rem}._modal_body_1noim_78[data-has-header=true]{padding-top:1.25rem}._header_container_1noim_65[data-color=primary]{background-color:rgb(var(--primary-color))}._header_container_1noim_65[data-color=secondary]{background-color:rgb(var(--secondary-color))}._modal_title_1noim_94{font-size:var(--font-lg);line-height:1.75rem;font-weight:600;margin:0%}._exit_icon_1noim_101{width:1.5rem;height:1.5rem;cursor:pointer;transition-property:color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}._exit_icon_1noim_101:hover{opacity:.8}._exit_icon_1noim_101:active{opacity:.6;transform:scale(.9)}