ricardogj08/nabu
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

[Crear] carpeta para los estilos del nuevo componente

Browse source
This commit is contained in:
Astra 2022-02-21 11:17:08 -06:00
parent 12f2e11394
commit e410f7acea
2 changed files with 65 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/styles/components/pagination/pagination-desktop.css Normal file
View file

@ -0,0 +1,15 @@
.pages {
gap: 22px;
}
.pages__move {
width: 44px;
height: 44px;
font-size: 2.4rem;
}
.pages__actual {
width: 44px;
height: 44px;
font-size: 2.4rem;
}

50
assets/styles/components/pagination/pagination.css Normal file
View file

@ -0,0 +1,50 @@
/*
* Orden de los estilos
* 1. Posicionamiento
* 2. Modelo de caja
* 3. Tipografía
* 4. Visuales
* 5. Otros
* Metodología => BEM
*/
/* Estilos para el componente de pginación */
.pages {
display: flex;
gap: 16px;
margin: 15px 0;
align-items: center;
justify-content: center;
width: 100%;
}
.pages__move {
width: 30px;
height: 30px;
padding: 5px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 2rem;
font-weight: 200;
color: var(--color-background);
background-color: var(--color-secondary-purple);
}
.pages__actual {
width: 30px;
height: 30px;
padding: 5px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
font-size: 2rem;
font-weight: 300;
color: var(--color-black);
border: 2px solid var(--color-secondary-purple);
background-color: var(--color-background);
}