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

v2.0.4-beta

Browse Source
This commit is contained in:
Aldarien
2021-01-14 11:26:30 -03:00
parent 1ac2789f28
commit 05e12addac
93 changed files with 544 additions and 863 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/sass/_common.scss
View File

@ -1,8 +1,43 @@
@import 'header';
@import 'descripcion';
@import 'ventajas';
@import 'dimensiones';
@import 'construidos';
@import 'corporativos';
@import 'testimonios';
@import 'contacto';
@import 'common/header';
@import 'common/descripcion';
@import 'common/ventajas';
@import 'common/dimensiones';
@import 'common/construidos';
@import 'common/corporativos';
@import 'common/testimonios';
@import 'common/contacto';
@import 'common/nav';
@import 'common/image_modal';
.white.circle {
border: thin solid rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
}
.black.circle {
background-color: rgb(0, 0, 0);
}
.blue.circle {
background-color: rgb(0, 110, 230);
}
.petrol.circle {
background-color: rgb(0, 80, 120);
}
.cyan.circle {
background-color: rgb(80, 200, 255);
}
.green.circle {
background-color: rgb(10, 200, 100);
}
.yellow.circle {
background-color: rgb(255, 240, 70);
}
.orange.circle {
background-color: rgb(255, 130, 70);
}
.red.circle {
background-color: rgb(255, 20, 50);
}
.column:not(.row) {
padding-top: 0 !important;
}

22
assets/sass/_functions.scss
View File

@ -16,28 +16,6 @@
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;

35
assets/sass/_header.scss
View File

@ -1,35 +0,0 @@
#header {
background-image: $fondo_cabezal;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, .4);
background-blend-mode: multiply;
color: $blanco;
.container {
#menu {
background: none !important;
border: none !important;
box-shadow: none !important;
.right.menu {
.item {
.shopping.cart {
.cantidad {
position: relative;
color: $blanco;
}
}
}
}
}
.segment {
margin: 0 !important;
#logo {
img {
width: 50%;
}
}
}
}
}

290
assets/sass/_wide.scss
View File

@ -7,6 +7,8 @@
@import 'wide/corporativos';
@import 'wide/testimonios';
@import 'wide/contacto';
@import 'wide/sticky';
@import 'wide/nav';
.left.column {
width: 67% !important;
@ -25,291 +27,3 @@ section .titulo {
body {
color: $gris_standard;
}
#content {
max-width: rem($full_width) !important;
height: ($content_height)+rem;
position: relative;
top: (-$content_height)+rem;
&>.column {
display: inline-block;
float: left;
padding-left: 1rem !important;
padding-right: 1rem !important;
&::after {
clear: both;
}
}
&>.column1 {
width: percentage($column1/100);
}
&>.column2 {
width: percentage($column2/100);
height: ($column_height1)+rem;
.sticky {
height: rem(265);
width: rem(310);
margin: auto;
.row:first-child {
height: rem(170);
margin-top: rem(80);
.column {
display: inline-block;
float: left;
&::after {
clear: both;
}
}
.column1 {
vertical-align: bottom;
padding-top: rem(20);
width: rem(310*2/3);
.linea {
margin-bottom: rem(10);
}
.titulo {
font-size: font_size(25);
}
.precio {
font-size: font_size(16);
}
font-size: font_size(14);
@include colors;
.input {
width: 4.5rem;
border: thin solid rgb(0, 0, 0);
text-align: center;
padding: .5rem 0.05rem;
font-size: font_size(10);
button {
background: none;
border: none;
width: 1rem;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
}
input {
width: 2rem;
background: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}
}
}
.column2 {
width: rem(310/3);
img {
width: rem(110);
height: rem(160);
}
}
}
.row:last-child {
.button {
border-radius: 0 !important;
width: 100%;
}
}
}
}
#felices {
height: (map.get($heights, "felices"))+rem;
padding: 0 1rem !important;
padding-top: rem(60) !important;
.header {
//margin-top: rem(60);
font-size: font_size(22);
}
.testimonios {
margin-top: rem(25);
display: flex;
justify-content: space-between;
text-align: center;
.testimonio {
height: rem(80);
color: #666667;
margin-top: rem(20);
width: percentage(30/100);
text-align: center;
}
}
.nav {
display: block;
text-align: center;
color: #666667;
}
}
#formulario {
height: (map.get($heights, "formulario"))+rem;
padding: 0 1rem !important;
.whatsapp-link {
color: inherit;
}
&>.column {
float: left;
padding-left: 1rem !important;
padding-right: 1rem !important;
&::after {
clear: both;
}
}
&>.flotante {
position: absolute;
top: rem(183);
margin: auto;
left: 40%;
width: rem($full_width/5);
text-align: center;
&>.content {
width: rem(130);
margin: auto;
left: -50%;
.item {
display: block;
padding: rem(5) 0;
}
div.whatsapp {
height: rem(30);
background-color: #1a9947;
color: #fff;
font-size: rem(10);
&>i {
position: relative;
font-size: font_size(16);
top: rem(3);
}
}
.rrss {
display: flex;
justify-content: space-around;
font-size: rem(20);
i.inverted.grey {
color: white !important;
}
}
}
}
&>.column1 {
width: percentage($column1/100);
margin-top: rem(27);
&>img {
width: rem(540);
height: rem(350);
float: left;
}
}
&>.column2 {
width: percentage($column2/100);
.header {
margin-top: rem(20);
text-align: center;
font-size: font_size(22);
.whatsapp-link {
display: inline-block;
width: rem(25);
height: rem(25);
font-size: font_size(25);
}
}
.paragraph {
padding-top: 1rem;
padding-bottom: rem(25);
justify-content: center;
}
form {
input {
border-radius: 0 !important;
height: rem(18);
margin-bottom: rem(9);
background-color: rgba(255, 255, 255, .5);
font-size: font_size(10);
&::placeholder {
color: $gris_standard;
}
}
textarea {
border-radius: 0 !important;
height: rem(72);
margin-bottom: rem(25);
background-color: rgba(255, 255, 255, .5);
font-size: font_size(10);
&::placeholder {
color: $gris_standard;
}
}
.button {
width: 100%;
border-radius: 0 !important;
background-color: white;
color: $gris_standard;
}
}
}
}
section {
background: none;
&.segment>.container {
height: 100%;
&>.column1 {
display: inline-block;
width: ($column1)+rem;
}
&>.column2 {
display: inline-block;
width: ($column2)+rem;
}
}
}
.simple.segment {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
&>.ui.grid {
height: 100%;
}
}
.fondo-blanco {
background-color: rgba(255, 255, 255, .5);
}
}

