Contingencia 1

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 2

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 3

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 4

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Contingencia 5

Conoce la información oficial más reciente sobre esta
emergencia. Estamos actualizando constantemente.

Otras Contingencias

Contingencia 1

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 2

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 3

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 4

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contingencia 5

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Encuentra mas información

Onemi

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Shoa

Bajada ipsum dolor sit amet, consectetur adipiscing elit, sed ipsum dolor set it a me do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Framework kit Gobierno

Íconos #

El framework incluye un conjunto de íconos que vienen en el font "gob-cl". Estos deben usar utilizando la clase .cl y .cl-nombre-del-icono. A continuación el listado de ellos:

cl-accessibility
cl-add-circle-fill
cl-add-circle-line
cl-arrow-left
cl-arrow-line
cl-arrow-right
cl-arrow
cl-authority
cl-breadcrumb
cl-briefcase
cl-burger
cl-bus
cl-call-info
cl-claveunica
cl-close-line
cl-close
cl-computer
cl-contrast
cl-currency-cycle
cl-decrease-text
cl-doctor
cl-document-verified
cl-download
cl-facebook
cl-filter
cl-give-letter
cl-img-preview
cl-increase-text
cl-instagram
cl-list
cl-login-fill
cl-login
cl-logout
cl-m-arrow-down
cl-m-arrow-left
cl-m-arrow-right
cl-m-arrow-up
cl-messenger
cl-moneybox
cl-ok
cl-pause
cl-play
cl-question
cl-reading
cl-search
cl-sound
cl-store
cl-telephone
cl-together
cl-touch-screen
cl-twitter
cl-woman
cl-youtube

Los íconos de redes sociales vienen con un efecto que se activa con hover. Para estos, debe utilizar la clase .cl-social además de las anteriormente mencionadas:

cl-facebook
cl-instagram
cl-twitter
cl-youtube

                
Si es necesario agregar un nuevo ícono, colocar su svg en la carpeta src/svg y correr el comando npm run build:font, se creará nuevamente la font de íconos