ProVM/KI
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Paleta de colores para SASS

Browse Source
This commit is contained in:
Aldarien
2020-05-26 23:02:13 -04:00
parent 6cc02239f9
commit 168fbbcb09
26 changed files with 385 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
resources/assets/sass/_pallete.scss Normal file
View File

@ -0,0 +1,5 @@
$marca: #429ab7;
$gris-oscuro: #808284;
$gris-medio: #a7a9ab;
$gris-claro: #f4f4f4;
$azul-oscuro: #0d103c;

4
resources/assets/sass/faqs.scss
View File

@ -1,5 +1,7 @@
@import 'pallete';
#faq {
background-color: #5d5d5d;
background-color: $gris-medio;
color: white;
padding-top: 3rem;

18
resources/assets/sass/home.scss
View File

@ -1,3 +1,5 @@
@import 'pallete';
.header {
color: inherit !important;
font-family: inherit !important;
@ -26,12 +28,14 @@
.button {
font-family: inherit;
font-weight: 900;
background-color: $azul-oscuro !important;
color: white;
}
}
#aviso {
color: white;
background-color: #429ab7;
background-color: $marca;
padding-top: 5rem;
padding-bottom: 3rem;
font-size: 1.6rem;
@ -45,11 +49,11 @@
#destacados {
padding-top: 3rem;
padding-bottom: 5rem;
background-color: #a7a9ab;
background-color: $gris-medio;
min-height: 40rem;
.header {
color: #0d103c !important;
color: $azul-oscuro !important;
font-weight: 600;
}
.titulo {
@ -64,7 +68,7 @@
.content {
.segment {
background-color: #e6e6e7 !important;
background-color: $gris-claro !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-weight: 300;
@ -108,6 +112,10 @@
padding-top: 4rem;
padding-bottom: 4rem;
.titulo {
color: $azul-oscuro !important;
}
.grid {
.basic.segment {
.header {
@ -131,7 +139,7 @@
}
#indicadores {
background-color: #bbbdc0;
background-color: $gris-medio;
padding-top: 1rem;
padding-bottom: 1rem;
min-height: 5rem;

12
resources/assets/sass/main.scss
View File

@ -1,3 +1,5 @@
@import 'pallete';
body {
font-family: Roboto, sans-serif !important;
}
@ -12,7 +14,6 @@ body {
.button.brand {
box-shadow: none !important;
}
.title.image {
width: 15rem;
}
@ -57,21 +58,22 @@ a {
}
#contacto {
background-color: $gris-claro;
padding-top: 3rem;
padding-bottom: 3rem;
.header {
color: #0d103c !important;
color: $azul-oscuro !important;
font-weight: 900;
}
.form .button {
background-color: #429ab7;
background-color: $marca;
color: white;
}
}
footer {
background-color: #429ab7;
background-color: $marca;
color: white;
margin: 0;
@ -80,7 +82,7 @@ footer {
.label {
background-color: white !important;
color: #429ab7 !important;
color: $marca !important;
}
}
}

7
resources/assets/sass/nosotros.scss
View File

@ -1,5 +1,7 @@
@import 'pallete';
#nosotros {
background-color: #5d5d5d;
background-color: $gris-medio;
color: white;
padding-top: 3rem;
@ -8,4 +10,7 @@
.header {
color: inherit;
}
.column {
text-align: justify;
}
}

14
resources/assets/sass/proyecto.scss → resources/assets/sass/producto.scss
View File

@ -1,11 +1,13 @@
#proyecto {
background-color: #a7a9ab;
@import 'pallete';
#producto {
background-color: $gris-medio;
padding-bottom: 2rem;
.titulo {
color: #404041;
color: $azul-oscuro !important;
.header {
color: #0d103c !important;
color: $azul-oscuro !important;
}
.direccion {
padding-left: 2rem;
@ -73,11 +75,11 @@
#datos {
.tabular {
.item {
background-color: #a7a9ab !important;
background-color: $gris-claro !important;
border: thin solid white;
&:not(.active) {
border: thin solid #a7a9ab;
border: thin solid $gris-claro;
background-color: white !important;
}
&:last-child {

12
resources/assets/sass/proyectos.scss → resources/assets/sass/productos.scss
View File

@ -1,9 +1,11 @@
#proyectos {
background-color: #a7a9ab;
@import 'pallete';
#productos {
background-color: $gris-medio;
padding-top: 2rem;
.titulo {
color: #0d103c;
color: $azul-oscuro !important;
}
.tabular.menu .item {
@ -31,14 +33,14 @@
font-weight: 900;
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
background-color: #0d103c !important;
background-color: $azul-oscuro !important;
}
}
.image {
overflow: hidden;
}
.overlay {
background-color: #0d103c;
background-color: $azul-oscuro;
color: white;
opacity: 0.8;
text-align: center;