forked from M3-Academy/challenge-vtex-io
fix: media queries
This commit is contained in:
parent
924a7c6471
commit
5f441f2f87
@ -138,7 +138,7 @@
|
||||
.flexRowContent--productActions .stretchChildrenWidth {
|
||||
width: auto !important;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
.flexRowContent--productActions .stretchChildrenWidth:last-child {
|
||||
flex-grow: 1;
|
||||
}
|
||||
@ -147,7 +147,7 @@
|
||||
.flexRowContent--productActions {
|
||||
flex-direction: column;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
.flexRowContent--productActions {
|
||||
flex-direction: row;
|
||||
}
|
||||
@ -158,7 +158,7 @@
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
.flexRowContent--productActions :global(.vtex-button) {
|
||||
height: 49px;
|
||||
}
|
||||
|
@ -130,7 +130,7 @@
|
||||
width: auto !important;
|
||||
|
||||
&:last-child {
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
@ -140,7 +140,7 @@
|
||||
.flexRowContent--productActions {
|
||||
flex-direction: column;
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@ -150,7 +150,7 @@
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 769px) {
|
||||
height: 49px;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user