Rhayllon_Daudt/challenge-vtex-io-Rhayllon-Daudt
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feature/Pdp #1

Merged
Rhayllon_Daudt merged 7 commits from Feature/Pdp into develop 2023-02-11 02:55:29 +00:00
Conversation 0 Commits 7 Files Changed 48 +131
3 changed files with 131 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0ed1bc0a87 - Show all commits

63
styles/css/vtex.store-components.css
View File

@ -159,6 +159,69 @@
color: #fff; color: #fff;
} }
.shippingTable {
display: flex;
padding: 0;
margin: 0;
border: none;
flex-direction: column;
}
.shippingTable .shippingTableHead {
display: flex;
}
.shippingTable .shippingTableHead .shippingTableHeadDeliveryName,
.shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate,
.shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice {
display: flex;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #202020;
text-transform: uppercase;
}
.shippingTable .shippingTableHead .shippingTableHeadDeliveryEstimate {
order: 1;
min-width: 145px;
}
.shippingTable .shippingTableHead .shippingTableHeadDeliveryName {
min-width: 100px;
}
.shippingTable .shippingTableHead .shippingTableHeadDeliveryPrice {
min-width: 70px;
}
.shippingTable .shippingTableRow {
display: flex;
gap: 32px;
margin-bottom: 15px;
}
.shippingTable .shippingTableRow .shippingTableCellDeliveryName,
.shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate,
.shippingTable .shippingTableRow .shippingTableCellDeliveryPrice {
display: flex;
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #afafaf;
padding: 0;
}
.shippingTable .shippingTableRow .shippingTableCellDeliveryEstimate {
order: 1;
min-width: 145px;
}
.shippingTable .shippingTableRow .shippingTableCellDeliveryName {
min-width: 100px;
}
.shippingTable .shippingTableRow .shippingTableCellDeliveryPrice {
min-width: 70px;
}
.shippingTable .shippingTableRadioBtn {
display: none;
}
.productDescriptionContainer--descriptioncontent1 { .productDescriptionContainer--descriptioncontent1 {
margin-bottom: 16px; margin-bottom: 16px;
} }

66
styles/sass/pages/product/vtex.store-components.scss
View File

@ -178,6 +178,72 @@
} }
} }
} }
.shippingTable{
display: flex;
padding: 0;
margin: 0;
border: none;
flex-direction: column;
.shippingTableHead{
display: flex;
.shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
display: flex;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $color-black3;
text-transform: uppercase;
}
.shippingTableHeadDeliveryEstimate{
order: 1;
min-width: 145px;
}
.shippingTableHeadDeliveryName{
min-width: 100px;
}
.shippingTableHeadDeliveryPrice{
min-width: 70px;
}
}
.shippingTableRow{
display: flex;
gap: 32px;
margin-bottom: 15px;
.shippingTableCellDeliveryName,
.shippingTableCellDeliveryEstimate,
.shippingTableCellDeliveryPrice {
display: flex;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: $color-gray16;
padding: 0;
}
.shippingTableCellDeliveryEstimate{
order: 1;
min-width: 145px;
}
.shippingTableCellDeliveryName{
min-width: 100px;
}
.shippingTableCellDeliveryPrice{
min-width: 70px;
}
}
.shippingTableRadioBtn{
display: none;
}
}
.productDescriptionContainer--descriptioncontent1{ .productDescriptionContainer--descriptioncontent1{
margin-bottom: 16px; margin-bottom: 16px;

2
styles/sass/utils/_vars.scss
View File

@ -1,5 +1,6 @@
$color-black: #292929; $color-black: #292929;
$color-black2: #000000; $color-black2: #000000;
$color-black3: #202020;
$color-white: #fff; $color-white: #fff;
@ -18,6 +19,7 @@ $color-gray12: #989898;
$color-gray13: rgba(146, 146, 146, 0.48); $color-gray13: rgba(146, 146, 146, 0.48);
$color-gray14: #575757; $color-gray14: #575757;
$color-gray15: #929292; $color-gray15: #929292;
$color-gray16: #afafaf;
$color-blue: #4267b2; $color-blue: #4267b2;