Criando header desktop
This commit is contained in:
parent
ea476c4a96
commit
a68a084de8
@ -24,7 +24,22 @@
|
|||||||
<option value="64">Bota Fora Dondocas</option>
|
<option value="64">Bota Fora Dondocas</option>
|
||||||
</select>
|
</select>
|
||||||
<input type="hidden" id="ftIdxa28507c5599f4430a7cabd23249f99c3" value="" />
|
<input type="hidden" id="ftIdxa28507c5599f4430a7cabd23249f99c3" value="" />
|
||||||
<input id="ftBoxa28507c5599f4430a7cabd23249f99c3" class="fulltext-search-box ui-autocomplete-input" type="text" size="20"
|
<input
|
||||||
accesskey="b" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true" value="Digite aqui" />
|
id="ftBoxa28507c5599f4430a7cabd23249f99c3"
|
||||||
<input id="ftBtna28507c5599f4430a7cabd23249f99c3" type="button" value="Buscar" class="btn-buscar" />
|
class="fulltext-search-box ui-autocomplete-input"
|
||||||
|
type="text"
|
||||||
|
size="20"
|
||||||
|
accesskey="b"
|
||||||
|
autocomplete="off"
|
||||||
|
role="textbox"
|
||||||
|
aria-autocomplete="list"
|
||||||
|
aria-haspopup="true"
|
||||||
|
value="OLÁ, O QUE DESEJA ENCONTRAR?"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
id="ftBtna28507c5599f4430a7cabd23249f99c3"
|
||||||
|
type="button"
|
||||||
|
value="Buscar"
|
||||||
|
class="btn-buscar"
|
||||||
|
/>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|||||||
@ -6,11 +6,5 @@ const menuElements = require("./pages/elementos-menu");
|
|||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
accountName: "agenciamagma",
|
accountName: "agenciamagma",
|
||||||
pages: [
|
pages: [{ data: home, template: "bernardo-home.html" }],
|
||||||
{ data: home, template: "template-home.html" },
|
|
||||||
{ data: category, template: "template-categoria.html" },
|
|
||||||
{ data: product, template: "template-produto.html" },
|
|
||||||
{ data: institucional, template: "template-institucional.html" },
|
|
||||||
{ data: menuElements, template: "template-elementos-menu.html" },
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|||||||
19105
package-lock.json
generated
19105
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"author": "Agência M3",
|
"author": "Agência M3",
|
||||||
"name": "tema-template",
|
"name": "tema-template",
|
||||||
"shopName": "template",
|
"shopName": "bernardo",
|
||||||
"description": "Tema Vtex para loja Vtex",
|
"description": "Tema Vtex para loja Vtex",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
@ -12,8 +12,7 @@
|
|||||||
"dev": "cross-env NODE_ENV=development gulp watch",
|
"dev": "cross-env NODE_ENV=development gulp watch",
|
||||||
"dev:fast": "cross-env NODE_ENV=devfast gulp watch",
|
"dev:fast": "cross-env NODE_ENV=devfast gulp watch",
|
||||||
"prod": "cross-env NODE_ENV=production gulp build",
|
"prod": "cross-env NODE_ENV=production gulp build",
|
||||||
"format": "prettier --write \"src/arquivos/**/*.{js,jsx,scss}\"",
|
"format": "prettier --write \"src/arquivos/**/*.{js,jsx,scss}\""
|
||||||
"preinstall": "npx npm-force-resolutions"
|
|
||||||
},
|
},
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
BIN
src/arquivos/img/m3-bernardo-logo.png
Normal file
BIN
src/arquivos/img/m3-bernardo-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
@ -14,8 +14,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cart-items thead tr {
|
.cart-items thead tr {
|
||||||
border-bottom: 1px solid $color-gray6;
|
border-bottom: 1px solid #e5e5e5;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
|
||||||
th {
|
th {
|
||||||
@ -53,7 +53,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.product-name {
|
&.product-name {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
@media (max-width: 490px) {
|
@media (max-width: 490px) {
|
||||||
@ -96,7 +96,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.icon-question-sign {
|
.icon-question-sign {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -108,7 +108,7 @@
|
|||||||
|
|
||||||
input {
|
input {
|
||||||
&[id^="item-quantity"] {
|
&[id^="item-quantity"] {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: #000;
|
color: #000;
|
||||||
@ -127,7 +127,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item-quantity-change {
|
.item-quantity-change {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -147,7 +147,7 @@
|
|||||||
i {
|
i {
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
border-top: 1px solid $color-white;
|
border-top: 1px solid $white;
|
||||||
content: "";
|
content: "";
|
||||||
left: 12px;
|
left: 12px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -177,33 +177,33 @@
|
|||||||
|
|
||||||
#shipping-preview-container {
|
#shipping-preview-container {
|
||||||
.srp-main-title {
|
.srp-main-title {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.srp-description {
|
.srp-description {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#shipping-calculate-link,
|
#shipping-calculate-link,
|
||||||
#cart-shipping-calculate {
|
#cart-shipping-calculate {
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-gray, 5);
|
background-color: lighten(hsla(0, 0%, 90%, 1), 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-gray, 5);
|
background-color: darken(hsla(0, 0%, 90%, 1), 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -212,7 +212,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ship-postalCode a {
|
.ship-postalCode a {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -234,8 +234,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
background-color: $color-white2;
|
background-color: #f5f5f5;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
padding: 24px 15%;
|
padding: 24px 15%;
|
||||||
|
|
||||||
@ -252,7 +252,7 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -271,7 +271,7 @@
|
|||||||
|
|
||||||
#cart-coupon-add {
|
#cart-coupon-add {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
@ -281,11 +281,11 @@
|
|||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black2, 5);
|
background-color: lighten(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black2, 5);
|
background-color: darken(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@ -299,7 +299,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.accordion-group {
|
.accordion-group {
|
||||||
border: 1px solid $color-white2;
|
border: 1px solid #f5f5f5;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
||||||
@ -312,7 +312,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
tfoot {
|
tfoot {
|
||||||
background-color: $color-white2;
|
background-color: #f5f5f5;
|
||||||
|
|
||||||
.info {
|
.info {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@ -359,7 +359,7 @@
|
|||||||
|
|
||||||
#cart-choose-more-products {
|
#cart-choose-more-products {
|
||||||
bottom: -26px;
|
bottom: -26px;
|
||||||
color: $color-black4;
|
color: #151728;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
left: 0;
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -368,7 +368,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#cart-to-orderform {
|
#cart-to-orderform {
|
||||||
background-color: $color-green;
|
background-color: #2fab61;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
.container-order-form {
|
.container-order-form {
|
||||||
#orderform-to-cart {
|
#orderform-to-cart {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -10,7 +10,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#btn-client-pre-email {
|
#btn-client-pre-email {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
@ -24,11 +24,11 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-pink, 5);
|
background-color: lighten(#f71963, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-pink, 5);
|
background-color: darken(#f71963, 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
|
|
||||||
.accordion-group {
|
.accordion-group {
|
||||||
.accordion-toggle .link-box-edit {
|
.accordion-toggle .link-box-edit {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text input,
|
.text input,
|
||||||
@ -55,15 +55,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.vtex-omnishipping-1-x-summaryChange {
|
.vtex-omnishipping-1-x-summaryChange {
|
||||||
border-color: $color-pink;
|
border-color: #f71963;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion-group button.submit,
|
.accordion-group button.submit,
|
||||||
.payment-confirmation-wrap button.submit {
|
.payment-confirmation-wrap button.submit {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: $color-green;
|
background-color: #2fab61;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -73,17 +73,17 @@
|
|||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-green, 5);
|
background-color: lighten(#2fab61, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-green, 5);
|
background-color: darken(#2fab61, 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart-fixed {
|
.cart-fixed {
|
||||||
#orderform-minicart-to-cart {
|
#orderform-minicart-to-cart {
|
||||||
color: $color-black4;
|
color: #151728;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@ -95,7 +95,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
tfoot td {
|
tfoot td {
|
||||||
color: $color-black3;
|
color: #19273d;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.empty-cart-title {
|
.empty-cart-title {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 29px;
|
line-height: 29px;
|
||||||
}
|
}
|
||||||
@ -14,7 +14,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#cart-choose-products {
|
#cart-choose-products {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
border: none;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
@ -26,11 +26,11 @@
|
|||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black2, 5);
|
background-color: lighten(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black2, 5);
|
background-color: darken(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mini-cart-container {
|
.mini-cart-container {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
|
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -51,8 +51,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mini-cart-header {
|
.mini-cart-header {
|
||||||
border-bottom: 1px solid $color-gray;
|
border-bottom: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
padding: 20px 15px 16px;
|
padding: 20px 15px 16px;
|
||||||
@ -75,7 +75,7 @@
|
|||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
background-color: lighten($color-black2, 10);
|
background-color: lighten(#142032, 10);
|
||||||
content: "";
|
content: "";
|
||||||
height: 2px;
|
height: 2px;
|
||||||
left: 0.5px;
|
left: 0.5px;
|
||||||
@ -97,7 +97,7 @@
|
|||||||
&:active {
|
&:active {
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -120,17 +120,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: darken($color-gray3, 10);
|
background-color: darken(hsl(0, 0%, 77%), 10);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -154,8 +154,8 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
border: 5px solid $color-white;
|
border: 5px solid $white;
|
||||||
border-top-color: $color-pink;
|
border-top-color: #f71963;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@ -172,7 +172,7 @@
|
|||||||
|
|
||||||
li {
|
li {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
border-bottom: 1px solid $color-gray;
|
border-bottom: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 12px 0;
|
padding: 12px 0;
|
||||||
@ -215,7 +215,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.product-info {
|
.product-info {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
@ -228,7 +228,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.product-price {
|
.product-price {
|
||||||
color: $color-black;
|
color: #000;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
@ -250,8 +250,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
@ -261,16 +261,16 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-pink, 5);
|
background-color: lighten(#f71963, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-pink, 10);
|
background-color: darken(#f71963, 10);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 0 -3px;
|
margin: 0 -3px;
|
||||||
@ -302,17 +302,17 @@
|
|||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
border-color: darken($color-black2, 15);
|
border-color: darken(#142032, 15);
|
||||||
|
|
||||||
&:after,
|
&:after,
|
||||||
&:before {
|
&:before {
|
||||||
border-color: darken($color-black2, 15);
|
border-color: darken(#142032, 15);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after,
|
&:after,
|
||||||
&:before {
|
&:before {
|
||||||
border-bottom: 1.25px solid $color-black2;
|
border-bottom: 1.25px solid #142032;
|
||||||
content: "";
|
content: "";
|
||||||
width: 16px;
|
width: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -337,21 +337,21 @@
|
|||||||
|
|
||||||
.totals-container {
|
.totals-container {
|
||||||
display: none;
|
display: none;
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
border-top: 1px solid $color-gray;
|
border-top: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
margin: 0 16px;
|
margin: 0 16px;
|
||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.total {
|
.total {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
letter-spacing: 3px;
|
letter-spacing: 3px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 0;
|
letter-spacing: 0;
|
||||||
@ -363,7 +363,7 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
padding: 17px 15px;
|
padding: 17px 15px;
|
||||||
@ -375,13 +375,13 @@
|
|||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
color: darken($color-gray5, 15);
|
color: darken(#6d6e70, 15);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.finish-order {
|
.finish-order {
|
||||||
background-color: $color-green;
|
background-color: #2fab61;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -392,11 +392,11 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-green, 2.5);
|
background-color: lighten(#2fab61, 2.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-green, 10);
|
background-color: darken(#2fab61, 10);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
/*-------------------------------------------------------------*/
|
/*-------------------------------------------------------------*/
|
||||||
|
|
||||||
.captacao-emails-newsletter {
|
.captacao-emails-newsletter {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
background-image: url("/arquivos/template-background-newsletter.png");
|
background-image: url("/arquivos/template-background-newsletter.png");
|
||||||
margin-top: 104px;
|
margin-top: 104px;
|
||||||
padding: 12px 15px 24px;
|
padding: 12px 15px 24px;
|
||||||
@ -25,7 +25,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: $color-white;
|
color: $white;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
@ -91,12 +91,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
}
|
}
|
||||||
|
|
||||||
&#m3-cn-button-ok {
|
&#m3-cn-button-ok {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -109,11 +109,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black2, 5);
|
background-color: lighten(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black2, 5);
|
background-color: darken(#142032, 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -123,10 +123,10 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.m3-cn-error {
|
.m3-cn-error {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
bottom: -28px;
|
bottom: -28px;
|
||||||
color: $color-pink3;
|
color: hsla(348, 83%, 58%, 1);
|
||||||
display: table;
|
display: table;
|
||||||
left: 40%;
|
left: 40%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
@ -136,7 +136,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.m3-cn-success {
|
.m3-cn-success {
|
||||||
color: $color-white;
|
color: $white;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
@ -144,9 +144,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-voltar {
|
.btn-voltar {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
/*-------------------------------------------------------------*/
|
/*-------------------------------------------------------------*/
|
||||||
|
|
||||||
.categoria {
|
.categoria {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
|
|
||||||
.bread-crumb {
|
.bread-crumb {
|
||||||
margin-bottom: 54px;
|
margin-bottom: 54px;
|
||||||
@ -15,7 +15,7 @@
|
|||||||
|
|
||||||
.filtros-categoria {
|
.filtros-categoria {
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
margin-left: -100%;
|
margin-left: -100%;
|
||||||
@ -38,7 +38,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.topo-filtros {
|
.topo-filtros {
|
||||||
border-bottom: 1px solid $color-gray;
|
border-bottom: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -72,7 +72,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
border-left: 1px solid $color-gray4;
|
border-left: 1px solid #eee;
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
@ -88,7 +88,7 @@
|
|||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -109,7 +109,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation-tabs {
|
.navigation-tabs {
|
||||||
@ -151,11 +151,11 @@
|
|||||||
|
|
||||||
label {
|
label {
|
||||||
a {
|
a {
|
||||||
color: $color-black4;
|
color: #151728;
|
||||||
transition: ease-in 0.22s all;
|
transition: ease-in 0.22s all;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-shadow: 0px 0px 0.55px $color-black4;
|
text-shadow: 0px 0px 0.55px #151728;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -169,22 +169,22 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: darken($color-gray3, 10);
|
background-color: darken(hsl(0, 0%, 77%), 10);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -208,10 +208,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
& ~ .sr_box {
|
& ~ .sr_box {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
content: " ";
|
content: " ";
|
||||||
color: $color-gray3;
|
color: hsl(0, 0%, 77%);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -247,13 +247,13 @@
|
|||||||
|
|
||||||
&:hover ~ .sr_box {
|
&:hover ~ .sr_box {
|
||||||
&::before {
|
&::before {
|
||||||
background-color: lighten($color-pink, 15);
|
background-color: lighten(#f71963, 15);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:checked ~ .sr_box {
|
&:checked ~ .sr_box {
|
||||||
&::before {
|
&::before {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -272,7 +272,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.aply-filter-btn {
|
.aply-filter-btn {
|
||||||
background-color: $color-gray4;
|
background-color: #eee;
|
||||||
border: none;
|
border: none;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -289,7 +289,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-gray4, 5);
|
background-color: darken(#eee, 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -334,7 +334,7 @@
|
|||||||
.opcoes-resultado {
|
.opcoes-resultado {
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border: 1px solid $color-gray;
|
border: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
}
|
}
|
||||||
@ -343,8 +343,8 @@
|
|||||||
#open-filter-button {
|
#open-filter-button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
border-right: 1px solid $color-gray;
|
border-right: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
color: $color-black;
|
color: #000;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@ -407,7 +407,7 @@
|
|||||||
select {
|
select {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -442,10 +442,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.clear-filter-btn {
|
.clear-filter-btn {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -458,11 +458,11 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black, 2.5);
|
background-color: lighten(#000, 2.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black, 2.5);
|
background-color: darken(#000, 2.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -538,8 +538,8 @@
|
|||||||
|
|
||||||
&.current {
|
&.current {
|
||||||
a {
|
a {
|
||||||
background-color: $color-black;
|
background-color: #000;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -552,7 +552,7 @@
|
|||||||
font-size: 0;
|
font-size: 0;
|
||||||
text-indent: -99999px;
|
text-indent: -99999px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
@include pseudo(block, relative, "\00BB");
|
@include pseudo(block, relative, "\00BB");
|
||||||
@ -562,7 +562,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.desativo a {
|
&.desativo a {
|
||||||
color: $color-gray3;
|
color: hsl(0, 0%, 77%);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
width: 0;
|
width: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@ -580,20 +580,20 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
color: $color-black;
|
color: #000;
|
||||||
padding: 4px 12px;
|
padding: 4px 12px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: block;
|
display: block;
|
||||||
border: 1px solid $color-gray6;
|
border: 1px solid #e5e5e5;
|
||||||
|
|
||||||
@include mq(md, min) {
|
@include mq(md, min) {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-gray6;
|
background-color: #e5e5e5;
|
||||||
color: darken($color-black, 15);
|
color: darken(#000, 15);
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
color: darken($color-black, 10);
|
color: darken(#000, 10);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -613,9 +613,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -628,11 +628,11 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black, 2.5);
|
background-color: lighten(#000, 2.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black, 2.5);
|
background-color: darken(#000, 2.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
.pagina-erro {
|
.pagina-erro {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: block;
|
display: block;
|
||||||
min-height: 40%;
|
min-height: 40%;
|
||||||
@ -43,7 +43,7 @@
|
|||||||
|
|
||||||
a.voltar-para-home {
|
a.voltar-para-home {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: $color-black2;
|
background: #142032;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 1em auto 3em;
|
margin: 1em auto 3em;
|
||||||
@ -52,11 +52,11 @@
|
|||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black2, 5);
|
background-color: lighten(#142032, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black2, 5);
|
background-color: darken(#142032, 5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@ -92,7 +92,7 @@
|
|||||||
|
|
||||||
.slick-active {
|
.slick-active {
|
||||||
button {
|
button {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
/*-------------------------------------------------------------*/
|
/*-------------------------------------------------------------*/
|
||||||
|
|
||||||
.institucional {
|
.institucional {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
|
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -15,8 +15,8 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border-right: 1px solid $color-black2;
|
border-right: 1px solid #142032;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
margin-right: 7px;
|
margin-right: 7px;
|
||||||
padding: 0px 9px 0px 0;
|
padding: 0px 9px 0px 0;
|
||||||
}
|
}
|
||||||
@ -48,27 +48,27 @@
|
|||||||
padding: 4px 2px;
|
padding: 4px 2px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
border-radius: 31px;
|
border-radius: 31px;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&.ativo {
|
&.ativo {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-black2, 5);
|
background-color: lighten(#142032, 5);
|
||||||
color: $color-white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-black2, 10);
|
background-color: darken(#142032, 10);
|
||||||
color: $color-white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,9 +22,9 @@
|
|||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
background-color: $color-white2;
|
background-color: #f5f5f5;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: 1px solid $color-gray6;
|
border: 1px solid #e5e5e5;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -33,25 +33,25 @@
|
|||||||
transition: all 0.15s ease-in-out;
|
transition: all 0.15s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-white2, 5);
|
background-color: lighten(#f5f5f5, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-white2, 5);
|
background-color: darken(#f5f5f5, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.btn-success {
|
&.btn-success {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 14px 24px;
|
padding: 14px 24px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: lighten($color-pink, 5);
|
background-color: lighten(#f71963, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: darken($color-pink, 5);
|
background-color: darken(#f71963, 5);
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
i {
|
||||||
@ -72,7 +72,7 @@
|
|||||||
h4 {
|
h4 {
|
||||||
&::before {
|
&::before {
|
||||||
content: "Entrar";
|
content: "Entrar";
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|||||||
@ -99,7 +99,7 @@
|
|||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
@include mq(md, min) {
|
@include mq(md, min) {
|
||||||
border: 1px solid $color-pink;
|
border: 1px solid #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -158,7 +158,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@ -171,7 +171,7 @@
|
|||||||
|
|
||||||
.slick-active {
|
.slick-active {
|
||||||
button {
|
button {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
@ -196,7 +196,7 @@
|
|||||||
|
|
||||||
.product-reference {
|
.product-reference {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
|
|
||||||
.productReference {
|
.productReference {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -204,11 +204,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.moduloPreco {
|
.moduloPreco {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
|
|
||||||
.valor-de {
|
.valor-de {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
@ -223,7 +223,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.valor-por {
|
.valor-por {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
@ -233,7 +233,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.valor-dividido {
|
.valor-dividido {
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
.numero-de-parcelas {
|
.numero-de-parcelas {
|
||||||
@ -262,14 +262,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
border-top: 1px solid $color-gray3;
|
border-top: 1px solid hsl(0, 0%, 77%);
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
border-bottom: 1px solid $color-gray3;
|
border-bottom: 1px solid hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
@ -282,8 +282,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container-percentual {
|
.container-percentual {
|
||||||
border: 1px dotted $color-green;
|
border: 1px dotted #2fab61;
|
||||||
color: $color-green;
|
color: #2fab61;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
padding: 4px 9px;
|
padding: 4px 9px;
|
||||||
}
|
}
|
||||||
@ -291,7 +291,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.moduloAviseMe {
|
.moduloAviseMe {
|
||||||
border-bottom: 1px solid $color-gray;
|
border-bottom: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
|
||||||
@ -305,7 +305,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
border: 1px solid $color-gray;
|
border: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@ -317,9 +317,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&#enviar-avise-me {
|
&#enviar-avise-me {
|
||||||
background-color: $color-black3;
|
background-color: #19273d;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -331,11 +331,11 @@
|
|||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-black;
|
background-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -346,11 +346,11 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
||||||
&.msgSucesso {
|
&.msgSucesso {
|
||||||
color: $color-green;
|
color: #2fab61;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.msgErro {
|
&.msgErro {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -369,7 +369,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
border: 1px solid $color-gray;
|
border: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 72px;
|
max-width: 72px;
|
||||||
max-height: 96px;
|
max-height: 96px;
|
||||||
@ -382,7 +382,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border: 2px solid $color-gray3;
|
border: 2px solid hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@ -408,7 +408,7 @@
|
|||||||
|
|
||||||
.moduloSkus {
|
.moduloSkus {
|
||||||
.titulo {
|
.titulo {
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -450,7 +450,7 @@
|
|||||||
@include mq(lg) {
|
@include mq(lg) {
|
||||||
&:hover label,
|
&:hover label,
|
||||||
&:active label {
|
&:active label {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -460,16 +460,16 @@
|
|||||||
|
|
||||||
&:checked + label {
|
&:checked + label {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid $color-pink;
|
border: 1px solid #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: $color-black3;
|
color: #19273d;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@ -499,7 +499,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.titulo {
|
.titulo {
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
@ -525,8 +525,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
@ -537,18 +537,18 @@
|
|||||||
|
|
||||||
@include mq(lg) {
|
@include mq(lg) {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.qtd-value {
|
.qtd-value {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
color: $color-black3;
|
color: #19273d;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 34px;
|
width: 34px;
|
||||||
@ -574,20 +574,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
border-top: 1px solid $color-gray3;
|
border-top: 1px solid hsl(0, 0%, 77%);
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
border-bottom: 1px solid $color-gray3;
|
border-bottom: 1px solid hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -607,13 +607,13 @@
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
.btn-compra {
|
.btn-compra {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-compra {
|
.btn-compra {
|
||||||
background-color: $color-green;
|
background-color: #2fab61;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
@ -632,25 +632,25 @@
|
|||||||
|
|
||||||
@include mq(lg) {
|
@include mq(lg) {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-green2;
|
background-color: hsla(138, 66%, 41%, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $color-green3;
|
background-color: hsla(138, 50%, 41%, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.erro-add-cart {
|
.erro-add-cart {
|
||||||
bottom: -55px;
|
bottom: -55px;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.compra-segura {
|
.compra-segura {
|
||||||
color: $color-black3;
|
color: #19273d;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
max-width: 270px;
|
max-width: 270px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -687,20 +687,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
border-top: 1px solid $color-gray4;
|
border-top: 1px solid #eee;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
border-bottom: 1px solid $color-gray4;
|
border-bottom: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -729,14 +729,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#descricao-completa {
|
#descricao-completa {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
border-top: 1px solid $color-gray6;
|
border-top: 1px solid #e5e5e5;
|
||||||
margin-top: 48px;
|
margin-top: 48px;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
@ -753,7 +753,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.descricao {
|
.descricao {
|
||||||
color: $color-gray5;
|
color: #6d6e70;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
@ -791,9 +791,9 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-black3;
|
background-color: #19273d;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -805,12 +805,12 @@
|
|||||||
|
|
||||||
@include mq(lg) {
|
@include mq(lg) {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-black;
|
background-color: #000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -820,11 +820,11 @@
|
|||||||
.popup-add-cart,
|
.popup-add-cart,
|
||||||
.modal-add-cart {
|
.modal-add-cart {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
bottom: 5%;
|
bottom: 5%;
|
||||||
box-shadow: 0px 4px 16px rgba(125, 87, 98, 0.12);
|
box-shadow: 0px 4px 16px rgba(125, 87, 98, 0.12);
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
@ -863,7 +863,7 @@
|
|||||||
button {
|
button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
|
|||||||
@ -8,8 +8,8 @@ body.minhaConta {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
border-bottom: 1px solid $color-gray;
|
border-bottom: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin-bottom: 28px;
|
margin-bottom: 28px;
|
||||||
padding: 24px 14px 16px;
|
padding: 24px 14px 16px;
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
a:after {
|
a:after {
|
||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-right: 1px solid $color-black2;
|
border-right: 1px solid #142032;
|
||||||
margin-right: -9px;
|
margin-right: -9px;
|
||||||
padding: 0px 9px 0px 0;
|
padding: 0px 9px 0px 0;
|
||||||
}
|
}
|
||||||
@ -34,8 +34,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border-right: 1px solid $color-black2;
|
border-right: 1px solid #142032;
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
margin-right: 7px;
|
margin-right: 7px;
|
||||||
padding: 0px 9px 0px 0;
|
padding: 0px 9px 0px 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
float: right;
|
float: right;
|
||||||
@ -19,7 +19,7 @@
|
|||||||
text-indent: -9999px;
|
text-indent: -9999px;
|
||||||
|
|
||||||
&.produto-off {
|
&.produto-off {
|
||||||
background: $color-black2;
|
background: #142032;
|
||||||
display: table;
|
display: table;
|
||||||
float: left;
|
float: left;
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
@ -32,7 +32,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.novo {
|
&.novo {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: table;
|
display: table;
|
||||||
float: left;
|
float: left;
|
||||||
|
|||||||
@ -3,10 +3,10 @@
|
|||||||
/*-------------------------------------------------------------*/
|
/*-------------------------------------------------------------*/
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
|
|
||||||
.institucional-info {
|
.institucional-info {
|
||||||
color: $color-white;
|
color: $white;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: 950px;
|
max-width: 950px;
|
||||||
@ -51,7 +51,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.institucional-links {
|
.institucional-links {
|
||||||
@ -61,7 +61,7 @@
|
|||||||
.contato-sac {
|
.contato-sac {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
border-bottom: 1px solid $color-black3;
|
border-bottom: 1px solid #19273d;
|
||||||
padding: 10px 0 20px;
|
padding: 10px 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -122,12 +122,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.selos {
|
.selos {
|
||||||
border-top: 1px solid $color-black3;
|
border-top: 1px solid #19273d;
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
@include mq(md, min) {
|
@include mq(md, min) {
|
||||||
border-bottom: 1px solid $color-black3;
|
border-bottom: 1px solid #19273d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-12 {
|
.col-12 {
|
||||||
@ -147,12 +147,12 @@
|
|||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
border-bottom: 1px solid $color-black3;
|
border-bottom: 1px solid #19273d;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mq(md, min) {
|
@include mq(md, min) {
|
||||||
border-right: 1px solid $color-gray;
|
border-right: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
@ -191,7 +191,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
@ -206,7 +206,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -226,8 +226,8 @@
|
|||||||
|
|
||||||
a:nth-child(2) {
|
a:nth-child(2) {
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
border-left: 1px solid $color-gray;
|
border-left: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
border-right: 1px solid $color-gray;
|
border-right: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
@ -243,8 +243,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mobile-bottom-options {
|
.mobile-bottom-options {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
border-top: 1px solid $color-gray;
|
border-top: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
margin-bottom: -65px;
|
margin-bottom: -65px;
|
||||||
@ -326,10 +326,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.amount-items {
|
.amount-items {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
min-width: 19px;
|
min-width: 19px;
|
||||||
|
|||||||
@ -1,411 +1,120 @@
|
|||||||
/***************************************************************/
|
.page-header {
|
||||||
/**-- Header ------------------------------********************/
|
background: $black;
|
||||||
/*-------------------------------------------------------------*/
|
padding: 28px 0;
|
||||||
#ajaxBusy {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: #fff;
|
|
||||||
z-index: 15;
|
|
||||||
padding: 0px 16px;
|
|
||||||
line-height: 0.1;
|
|
||||||
opacity: 0.75;
|
|
||||||
|
|
||||||
&::after {
|
&__wrapper {
|
||||||
@include pseudo(inline-block);
|
display: grid;
|
||||||
border: solid 1px;
|
grid-template-columns: 2fr 1fr 2fr;
|
||||||
padding: 4px;
|
|
||||||
line-height: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 2px;
|
|
||||||
top: 35%;
|
|
||||||
border-color: $color-pink3 $color-gray4 $color-gray4 $color-gray4;
|
|
||||||
animation: spin 0.5s linear infinite;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
header {
|
|
||||||
background: rgba(255, 255, 255, 0.95);
|
|
||||||
top: 0;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
|
|
||||||
&.fixed {
|
|
||||||
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
|
|
||||||
position: fixed;
|
|
||||||
top: -30px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 10;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pink-bar {
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.fixed-hide:not(.menu-mobile-open):not(.mini-cart-open):not(:hover) {
|
|
||||||
top: -130px;
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pink-bar {
|
|
||||||
background-color: $color-pink;
|
|
||||||
opacity: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 6px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 8px;
|
|
||||||
padding-right: 8px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
border-right: 1px solid $color-white;
|
|
||||||
content: "";
|
|
||||||
height: 9px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 23%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $color-white;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
i {
|
|
||||||
vertical-align: sub;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.principal {
|
&__logo {
|
||||||
border-bottom: 1px solid $color-gray;
|
display: block;
|
||||||
padding: 20px 0;
|
margin: 0 auto;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .container {
|
|
||||||
@include mq(md, max) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include mq_range(md, xl) {
|
|
||||||
max-width: 98%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-mobile-abrir {
|
.user-items {
|
||||||
@include mq(lg, min) {
|
display: flex;
|
||||||
display: none;
|
align-items: center;
|
||||||
}
|
justify-content: flex-end;
|
||||||
|
|
||||||
button {
|
|
||||||
border: none;
|
|
||||||
background-color: transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
text-align: center;
|
|
||||||
@include mq(md, max) {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
max-width: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.busca-desktop {
|
|
||||||
@include mq(md, max) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.busca-mobile {
|
|
||||||
margin-top: 20px;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
@include mq(md, min) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.busca {
|
.busca {
|
||||||
border-top: 1px solid $color-gray4;
|
flex: 1;
|
||||||
border-bottom-color: $color-gray4;
|
display: flex;
|
||||||
padding: 5px 0;
|
align-items: center;
|
||||||
}
|
max-width: 212px;
|
||||||
}
|
margin: 0;
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid $white;
|
||||||
|
|
||||||
.busca {
|
legend,
|
||||||
border-bottom: 1px solid $color-black2;
|
label,
|
||||||
color: $color-black2;
|
select {
|
||||||
font-size: 14px;
|
|
||||||
max-width: 330px;
|
|
||||||
margin: auto;
|
|
||||||
padding: 0;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
legend,
|
|
||||||
label,
|
|
||||||
select {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
padding: 8px 8px 8px 0;
|
|
||||||
|
|
||||||
&.fulltext-search-box {
|
|
||||||
background-color: transparent;
|
|
||||||
max-width: 300px;
|
|
||||||
margin-right: -5px;
|
|
||||||
width: 85%;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include mq_range(md, lg) {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.btn-buscar {
|
|
||||||
background-color: transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 0;
|
|
||||||
padding: 8px;
|
|
||||||
|
|
||||||
@extend .sprite;
|
|
||||||
@extend .sprite-lupa;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.util-links {
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.links-usuario {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 24px;
|
|
||||||
padding: 0 24px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
margin: 0 14px;
|
|
||||||
padding: 0 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include mq_range(md, lg) {
|
|
||||||
margin: 0 16px;
|
|
||||||
padding: 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before,
|
|
||||||
&::after {
|
|
||||||
border-right: 1px solid $color-black;
|
|
||||||
content: "";
|
|
||||||
height: 19px;
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
.fulltext-search-box {
|
||||||
right: 0;
|
flex: 1;
|
||||||
}
|
height: 23px;
|
||||||
}
|
outline: 0;
|
||||||
|
border: 0;
|
||||||
.carrinho {
|
padding: 0;
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
a {
|
|
||||||
li:not(.amount-items),
|
|
||||||
strong,
|
|
||||||
.title {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.AmountItemsInCart {
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.portal-totalizers-ref {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.cartInfoWrapper {
|
|
||||||
@extend .sprite;
|
|
||||||
@extend .sprite-sacola;
|
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.amount-items {
|
|
||||||
background-color: $color-black2;
|
|
||||||
border-radius: 50%;
|
|
||||||
bottom: 2px;
|
|
||||||
color: $color-white;
|
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
line-height: 1.3;
|
line-height: 12px;
|
||||||
min-width: 19px;
|
background: transparent;
|
||||||
text-align: center;
|
color: $white;
|
||||||
padding: 3px 4px;
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-buscar {
|
||||||
|
width: 23px;
|
||||||
|
height: 23px;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
outline: 0;
|
||||||
|
font-size: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
@extend .sprite;
|
||||||
|
@extend .sprite-search-icon;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
&__account-link{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
&::before, &::after {
|
||||||
|
content: "";
|
||||||
|
width: 1px;
|
||||||
|
height: 19px;
|
||||||
|
margin: 0 24px;
|
||||||
|
background: $white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__minicart-button{
|
||||||
|
position: relative;
|
||||||
|
background: transparent;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
outline: 0;
|
||||||
|
border: 0;
|
||||||
|
.portal-totalizers-ref{
|
||||||
|
.title,
|
||||||
|
.amount-products,
|
||||||
|
.amount-items strong,
|
||||||
|
.amount-kits,
|
||||||
|
.total-cart {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cart-info {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount-items-em {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: -8px;
|
top: 4px;
|
||||||
|
right: -4px;
|
||||||
|
height: 15px;
|
||||||
|
width: 15px;
|
||||||
|
border-radius: 50%;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 11px;
|
||||||
|
font-size: 9px;
|
||||||
|
color: $white;
|
||||||
|
background: $blue;
|
||||||
|
|
||||||
@include mq(md, max) {
|
|
||||||
right: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
em {
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-simples {
|
|
||||||
border-bottom: 1px solid $color-gray;
|
|
||||||
padding: 18px 0;
|
|
||||||
a {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.compra-segura {
|
|
||||||
font-weight: 600;
|
|
||||||
font-size: 17px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header,
|
|
||||||
.compra-segura {
|
|
||||||
@include mq("sm", max) {
|
|
||||||
text-align: center;
|
|
||||||
padding: 4px 0;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-autocomplete {
|
|
||||||
&.autocompleteopen {
|
|
||||||
display: table !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
background: white;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 999 !important;
|
|
||||||
width: auto !important;
|
|
||||||
border: solid 1px #ccc;
|
|
||||||
box-shadow: 0px 1px 5px -4.5px rgba(0, 0, 0, 0.95);
|
|
||||||
|
|
||||||
li {
|
|
||||||
padding: 12px 32px 12px 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 0.9em !important;
|
|
||||||
|
|
||||||
&:nth-child(2n) {
|
|
||||||
background-color: $color-gray4;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
margin-right: 10px;
|
|
||||||
width: auto;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-autocomplete {
|
|
||||||
background: white;
|
|
||||||
border: solid 1px #ccc;
|
|
||||||
box-shadow: 0px 1px 5px -4.5px rgba(0, 0, 0, 0.95);
|
|
||||||
max-width: 260px;
|
|
||||||
padding: 0;
|
|
||||||
width: auto !important;
|
|
||||||
z-index: 999 !important;
|
|
||||||
|
|
||||||
&.autocompleteopen {
|
|
||||||
display: table !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
padding: 12px 32px 12px 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 0.9em !important;
|
|
||||||
|
|
||||||
&:nth-child(2n) {
|
|
||||||
background-color: $color-gray4;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
font-size: 14px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
margin-right: 10px;
|
|
||||||
width: auto;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
position: initial;
|
position: initial;
|
||||||
|
|
||||||
@include mq(lg, max) {
|
@include mq(lg, max) {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -35,7 +35,7 @@
|
|||||||
|
|
||||||
.header-menu-mobile {
|
.header-menu-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
border-bottom: 1px solid $color-gray4;
|
border-bottom: 1px solid #eee;
|
||||||
padding: 22px 15px 0;
|
padding: 22px 15px 0;
|
||||||
margin: 0 -15px;
|
margin: 0 -15px;
|
||||||
|
|
||||||
@ -63,7 +63,7 @@
|
|||||||
top: 17px;
|
top: 17px;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
border-left: 1px solid $color-gray4;
|
border-left: 1px solid #eee;
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
@ -79,7 +79,7 @@
|
|||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
border: 1px solid $color-black2;
|
border: 1px solid #142032;
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -99,8 +99,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.busca {
|
.busca {
|
||||||
background-color: $color-gray4;
|
background-color: #eee;
|
||||||
border-top: 1px solid $color-gray6;
|
border-top: 1px solid #e5e5e5;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin-top: 22px;
|
margin-top: 22px;
|
||||||
@ -127,15 +127,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: darken($color-gray3, 10);
|
background-color: darken(hsl(0, 0%, 77%), 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
@ -149,7 +149,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
border-bottom: 1px solid $color-gray4;
|
border-bottom: 1px solid #eee;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@ -161,7 +161,7 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
> a::after {
|
> a::after {
|
||||||
@include mq(lg, min) {
|
@include mq(lg, min) {
|
||||||
border-bottom-color: $color-pink;
|
border-bottom-color: #f71963;
|
||||||
border-width: 4px;
|
border-width: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -169,7 +169,7 @@
|
|||||||
|
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
@include mq(lg, min) {
|
@include mq(lg, min) {
|
||||||
border-right: 1px solid $color-black;
|
border-right: 1px solid #000;
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
}
|
}
|
||||||
@ -222,12 +222,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight {
|
.highlight {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@ -246,7 +246,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.footer-menu-mobile {
|
.footer-menu-mobile {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
padding: 17.5px 15px;
|
padding: 17.5px 15px;
|
||||||
@ -259,7 +259,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-white;
|
color: $white;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
|
||||||
@ -286,7 +286,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.m3-dropdown-menu {
|
.m3-dropdown-menu {
|
||||||
background-color: $color-white;
|
background-color: $white;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
@ -298,7 +298,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@include mq(lg, max) {
|
@include mq(lg, max) {
|
||||||
border-bottom: 1px solid $color-gray4;
|
border-bottom: 1px solid #eee;
|
||||||
bottom: 64px;
|
bottom: 64px;
|
||||||
margin-left: 100%;
|
margin-left: 100%;
|
||||||
max-height: initial;
|
max-height: initial;
|
||||||
@ -309,7 +309,7 @@
|
|||||||
|
|
||||||
@include mq(lg, min) {
|
@include mq(lg, min) {
|
||||||
background: rgba(255, 255, 255, 0.95);
|
background: rgba(255, 255, 255, 0.95);
|
||||||
border-top: 1px solid $color-gray;
|
border-top: 1px solid hsla(0, 0%, 90%, 1);
|
||||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
|
||||||
padding: 45px 0px 37px;
|
padding: 45px 0px 37px;
|
||||||
top: 70%;
|
top: 70%;
|
||||||
@ -335,19 +335,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
background-color: $color-gray;
|
background-color: hsla(0, 0%, 90%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $color-gray3;
|
background-color: hsl(0, 0%, 77%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
background-color: darken($color-gray3, 10);
|
background-color: darken(hsl(0, 0%, 77%), 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-voltar {
|
.btn-voltar {
|
||||||
border-bottom: 1px solid $color-gray4;
|
border-bottom: 1px solid #eee;
|
||||||
padding: 7px 24px;
|
padding: 7px 24px;
|
||||||
|
|
||||||
@include mq(lg, min) {
|
@include mq(lg, min) {
|
||||||
@ -391,7 +391,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include mq(lg, min) {
|
@include mq(lg, min) {
|
||||||
border-left: 1px solid $color-black;
|
border-left: 1px solid #000;
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -411,7 +411,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-bottom: 5px solid $color-black4;
|
border-bottom: 5px solid #151728;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -451,7 +451,7 @@
|
|||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
border-bottom: 4px solid $color-pink;
|
border-bottom: 4px solid #f71963;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@ -460,7 +460,7 @@
|
|||||||
|
|
||||||
&.ver-todos {
|
&.ver-todos {
|
||||||
a {
|
a {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
@include mq(lg, max) {
|
@include mq(lg, max) {
|
||||||
|
|||||||
@ -79,7 +79,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background-color: $color-black2;
|
background-color: #142032;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
@ -92,7 +92,7 @@
|
|||||||
|
|
||||||
.slick-active {
|
.slick-active {
|
||||||
button {
|
button {
|
||||||
background-color: $color-pink;
|
background-color: #f71963;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
@ -100,7 +100,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
margin: 0 0 24px;
|
margin: 0 0 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -188,7 +188,7 @@
|
|||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
.antigo {
|
.antigo {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
min-height: 18px;
|
min-height: 18px;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
@ -200,7 +200,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.parcelado {
|
.parcelado {
|
||||||
color: $color-gray2;
|
color: hsla(220, 1%, 43%, 1);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
@ -225,8 +225,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background-color: $color-green;
|
background-color: #2fab61;
|
||||||
color: $color-white;
|
color: $white;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
@ -236,11 +236,11 @@
|
|||||||
|
|
||||||
@include mq(lg) {
|
@include mq(lg) {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $color-green2;
|
background-color: hsla(138, 66%, 41%, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $color-green3;
|
background-color: hsla(138, 50%, 41%, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -256,7 +256,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.indisponivel {
|
.indisponivel {
|
||||||
color: $color-pink;
|
color: #f71963;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -23,7 +23,7 @@ html {
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: $color-black2;
|
color: #142032;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,39 +1,13 @@
|
|||||||
// fonts
|
// fonts
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@700&family=Roboto&display=swap');
|
||||||
|
|
||||||
$font-family: "Roboto", sans-serif;
|
$font-family: "Inter", sans-serif;
|
||||||
$font-weight-light: 300;
|
|
||||||
$font-weight-regular: 400;
|
|
||||||
$font-weight-heavy: 700;
|
|
||||||
$font-height: 1.5;
|
$font-height: 1.5;
|
||||||
|
|
||||||
// colors
|
// colors
|
||||||
$color-black: #000;
|
$black: #000;
|
||||||
$color-black2: #142032;
|
$white: #fff;
|
||||||
$color-black3: #19273d;
|
$blue: #00c8ff;
|
||||||
$color-black4: #151728;
|
|
||||||
|
|
||||||
$color-gray: hsla(0, 0%, 90%, 1);
|
|
||||||
$color-gray2: hsla(220, 1%, 43%, 1);
|
|
||||||
$color-gray3: hsl(0, 0%, 77%);
|
|
||||||
$color-gray4: #eee;
|
|
||||||
$color-gray5: #6d6e70;
|
|
||||||
$color-gray6: #e5e5e5;
|
|
||||||
|
|
||||||
$color-white: #fff;
|
|
||||||
$color-white2: #f5f5f5;
|
|
||||||
|
|
||||||
$color-pink: #f71963;
|
|
||||||
$color-pink2: hsla(348, 83%, 72%, 1);
|
|
||||||
$color-pink3: hsla(348, 83%, 58%, 1);
|
|
||||||
|
|
||||||
$color-purple: hsla(266, 70%, 52%, 1);
|
|
||||||
|
|
||||||
$color-green: #2fab61;
|
|
||||||
$color-green2: hsla(138, 66%, 41%, 1);
|
|
||||||
$color-green3: hsla(138, 50%, 41%, 1);
|
|
||||||
$color-green4: hsla(138, 59%, 34%, 1);
|
|
||||||
|
|
||||||
// universal
|
|
||||||
|
|
||||||
// Grid breakpoints
|
// Grid breakpoints
|
||||||
|
|
||||||
@ -46,13 +20,9 @@ $grid-breakpoints: (
|
|||||||
) !default;
|
) !default;
|
||||||
|
|
||||||
$z-index: (
|
$z-index: (
|
||||||
menu: 15,
|
level-1: 5,
|
||||||
popup-add-cart: 10,
|
level-2: 10,
|
||||||
dropdown: 10,
|
level-3: 15,
|
||||||
flag-prateleira: 5,
|
level-4: 20,
|
||||||
comprar-flutuante: 5,
|
level-5: 25,
|
||||||
avise-me: 5,
|
|
||||||
scroll-top: 7,
|
|
||||||
header-fixo: 10,
|
|
||||||
popup-user: 15,
|
|
||||||
) !default;
|
) !default;
|
||||||
|
|||||||
BIN
src/arquivos/sprite/bag-icon.png
Normal file
BIN
src/arquivos/sprite/bag-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 847 B |
BIN
src/arquivos/sprite/search-icon.png
Normal file
BIN
src/arquivos/sprite/search-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 603 B |
BIN
src/arquivos/sprite/user-icon.png
Normal file
BIN
src/arquivos/sprite/user-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 770 B |
32
src/template-pagina/bernardo-home.html
Normal file
32
src/template-pagina/bernardo-home.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html
|
||||||
|
xmlns="http://www.w3.org/1999/xhtml"
|
||||||
|
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
||||||
|
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
|
||||||
|
lang="pt-br"
|
||||||
|
>
|
||||||
|
<head>
|
||||||
|
<meta name="page" content="home" page-id="homepage" />
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
|
<vtex:metaTags />
|
||||||
|
<title>M3 - Bernardo Waldhelm</title>
|
||||||
|
|
||||||
|
<vtex:template id="bernardo-loads-header" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<vtex:template id="bernardo-header" />
|
||||||
|
|
||||||
|
<main class="home"></main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<vtex:template id="bernardo-footer-newsletter" />
|
||||||
|
<vtex:template id="bernardo-footer-links" />
|
||||||
|
<vtex:template id="bernardo-footer" />
|
||||||
|
</footer>
|
||||||
|
<vtex:template id="bernardo-loads-footer" />
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
27
src/template-pagina/sub-templates/bernardo-header.html
Normal file
27
src/template-pagina/sub-templates/bernardo-header.html
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<header class="page-header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-header__wrapper">
|
||||||
|
<nav></nav>
|
||||||
|
<a href="http://">
|
||||||
|
<img
|
||||||
|
class="page-header__logo"
|
||||||
|
src="/arquivos/m3-bernardo-logo.png"
|
||||||
|
alt="Logo da M3"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="user-items">
|
||||||
|
<vtex.cmc:fullTextSearchBox />
|
||||||
|
|
||||||
|
<a class="user-items__account-link" href="/account">
|
||||||
|
<i class="sprite sprite-user-icon"></i>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<button class="user-items__minicart-button">
|
||||||
|
<i class="sprite sprite-bag-icon"></i>
|
||||||
|
<vtex.cmc:AmountItemsInCart />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
11
src/template-pagina/sub-templates/bernardo-loads-footer.html
Normal file
11
src/template-pagina/sub-templates/bernardo-loads-footer.html
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<script
|
||||||
|
crossorigin="anonymous"
|
||||||
|
src="https://polyfill.io/v3/polyfill.min.js"
|
||||||
|
></script>
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.1/proxy.min.js"
|
||||||
|
integrity="sha256-aRX3NIXjCxT51wF6s9KHLiFrf5E0n1YzvDLAMzeAVzA="
|
||||||
|
crossorigin="anonymous"
|
||||||
|
></script>
|
||||||
|
|
||||||
|
<script src="/arquivos/bernardo--main-bundle.js" async="async"></script>
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/arquivos/bernardo--main.css" />
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<section class=" footer">
|
|
||||||
<div class="selos">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<ul class="pagamento">
|
|
||||||
<li><i class="sprite sprite-master"></i></li>
|
|
||||||
<li><i class="sprite sprite-visa"></i></li>
|
|
||||||
<li><i class="sprite sprite-diners"></i></li>
|
|
||||||
<li><i class="sprite sprite-elo"></i></li>
|
|
||||||
<li><i class="sprite sprite-hiper"></i></li>
|
|
||||||
<li><i class="sprite sprite-pagseguro"></i></li>
|
|
||||||
<li><i class="sprite sprite-boleto"></i></li>
|
|
||||||
</ul>
|
|
||||||
<ul class="certificados">
|
|
||||||
<li><i class="sprite sprite-vtex-pci"></i></li>
|
|
||||||
<li><i class="sprite sprite-google-safe-browser"></i></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container-fluid razao">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 col-md-6 cnpj">
|
|
||||||
<p>
|
|
||||||
Copyright Ⓒ 2019 - Loja Sweeter Comércio Eletrônico | <span>CNPJ: 000.000.000/0001-00</span>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Rua 7 de Setembro, 3795 Centro - São Paulo/SP
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-md-6 desenvolvimento">
|
|
||||||
<a href="#" target="_blank">
|
|
||||||
<i class="sprite sprite-varejo-tech"></i>
|
|
||||||
</a>
|
|
||||||
<a href="#" target="_blank">
|
|
||||||
<i class="sprite sprite-vtex"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://digitalm3.com.br/" target="_blank">
|
|
||||||
<span>Developed by </span>
|
|
||||||
<i class="sprite sprite-m3"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
<header class="header-simples">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row justify-content-between" >
|
|
||||||
<div class="col-12 col-sm-6">
|
|
||||||
<a href="/" class="logo">
|
|
||||||
<img src="/arquivos/template-logo.png" alt="VTEX"/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col ">
|
|
||||||
<div class="compra-segura">
|
|
||||||
<span><i class="sprite sprite-cadeado"></i>Compra 100% segura</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
@ -1,160 +0,0 @@
|
|||||||
<header class="header">
|
|
||||||
<div class="pink-bar">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#">
|
|
||||||
<i class="sprite sprite-map-pointer-white"></i>
|
|
||||||
Guide Shop
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/account">
|
|
||||||
Meus pedidos
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="principal">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-4 menu-mobile-abrir">
|
|
||||||
<button aria-label="Abrir Menu" id="open-menu-button">
|
|
||||||
<i class="sprite sprite-menu"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-md-5 menu-principal">
|
|
||||||
<div class="header-menu-mobile">
|
|
||||||
<p>
|
|
||||||
<i class="sprite sprite-cadeado"></i>
|
|
||||||
<span>Compra 100% segura</span>
|
|
||||||
</p>
|
|
||||||
<button aria-label="Fechar Menu" id="close-menu-button">
|
|
||||||
<span></span>
|
|
||||||
</button>
|
|
||||||
<div class="fullTextSearchBox">
|
|
||||||
<vtex.cmc:fullTextSearchBox />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<nav role="navigation">
|
|
||||||
<ul class="itens nav navbar-nav" itemscope="itemscope"
|
|
||||||
itemtype="http://www.schema.org/SiteNavigationElement">
|
|
||||||
<li class="novidades" itemprop="name">
|
|
||||||
<a itemprop="url" class="titulo-departamento highlight"
|
|
||||||
href="/busca/?fq=H:143&O=OrderByReleaseDateDESC" title="novidades">
|
|
||||||
novidades
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="calcados m3-dropdown" itemprop="name">
|
|
||||||
<a itemprop="url" class="titulo-departamento" href="/calcados" title="calçados">
|
|
||||||
calçados
|
|
||||||
</a>
|
|
||||||
<button class="ver-departamento">Abir departamento</button>
|
|
||||||
<div class="m3-dropdown-menu">
|
|
||||||
<div class="btn-voltar">
|
|
||||||
<button>
|
|
||||||
<i class="sprite sprite-arrow-left"></i>
|
|
||||||
<span>
|
|
||||||
Voltar
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<div class="links-menu">
|
|
||||||
<ul>
|
|
||||||
<li itemprop="name" class="link-departamento">
|
|
||||||
<a itemprop="url" href="/calcados" title="Calçados">
|
|
||||||
Calçados
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li itemprop="name">
|
|
||||||
<a itemprop="url" href="/calcados/sapatilha" title="Sapatilha">
|
|
||||||
Sapatilha
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li itemprop="name">
|
|
||||||
<a itemprop="url" href="/calcados/tenis" title="Tênis">
|
|
||||||
Tênis
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li itemprop="name">
|
|
||||||
<a itemprop="url" href="/calcados/scarpin" title="Scarpin">
|
|
||||||
Scarpin
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li itemprop="name">
|
|
||||||
<a itemprop="url" href="/calcados/bota" title="Bota">
|
|
||||||
Bota
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li itemprop="name" class="ver-todos">
|
|
||||||
<a itemprop="url" href="/calcados" title="ver todos">
|
|
||||||
ver todos
|
|
||||||
<i class="sprite sprite-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="sapatilha" itemprop="name">
|
|
||||||
<a itemprop="url" class="titulo-departamento" href="/calcados/sapatilha" title="sapatilha">
|
|
||||||
sapatilha
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="tênis" itemprop="name">
|
|
||||||
<a itemprop="url" class="titulo-departamento" href="/calcados/tenis" title="tênis">
|
|
||||||
tênis
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<div class="footer-menu-mobile">
|
|
||||||
<a href="">
|
|
||||||
<i class="sprite sprite-user-white"></i>
|
|
||||||
<span>Entrar/Meus pedidos</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-4 col-md-2 logo">
|
|
||||||
<a href="/" title="VTEX"><img src="/arquivos/template-logo.png" alt="VTEX" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="col-4 col-md-5 util-links">
|
|
||||||
<div class="busca-desktop">
|
|
||||||
<div class="fullTextSearchBox">
|
|
||||||
<vtex.cmc:fullTextSearchBox />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="links-usuario">
|
|
||||||
<a href="/account" title="minha-conta">
|
|
||||||
<i class="sprite sprite-user"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="carrinho">
|
|
||||||
<a href="/checkout/#cart">
|
|
||||||
<div class="AmountItemsInCart">
|
|
||||||
<i class="sprite sprite-shopping-bag"></i>
|
|
||||||
<vtex.cmc:AmountItemsInCart />
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<div class="mini-cart">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 busca-mobile">
|
|
||||||
<div class="fullTextSearchBox">
|
|
||||||
<vtex.cmc:fullTextSearchBox />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.1/proxy.min.js"
|
|
||||||
integrity="sha256-aRX3NIXjCxT51wF6s9KHLiFrf5E0n1YzvDLAMzeAVzA=" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<script src="/arquivos/template--main-bundle.js" async="async"></script>
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/arquivos/template--main.css" />
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="erro" page-id="404" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body >
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
|
|
||||||
<main class="pagina-erro erro-404">
|
|
||||||
<div class="col- text-center">
|
|
||||||
<h1>Página não encontrada.</h1>
|
|
||||||
<p>A página que vocês está tentando acessar está indisponível.</p>
|
|
||||||
<a href="/" class="voltar-para-home">voltar</a>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<footer >
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="erro" page-id="500" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body >
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
|
|
||||||
<main class="pagina-erro erro-500">
|
|
||||||
<h1>Algo deu errado.</h1>
|
|
||||||
<p>Sua solicitação não pode ser atendida devido a um erro inesperado.<br/> Tente novamente.</p>
|
|
||||||
<a href="/" class="voltar-para-home">voltar</a>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<footer >
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="erro" page-id="busca-vazia" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:metaTags />
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body >
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
<main class="pagina-erro busca-vazia">
|
|
||||||
<h1>Sua busca por <span class="search-term">""</span> não gerou nenhum resultado.</h1>
|
|
||||||
<p>Verifique os termos buscados e tente novamente.</p>
|
|
||||||
<a href="/" class="voltar-para-home">voltar</a>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer >
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="categoria" page-id="categoria" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:metaTags />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
<vtex:template id="template-menu" />
|
|
||||||
|
|
||||||
<main class="categoria">
|
|
||||||
<section class="site-linha">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="breadcrumb col-12">
|
|
||||||
<vtex.cmc:breadCrumb />
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-md-4 col-lg-3">
|
|
||||||
<div class="filtros-categoria ">
|
|
||||||
<div class="topo-filtros">
|
|
||||||
<h3>
|
|
||||||
Filtrar busca
|
|
||||||
</h3>
|
|
||||||
<button aria-label="Fechar Filtros" id="close-filter-button">
|
|
||||||
<span></span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<vtex.cmc:searchNavigator />
|
|
||||||
<button class="clear-filter-btn">
|
|
||||||
Remover filtros
|
|
||||||
</button>
|
|
||||||
<button class="aply-filter-btn">
|
|
||||||
Aplicar filtros
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-md-8 col-lg-9">
|
|
||||||
<div class="topo-resultado">
|
|
||||||
<vtex.cmc:searchTitle />
|
|
||||||
<div class="opcoes-resultado">
|
|
||||||
<button aria-label="Abrir Filtros" id="open-filter-button">
|
|
||||||
Filtrar
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<button class="clear-filter-btn">
|
|
||||||
Remover filtros
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="produtos-da-categoria">
|
|
||||||
<vtex.cmc:searchResult layout="46b0e7f2-15ee-4789-a75e-280e389d2b8f" itemCount="12"
|
|
||||||
columnCount="12" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common" xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="home" page-id="homepage" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section>
|
|
||||||
<!-- <div class="produtos-menu">
|
|
||||||
<vtex:contentPlaceHolder id="produtos-menu" />
|
|
||||||
</div> -->
|
|
||||||
<div class="banners-menu">
|
|
||||||
<vtex:contentPlaceHolder id="banners-menu" />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,127 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="home" page-id="homepage" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:metaTags />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
<main class="home">
|
|
||||||
|
|
||||||
<section class="main-gallery">
|
|
||||||
<div class="desktop">
|
|
||||||
<vtex:contentPlaceHolder id="slide-principal" />
|
|
||||||
</div>
|
|
||||||
<div class="mobile">
|
|
||||||
<vtex:contentPlaceHolder id="slide-principal-mobile" />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container tipbar">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<i class="sprite sprite-credit-card"></i>
|
|
||||||
<p>
|
|
||||||
parcelamento
|
|
||||||
<span>
|
|
||||||
até <strong>10x sem juros</strong>
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="sprite sprite-truck"></i>
|
|
||||||
<p>
|
|
||||||
frete grátis
|
|
||||||
<span>
|
|
||||||
acima de <strong>R$399,00</strong>
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="sprite sprite-discount-tag"></i>
|
|
||||||
<p>
|
|
||||||
desconto de
|
|
||||||
<span>
|
|
||||||
<strong>10%off</strong> no boleto
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container mosaico-home">
|
|
||||||
<div class="row">
|
|
||||||
<div class="banners-left banner col-12 col-md-4">
|
|
||||||
<vtex:contentPlaceHolder id="banner-01" />
|
|
||||||
</div>
|
|
||||||
<div class="banners-right col-12 col-md-8 row">
|
|
||||||
<div class="banner col-12 col-md-6">
|
|
||||||
<vtex:contentPlaceHolder id="banner-02" />
|
|
||||||
</div>
|
|
||||||
<div class="banner col-12 col-md-6">
|
|
||||||
<vtex:contentPlaceHolder id="banner-03" />
|
|
||||||
</div>
|
|
||||||
<div class="banner col-12">
|
|
||||||
<vtex:contentPlaceHolder id="banner-04" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="instagramGallery">
|
|
||||||
<div class="container">
|
|
||||||
<div class="instagramGallery__row">
|
|
||||||
<div class="instagramGallery__photos"></div>
|
|
||||||
|
|
||||||
<div class="instagramGallery__link">
|
|
||||||
<i class="sprite sprite-instagram-black"></i>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<i>#</i>osqueridinhos
|
|
||||||
|
|
||||||
<a href="#" target="_blank">
|
|
||||||
ver todos <i class="sprite sprite-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container mosaico-home-footer">
|
|
||||||
<div class="banner desktop">
|
|
||||||
<vtex:contentPlaceHolder id="banner-05" />
|
|
||||||
</div>
|
|
||||||
<div class="banner mobile">
|
|
||||||
<vtex:contentPlaceHolder id="mobile-banner-05" />
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html
|
|
||||||
xmlns="http://www.w3.org/1999/xhtml"
|
|
||||||
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
|
|
||||||
lang="pt-br"
|
|
||||||
>
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="institucional" page-id="institucional" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:metaTags />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
<main class="institucional container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 breadcrumb">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="/">
|
|
||||||
Home
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span>
|
|
||||||
Institucional
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 navegacao">
|
|
||||||
<vtex.cmc:navegacaoInstitucional />
|
|
||||||
</div>
|
|
||||||
<div class="col-12 conteudo">
|
|
||||||
<vtex:contentPlaceHolder id="texto-institucional" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="login" page-id="login" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
<body >
|
|
||||||
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
|
|
||||||
<main class="login">
|
|
||||||
<section id="login-content" class="container">
|
|
||||||
<vtex.cmc:userLogin/>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
|
|
||||||
<footer >
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce" lang="pt-br">
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="minhaConta" page-id="minha-conta" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
<link rel="stylesheet" href="/arquivos/template--user-pages.css" type="text/css" />
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body class="minha-conta">
|
|
||||||
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
<section id="account-content" class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<h1>Minha Conta</h1>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 accountUserProfile">
|
|
||||||
<vtex.cmc:accountUserProfile />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section><!-- #content -->
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<script src="/arquivos/bootstrap.min.js"></script>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,103 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html
|
|
||||||
xmlns="http://www.w3.org/1999/xhtml"
|
|
||||||
xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
|
|
||||||
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce"
|
|
||||||
lang="pt-br"
|
|
||||||
>
|
|
||||||
<head>
|
|
||||||
<meta name="page" content="produto" page-id="produto-padrao" />
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<vtex:metaTags />
|
|
||||||
<vtex:contentPlaceHolder id="htmlSeo" />
|
|
||||||
<title>Template</title>
|
|
||||||
|
|
||||||
<vtex:template id="template-loads-header" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="produto">
|
|
||||||
<vtex:template id="template-header" />
|
|
||||||
|
|
||||||
<main class="produto">
|
|
||||||
<section class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 breadcrumb">
|
|
||||||
<vtex.cmc:breadCrumb />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 col-lg-7">
|
|
||||||
<div class="product-image">
|
|
||||||
<vtex.cmc:ProductImage />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-lg-5">
|
|
||||||
<div class="product-info">
|
|
||||||
<h1 class="nome-produto" itemprop="name">
|
|
||||||
<vtex.cmc:productName />
|
|
||||||
</h1>
|
|
||||||
<div class="product-reference">
|
|
||||||
<span>REF.: </span>
|
|
||||||
<vtex.cmc:productReference />
|
|
||||||
</div>
|
|
||||||
<div class="moduloPreco"></div>
|
|
||||||
<div class="moduloAviseMe"></div>
|
|
||||||
<div class="moduloSkus"></div>
|
|
||||||
<div class="similares"></div>
|
|
||||||
<div class="moduloQuantidade"></div>
|
|
||||||
<div class="moduloBotaoDeCompra"></div>
|
|
||||||
|
|
||||||
<div class="compra-segura">
|
|
||||||
<p>
|
|
||||||
<span>compra segura</span
|
|
||||||
><i class="sprite sprite-cadeado"></i>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="descricao-produto">
|
|
||||||
<a
|
|
||||||
href="#descricao-completa"
|
|
||||||
title="Descrição do Produto"
|
|
||||||
>
|
|
||||||
<i class="sprite sprite-arrow-down-pink"></i>
|
|
||||||
Descrição do produto
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container">
|
|
||||||
<div class="row prateleira-de-produtos">
|
|
||||||
<div class="col-12">
|
|
||||||
<vtex:contentPlaceHolder id="prateleira-padrao" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="container">
|
|
||||||
<div id="descricao-completa" class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<h2>Descrição</h2>
|
|
||||||
|
|
||||||
<div class="descricao" itemprop="description">
|
|
||||||
<vtex.cmc:ProductDescription />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
<vtex.cmc:dataLayerProduto />
|
|
||||||
<vtex.cmc:skuJson />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<vtex:template id="template-footer-newsletter" />
|
|
||||||
<vtex:template id="template-footer-links" />
|
|
||||||
<vtex:template id="template-footer" />
|
|
||||||
</footer>
|
|
||||||
<vtex:template id="template-loads-footer" />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user