r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 17:25:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added mixin for breakpoints

Browse Source
This commit is contained in:
Ryan Freeman 2021-11-17 21:48:03 +00:00
parent 42460463c5
commit 5b14472dbb
2 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
styles/mixins.module.scss Normal file
View File

@ -0,0 +1,25 @@
@import "variables.module";
@mixin sm {
@media (min-width: #{$screen-sm-min}) {
@content;
}
}
@mixin md {
@media (min-width: #{$screen-md-min}) {
@content;
}
}
@mixin lg {
@media (min-width: #{$screen-lg-min}) {
@content;
}
}
@mixin xl {
@media (min-width: #{$screen-xl-min}) {
@content;
}
}

4
styles/variables.module.scss Normal file
View File

@ -0,0 +1,4 @@
$screen-sm-min: 640px;
$screen-md-min: 768px;
$screen-lg-min: 1024px;
$screen-xl-min: 1280px;