Merge pull request 'refactor: altera css imagem descrição 1440px 1024px' (#27) from refactor/altera-css-imagem-descricao-1440px-1024px into development

Reviewed-on: #27
This commit is contained in:
Rafael Sampaio de Oliveira 2023-02-03 10:21:58 +00:00
commit b1fc951c41
5 changed files with 26 additions and 7 deletions

View File

@ -17,6 +17,10 @@
border-radius: 0;
}
[class*="html--descriptionImage"] {
width: 46.471%;
}
[class*="html--descriptionText"] {
width: 50%;
}
@ -30,6 +34,10 @@
margin-bottom: 16px;
}
[class*="html--descriptionImage"] {
width: 100%;
}
[class*="html--descriptionText"] {
width: 100%;
}

View File

@ -9,6 +9,8 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27");
/* Grid breakpoints */
.imageWrapper {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;

View File

@ -40,12 +40,12 @@
}
.sliderTrackContainer--shelf {
width: 95.883%;
width: 100%;
}
.sliderLeftArrow--shelf {
visibility: hidden;
margin-left: 17px;
margin-left: 10px;
}
.sliderLeftArrow--shelf::after {
visibility: visible;
@ -54,7 +54,7 @@
.sliderRightArrow--shelf {
visibility: hidden;
margin-right: 17px;
margin-right: 8px;
}
.sliderRightArrow--shelf::before {
visibility: visible;

View File

@ -1,5 +1,6 @@
.imageWrapper {
// height: 245px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;

View File

@ -30,12 +30,12 @@
}
.sliderTrackContainer--shelf {
width: 95.883%;
width: 100%;
}
.sliderLeftArrow--shelf {
visibility: hidden;
margin-left: 17px;
margin-left: 10px;
&::after {
visibility: visible;
@ -45,7 +45,7 @@
.sliderRightArrow--shelf {
visibility: hidden;
margin-right: 17px;
margin-right: 8px;
&::before {
visibility: visible;
@ -53,6 +53,14 @@
}
}
// .slide--shelf--visible {
// width: 5.1308% !important;
// }
// .slide--shelf--hidden {
// visibility: hidden;
// }
@media (max-width: 1024px) {
.sliderTrack--shelf {
gap: 12px !important;