challenge-vtex-io-samuelcon.../styles/sass/pages/product/vtex.store-components.scss

164 lines
2.9 KiB
SCSS

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');
.newsletter{
background: red;
}
.carouselGaleryThumbs {
width: 59.24%;
padding-left: 40px;
}
.productNameContainer{
display: flex;
justify-content: right;
.productBrand--quickview{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
text-align: right;
color: #575757;
}
}
.productDescriptionContainer{
width: 632px;
margin-left: 32px;
}
.pointerEventsNone{
display: none;
}
.productBrand {
display: flex;
justify-content: flex-end;
margin-right: 37px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 34px;
color: #575757;
}
.skuSelectorContainer{
display: flex;
flex-direction: column-reverse;
}
.frameAround,
.skuSelectorInternalBox {
border-radius: 1.5rem;
z-index: 3;
padding: 0;
}
.skuSelectorSubcontainer--tamanho {
.skuSelectorItem {
height: 43px;
}
.frameAround {
width: 40px;
height: 40px;
bottom: -0.25rem;
top: 0rem;
left: 0rem;
right: -0.25rem;
}
.valueWrapper {
padding: 10px 11px;
width: 40px;
height: 40px;
}
}
.frameAround {
border-color: #000;
}
.shippingContainer {
display: flex;
margin: 0;
align-items: center;
position: relative;
:global(.vtex-address-form__postalCode) {
display: flex;
:global(.vtex-input) {
display: flex;
flex-direction: column;
:global(.vtex-input__label) {
font-size: 0;
}
:global(.vtex-input__label)::before {
content: 'CALCULAR FRETE:';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
}
:global(.vtex-input-prefix__group) {
width: 231px;
height: 49px;
margin: 0;
padding: 16.5px 0 16.5px 16px;
border: 1px solid #cccccc;
border-radius: 0;
}
}
:global(.vtex-address-form__postalCode-forgottenURL) {
display: flex;
position: absolute;
padding: 0;
left: 312px;
top: 41.5px;
:global(.vtex-address-form__postalCode-forgottenURL):first-child {
color: #000;
}
}
}
:global(.vtex-button) {
display: flex;
width: 49px;
height: 49px;
margin-bottom: 5px;
background: #000;
border: 1px solid #000;
border-radius: 0;
cursor: pointer;
:global(.vtex-button__label) {
padding: 0;
font-size: 0;
}
:global(.vtex-button__label)::before {
content: 'OK';
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
display: flex;
align-items: center;
color: #fff;
}
}
}