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/header #8

Merged
HenriqueSantosSantana merged 2 commits from refactor/header into develop 2022-12-31 05:55:42 +00:00
Conversation 0 Commits 2 Files Changed 2 +18
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 95be3fe2ed - Show all commits

1
src/settings/styles/utils/exports.scss
View File

@ -1,4 +1,5 @@
@import './resources/colors';
@import './resources/fonts';
@import './resources/breakpoints';
@import './helpers/mixin';
@import './helpers/functions';

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

@ -3,3 +3,14 @@
height: #{$size};
}
@mixin mq($point, $type, $custom) {
@if map-has-key($breakpoints, $point) {
@media screen and (#{$type}-width: #{map-get($breakpoints, $point)}) {
@content;
}
} @else if map-has-key($breakpoints, $point) == false && $custom == true {
@media screen and (#{$type}-width: #{$custom}) {
@content;
}
}
} ;

6
src/settings/styles/utils/resources/_breakpoints.scss Normal file
View File

@ -0,0 +1,6 @@
// desenvolvimento focado em mobile-first
$breakpoints: (
'md': 1025px,
'lg': 2500px,
) !default;