HenriqueSantosSantana/desafio-react-e-typescript-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(breadcrumb): created mixin for styles

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-28 11:23:26 -03:00
parent 8e1cddc944
commit f95235f6dc
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Breadcrumb/index.module.scss
View File

@ -1,3 +1,5 @@
@use '../../settings/styles/utils/helpers/mixin' as mix;
.list {
display: inline-flex;
align-items: center;
@ -5,12 +7,10 @@
.initial {
img {
width: 16px;
height: 16px;
@include mix.square(16px);
@media screen and (min-width: 2500px) {
width: 31.25px;
height: 31.25px;
@media only screen and (min-width: 2500px) {
@include mix.square(31.25px);
}
}
}
@ -26,12 +26,10 @@
}
.divider {
width: 8px;
height: 8px;
@include mix.square(8px);
@media screen and (min-width: 2500px) {
width: 15.62px;
height: 15.62px;
@media only screen and (min-width: 2500px) {
@include mix.square(15.62px);
}
}

4
src/settings/styles/utils/helpers/_mixin.scss
View File

@ -0,0 +1,4 @@
@mixin square($size) {
width: #{$size};
height: #{$size};
}