develop #7
@ -8,12 +8,16 @@ const Breadcrumb = () => {
|
||||
<div className={breadcrumb["breadcrumb"]}>
|
||||
<a href="/">
|
||||
<figure>
|
||||
<img src={iconHome} alt="Icone Home" />
|
||||
<img className={breadcrumb["home"]} src={iconHome} alt="Icone Home" />
|
||||
</figure>
|
||||
</a>
|
||||
|
||||
<figure>
|
||||
<img src={iconArrow} alt="Icone Flecha para direita" />
|
||||
<img
|
||||
className={breadcrumb["arrow"]}
|
||||
src={iconArrow}
|
||||
alt="Icone Flecha para direita"
|
||||
/>
|
||||
</figure>
|
||||
<span>INSTITUCIONAL</span>
|
||||
</div>
|
||||
|
@ -4,12 +4,30 @@
|
||||
gap: 9.72px;
|
||||
margin-bottom: 80px;
|
||||
|
||||
@media screen and (min-width: 2500px) {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
figure {
|
||||
display: contents;
|
||||
|
||||
.home {
|
||||
@media screen and (min-width: 2500px) {
|
||||
width: 31.25px;
|
||||
height: 31.25px;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
@media screen and (min-width: 2500px) {
|
||||
width: 8.9px;
|
||||
height: 15.62px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
@ -17,5 +35,10 @@
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
|
||||
@media screen and (min-width: 2500px) {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user