2023-01-12 16:56:35 +00:00
|
|
|
/*
|
|
|
|
0 - 600PX: Phone
|
|
|
|
600 - 900px: Table portrait
|
|
|
|
900 - 1200px: Tablet landscape
|
|
|
|
[1200 - 1800] is where our nortal styles apply
|
|
|
|
1800px + : Big desktop
|
|
|
|
*/
|
|
|
|
/* Media Query M3 */
|
|
|
|
/* Grid breakpoints */
|
2023-01-23 03:08:32 +00:00
|
|
|
.container {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0 40px;
|
|
|
|
max-width: 100%;
|
|
|
|
/* TITULO, NOME DO PRODUTO */
|
|
|
|
/* TAMANHO E CORES DOS PRODUTOS */
|
|
|
|
}
|
|
|
|
.container .productNameContainer--quickview {
|
|
|
|
text-align: end;
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 20px;
|
|
|
|
line-height: 34px;
|
|
|
|
color: #575757;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column-reverse;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorName {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 19px;
|
|
|
|
color: #929292;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorItem--sku-selector {
|
|
|
|
height: 40px;
|
|
|
|
width: 40px;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorItem--sku-selector .frameAround--sku-selector {
|
|
|
|
height: 40px;
|
|
|
|
width: 40px;
|
|
|
|
border-radius: 50%;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorItem--sku-selector .skuSelectorInternalBox--sku-selector {
|
|
|
|
border-radius: 50%;
|
|
|
|
border: 1px solid #989898;
|
|
|
|
height: 40px;
|
|
|
|
width: 40px;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorItem--sku-selector .skuSelectorInternalBox--sku-selector:focus {
|
|
|
|
border-color: black;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--tamanho .skuSelectorItem--sku-selector .skuSelectorInternalBox--sku-selector .valueWrapper--sku-selector {
|
|
|
|
position: absolute;
|
|
|
|
left: -4px;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorName {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 19px;
|
|
|
|
color: #929292;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorNameSeparator {
|
|
|
|
color: #929292;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorSelectorImageValue {
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 19px;
|
|
|
|
color: #929292;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorOptionsList .skuSelectorItem--sku-selector {
|
|
|
|
height: 48px;
|
|
|
|
width: 48px;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorOptionsList .frameAround--sku-selector {
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
.container .skuSelectorContainer--sku-selector .skuSelectorSubcontainer--cor .skuSelectorOptionsList .skuSelectorInternalBox--sku-selector {
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
.container .subscriberContainer .form .content {
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.container .subscriberContainer .form .content .inputName {
|
|
|
|
width: 185px;
|
|
|
|
height: 40px;
|
|
|
|
}
|
|
|
|
.container .subscriberContainer .form .content .inputName .vtex-input .flex-row {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
.container .subscriberContainer .form .content .inputEmail {
|
|
|
|
width: 185px;
|
|
|
|
height: 40px;
|
|
|
|
position: absolute;
|
|
|
|
top: 0%;
|
|
|
|
left: 51%;
|
|
|
|
}
|
|
|
|
.container .subscriberContainer .form .content .submit {
|
|
|
|
width: 100%;
|
2023-01-12 16:56:35 +00:00
|
|
|
}
|