0
assets/sass/_construidos.scss → assets/sass/common/_construidos.scss
View File

0
assets/sass/_contacto.scss → assets/sass/common/_contacto.scss
View File

0
assets/sass/_corporativos.scss → assets/sass/common/_corporativos.scss
View File

0
assets/sass/_descripcion.scss → assets/sass/common/_descripcion.scss
View File

0
assets/sass/_dimensiones.scss → assets/sass/common/_dimensiones.scss
View File

19
assets/sass/common/_header.scss Normal file
View File

@ -0,0 +1,19 @@
#header {
background-image: $fondo_cabezal;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, .4);
background-blend-mode: multiply;
color: $blanco;
.container {
.segment {
margin: 0 !important;
#logo {
img {
width: 50%;
}
}
}
}
}

14
assets/sass/common/_image_modal.scss Normal file
View File

@ -0,0 +1,14 @@
#images.modal {
text-align: center;
.header {
text-align: right;
}
.content {
text-align: center;
img {
margin: auto;
}
}
}

17
assets/sass/common/_nav.scss Normal file
View File

@ -0,0 +1,17 @@
#menu {
z-index: 100;
background: none !important;
border: none !important;
box-shadow: none !important;
.right.menu {
.item {
.shopping.cart {
.cantidad {
position: relative;
color: $blanco;
}
}
}
}
}

0
assets/sass/_testimonios.scss → assets/sass/common/_testimonios.scss
View File

0
assets/sass/_ventajas.scss → assets/sass/common/_ventajas.scss
View File

3
assets/sass/wide/_descripcion.scss
View File

@ -1,11 +1,10 @@
#descripcion {
height: (map.get($heights, "descripcion"))+rem;
background-position: left rem(112);
background-size: 100% rem(110);
background-repeat: no-repeat;
padding-top: rem(100);
margin-bottom: rem(25);
.images {
.image {

20
assets/sass/wide/_header.scss
View File

@ -3,24 +3,4 @@
background-size: 160%;
background-position: bottom rem(-40) center;
.container {
#menu {
i {
font-size: font-size(24);
}
.right.menu {
.item {
.shopping.cart {
.cantidad {
font-size: font-size(12);
font-family: $font_family;
top: rem(-28);
left: rem(3.2);
}
}
}
}
}
}
}

17
assets/sass/wide/_nav.scss Normal file
View File

@ -0,0 +1,17 @@
#menu {
i {
font-size: font-size(24);
}
.right.menu {
.item {
.shopping.cart {
.cantidad {
font-size: font-size(12);
font-family: $font_family;
top: rem(-28);
left: rem(3.2);
}
}
}
}
}

69
assets/sass/wide/_sticky.scss Normal file
View File

@ -0,0 +1,69 @@
#columna_sticky {
position: absolute;
top: (map.get($heights, 'cabezal'))+rem;
height: 100%;
width: 100%;
.left.column {
pointer-events: none;
}
.sticky {
background-color: rgba(255, 255, 255, .5);
z-index: 10;
margin-top: rem(40);
padding-top: rem(54);
.row {
padding-top: 0 !important;
}
.column:first-child {
vertical-align: bottom;
padding-top: rem(20);
.titulo {
font-size: font_size(25);
}
.precio {
font-size: font_size(16);
}
font-size: font_size(14);
@include colors;
.input.cantidad {
width: 4.5rem;
border: thin solid rgb(0, 0, 0);
text-align: center;
padding: .5rem 0.05rem;
font-size: font_size(10);
button {
background: none;
border: none;
width: 1rem;
margin: 0;
padding: 0;
cursor: pointer;
font-weight: bold;
}
input {
width: 2rem;
background: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}
.button {
border-radius: 0 !important;
width: 100%;
}
}
.button {
width: 100%;
}
}
}
}