144 lines
2.6 KiB
SCSS
144 lines
2.6 KiB
SCSS
#columna_sticky {
|
|
position: absolute;
|
|
top: (map.get($heights, 'cabezal'))+rem;
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
.column {
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
&>.container {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.left.column {
|
|
pointer-events: none;
|
|
}
|
|
#sticky_form {
|
|
display: none;
|
|
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%;
|
|
}
|
|
}
|
|
}
|
|
#side_button {
|
|
background-color: $gris_standard;
|
|
color: rgb(255, 255, 255);
|
|
width: 100%;
|
|
height: 12rem;
|
|
cursor: pointer;
|
|
|
|
padding-top: 6rem;
|
|
|
|
.rotated {
|
|
transform: rotate(-90deg);
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
}
|
|
#modal_sticky {
|
|
.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%;
|
|
color: $blanco;
|
|
background-color: $gris_standard;
|
|
}
|
|
}
|
|
}
|