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

Falta corporativos, carro de compras y testimonios

Browse Source
This commit is contained in:
Aldarien
2021-01-03 00:22:47 -03:00
parent 57e13ccabb
commit a212e7567e
24 changed files with 729 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
assets/sass/main.scss
View File

@ -15,9 +15,52 @@ $html-font-size: 16px;
$gris: rgb(204, 204, 204);
$gris-texto: rgb(51, 51, 51);
body {
font-family: Roboto, sans;
color: $gris-texto;
@mixin colors {
.colores {
vertical-align: center;
.text {
margin-right: rem(3);
}
.white {
border: thin solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
}
.black {
background-color: rgb(0, 0, 0);
}
.blue {
background-color: rgb(0, 0, 255);
}
.green {
background-color: rgb(0, 255, 0);
}
.yellow {
background-color: rgb(255, 255, 0);
}
.orange {
background-color: rgb(255, 130, 0);
}
.red {
background-color: rgb(255, 0, 0);
}
.circle {
display: inline-block;
$a: 12;
width: rem($a);
height: rem($a);
border-radius: 8000px;
margin: auto rem(1);
cursor: pointer;
&.selected {
width: rem($a + 2);
height: rem($a + 2);
cursor: default;
}
}
}
}
$full_width: 1080;
@ -28,7 +71,7 @@ $heights: (
"seccion2": 27.5,
"dimensiones": 27.5,
"construido": 21.875,
"corporativos": 25,
"corporativos": (520/16),
"felices": 21.875,
"formulario": 30
);
@ -110,6 +153,12 @@ $column_height1: 0;
}
}
body {
height: ($content_height)+rem;
font-family: Roboto, sans;
color: $gris-texto;
}
#content {
max-width: rem($full_width) !important;
height: ($content_height)+rem;
@ -286,10 +335,18 @@ $column_height1: 0;
.images {
display: flex;
img {
.column {
float: left;
width: rem(313);
height: rem(235);
&>img {
width: rem(313);
height: rem(235);
}
div {
width: rem(313);
margin-top: rem(25);
}
}
}
}
@ -340,45 +397,7 @@ $column_height1: 0;
}
font-size: font_size(14);
.colores {
vertical-align: center;
.text {
margin-right: rem(3);
}
.white {
border: thin solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
}
.black {
background-color: rgb(0, 0, 0);
}
.blue {
background-color: rgb(0, 0, 255);
}
.green {
background-color: rgb(0, 255, 0);
}
.yellow {
background-color: rgb(255, 255, 0);
}
.orange {
background-color: rgb(255, 130, 0);
}
.red {
background-color: rgb(255, 0, 0);
}
.circle {
display: inline-block;
$a: 12;
width: rem($a);
height: rem($a);
border-radius: 8000px;
margin: auto rem(1);
cursor: pointer;
}
}
@include colors;
.input {
width: 4.5rem;
border: thin solid rgb(0, 0, 0);
@ -393,6 +412,7 @@ $column_height1: 0;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
}
input {
width: 2rem;
@ -443,9 +463,10 @@ $column_height1: 0;
width: percentage(67/100);
&>.header {
padding: rem(37) 0 !important;
margin-top: rem(67);
margin-bottom: rem(37);
.bigger {
font-size: font_size(16);
font-size: rem(26);
}
}
.opciones {
@ -465,12 +486,23 @@ $column_height1: 0;
}
.descripcion {
display: inline-block;
vertical-align: top;
height: rem(200);
padding-top: rem(20);
ul {
list-style: disc inside;
.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);
@ -484,45 +516,20 @@ $column_height1: 0;
width: percentage(33/100);
height: 100%;
.header {
margin-top: rem(46);
margin-bottom: rem(24);
font-size: rem(26);
}
form {
.colores {
vertical-align: center;
@include colors;
.text {
margin-right: rem(3);
}
.white {
border: thin solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
}
.black {
background-color: rgb(0, 0, 0);
}
.blue {
background-color: rgb(0, 0, 255);
}
.green {
background-color: rgb(0, 255, 0);
}
.yellow {
background-color: rgb(255, 255, 0);
}
.orange {
background-color: rgb(255, 130, 0);
}
.red {
background-color: rgb(255, 0, 0);
}
.circle {
display: inline-block;
$a: 12;
width: rem($a);
height: rem($a);
border-radius: 8000px;
margin: auto rem(1);
cursor: pointer;
}
.row {
margin-bottom: rem(9);
}
.colores.linea {
margin-bottom: rem(25-9);
}
.input.cantidad {
width: 4.5rem;
@ -551,9 +558,35 @@ $column_height1: 0;
.input [type="file"] {
display: none;
}
.input .file {
display: inline-block;
height: rem(20*12/10);
width: rem(150);
padding-top: rem(3);
background-color: #cccccb;
border: thin solid #333;
font-size: font_size(10);
text-align: center;
cursor: pointer;
}
.input [type="text"] {
height: rem(18);
background-color: rgba(255, 255, 255, .5);
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;
}
}
@ -629,8 +662,8 @@ $column_height1: 0;
margin-top: rem(27);
&>img {
width: rem(434);
height: rem(280);
width: rem(540);
height: rem(350);
float: left;
}
}