forked from M3-Academy/challenge-vtex-io
fix(breadcrumb): created styles for large devices and fix spaces
This commit is contained in:
parent
5e594e6ce3
commit
469955d63c
@ -17,7 +17,7 @@
|
|||||||
}
|
}
|
||||||
@media screen and (min-width: 1921px) {
|
@media screen and (min-width: 1921px) {
|
||||||
.container {
|
.container {
|
||||||
width: 68.75%;
|
width: 75%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -33,6 +33,9 @@
|
|||||||
font-size: 0;
|
font-size: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.homeLink {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
.homeLink::before {
|
.homeLink::before {
|
||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
|
|
||||||
@media screen and (min-width: 1921px) {
|
@media screen and (min-width: 1921px) {
|
||||||
width: 68.75%;
|
width: 75%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -26,6 +26,8 @@
|
|||||||
|
|
||||||
// manipulation fonts with before
|
// manipulation fonts with before
|
||||||
.homeLink {
|
.homeLink {
|
||||||
|
padding-left: 0;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
@ -329,6 +329,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.productDescriptionTitle {
|
.productDescriptionTitle {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
|
Loading…
Reference in New Issue
Block a user