v2.0.2-beta
This commit is contained in:
@ -3,8 +3,10 @@
|
||||
@import 'wide/descripcion';
|
||||
@import 'wide/ventajas';
|
||||
@import 'wide/dimensiones';
|
||||
|
||||
@import 'wide/construidos';
|
||||
@import 'wide/corporativos';
|
||||
@import 'wide/testimonios';
|
||||
@import 'wide/contacto';
|
||||
|
||||
.left.column {
|
||||
width: 67% !important;
|
||||
@ -20,52 +22,6 @@ section .titulo {
|
||||
padding-bottom: rem(25);
|
||||
}
|
||||
|
||||
#backgrounds {
|
||||
.seccion2 {
|
||||
height: (map.get($heights, "seccion2"))+rem;
|
||||
|
||||
background-image: $fondo_ventajas_dimensiones;
|
||||
|
||||
.diagonal {
|
||||
border-bottom: (map.get($heights, 'seccion2'))+rem solid rgba($gris, .5);
|
||||
border-right: rem(1900) solid transparent;
|
||||
}
|
||||
}
|
||||
.dimensiones {
|
||||
height: (map.get($heights, "dimensiones"))+rem;
|
||||
|
||||
background-image: $fondo_ventajas_dimensiones;
|
||||
.fondo-gris {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba($gris, .5);
|
||||
}
|
||||
}
|
||||
.construido {
|
||||
height: (map.get($heights, "construido"))+rem;
|
||||
|
||||
background-image: $fondo_construidos;
|
||||
}
|
||||
.corporativos {
|
||||
height: (map.get($heights, "corporativos"))+rem;
|
||||
|
||||
background-image: $fondo_corporativos;
|
||||
}
|
||||
.testimonios {
|
||||
height: (map.get($heights, "felices"))+rem;
|
||||
|
||||
background-image: linear-gradient($gris, $gris);
|
||||
background-position: left rem(115);
|
||||
background-size: 100% rem(118);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.formulario {
|
||||
height: (map.get($heights, "formulario"))+rem;
|
||||
background-color: $gris;
|
||||
clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: $gris_standard;
|
||||
}
|
||||
@ -90,128 +46,6 @@ body {
|
||||
}
|
||||
&>.column1 {
|
||||
width: percentage($column1/100);
|
||||
|
||||
|
||||
#seccion1 {
|
||||
height: (map.get($heights, "seccion1"))+rem;
|
||||
width: 100%;
|
||||
|
||||
.image-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: rem(112+128);
|
||||
|
||||
img {
|
||||
height: rem(155);
|
||||
width: rem(188);
|
||||
margin-top: rem(85);
|
||||
}
|
||||
}
|
||||
.paragraph {
|
||||
padding-top: rem(28);
|
||||
line-height: rem(14);
|
||||
text-align: justify;
|
||||
|
||||
.header {
|
||||
margin-bottom: 1rem;
|
||||
font-size: rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#seccion2 {
|
||||
height: (map.get($heights, "seccion2"))+rem;
|
||||
|
||||
&>.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 50%;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.column1 {
|
||||
margin-top: rem(80);
|
||||
img {
|
||||
width: rem(317);
|
||||
height: rem(317);
|
||||
}
|
||||
}
|
||||
.column2 {
|
||||
margin-top: rem(114);
|
||||
.row:first-child {
|
||||
background-color: #00427b;
|
||||
color: rgb(255, 255, 255);
|
||||
height: rem(180);
|
||||
width: rem(380);
|
||||
padding: 2rem;
|
||||
margin-left: -3rem;
|
||||
|
||||
.header {
|
||||
font-weight: bold;
|
||||
font-size: rem(16);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc inside;
|
||||
font-size: font-size(10);
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-top: rem(18);
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
img {
|
||||
width: rem(70);
|
||||
height: rem(85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dimensiones {
|
||||
height: (map.get($heights, "dimensiones"))+rem;
|
||||
|
||||
.header {
|
||||
padding: rem(37) 0 !important;
|
||||
.bigger {
|
||||
font-size: rem(16);
|
||||
}
|
||||
}
|
||||
|
||||
.images {
|
||||
display: flex;
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
|
||||
&>img {
|
||||
width: rem(313);
|
||||
height: rem(235);
|
||||
}
|
||||
|
||||
div {
|
||||
width: rem(313);
|
||||
margin-top: rem(25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#construido {
|
||||
height: (map.get($heights, "construido"))+rem;
|
||||
padding-top: rem(23) !important;
|
||||
|
||||
.header {
|
||||
font-size: font_size(22);
|
||||
padding: rem(10) rem(43);
|
||||
background-color: rgba(255, 255, 255, .6);
|
||||
}
|
||||
}
|
||||
}
|
||||
&>.column2 {
|
||||
width: percentage($column2/100);
|
||||
@ -296,161 +130,6 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
#corporativos {
|
||||
width: 100%;
|
||||
height: (map.get($heights, "corporativos"))+rem;
|
||||
|
||||
margin-top: ($column_height1)+rem !important;
|
||||
|
||||
&>.column {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
|
||||
padding-left: 1rem !important;
|
||||
padding-right: 1rem !important;
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.column1 {
|
||||
width: percentage(67/100);
|
||||
|
||||
&>.header {
|
||||
margin-top: rem(67);
|
||||
margin-bottom: rem(37);
|
||||
.bigger {
|
||||
font-size: rem(26);
|
||||
}
|
||||
}
|
||||
.opciones {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
.opcion {
|
||||
display: inline-block;
|
||||
|
||||
.img-grande {
|
||||
display: inline-block;
|
||||
padding-right: rem(12);
|
||||
img {
|
||||
width: rem(135);
|
||||
height: rem(200);
|
||||
}
|
||||
}
|
||||
.descripcion {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: rem(200);
|
||||
padding-top: rem(20);
|
||||
|
||||
.content {
|
||||
display: block;
|
||||
.header {
|
||||
font-size: font_size(14);
|
||||
margin-bottom: rem(10);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc inside;
|
||||
}
|
||||
}
|
||||
.images {
|
||||
margin-top: rem(34);
|
||||
img {
|
||||
width: rem(70);
|
||||
height: rem(85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.column2 {
|
||||
width: percentage(33/100);
|
||||
height: 100%;
|
||||
|
||||
.header {
|
||||
margin-top: rem(46);
|
||||
margin-bottom: rem(24);
|
||||
font-size: rem(26);
|
||||
}
|
||||
|
||||
form {
|
||||
@include colors;
|
||||
|
||||
.row {
|
||||
margin-bottom: rem(9);
|
||||
}
|
||||
.colores.linea {
|
||||
//margin-bottom: rem(25-9);
|
||||
}
|
||||
.input.cantidad {
|
||||
width: 4.5rem;
|
||||
background: rgb(255, 255, 255);
|
||||
text-align: center;
|
||||
padding: .5rem 0.05rem;
|
||||
font-size: font_size(10);
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
input {
|
||||
width: 2rem;
|
||||
background: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
color: rgba(191, 191, 191, .87) !important;
|
||||
}
|
||||
}
|
||||
.input [type="file"] {
|
||||
display: none;
|
||||
}
|
||||
.input .file {
|
||||
display: inline-block;
|
||||
height: rem(20*12/10);
|
||||
//width: rem(150);
|
||||
padding-top: rem(3);
|
||||
margin-left: rem(5);
|
||||
//background-color: #cccccb;
|
||||
//border: thin solid #333;
|
||||
font-size: font_size(16);
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.input [type="text"] {
|
||||
height: rem(18);
|
||||
background-color: rgba(255, 255, 255);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
textarea {
|
||||
height: rem(72);
|
||||
background-color: rgba(255, 255, 255);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
margin-bottom: rem(25-9);
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
background-color: #666667;
|
||||
color: white;
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#felices {
|
||||
height: (map.get($heights, "felices"))+rem;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user