1
0
mirror of https://github.com/NicolasConstant/sengi synced 2024-12-08 06:51:42 +01:00
Sengi-Windows-MacOS-Linux/docs/assets/sass/abstracts/_mixins.scss
2019-04-09 22:56:05 -04:00

29 lines
667 B
SCSS

@mixin clearfix {
&::after {
content: "";
display: table;
clear: both;
}
}
@mixin absCenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@mixin respond($breakpoint) {
@if $breakpoint == phone {
@media (max-width: 37.5em){ @content }; //600px
}
@if $breakpoint == tab-port {
@media (max-width: 56.25em){ @content }; //900px
}
@if $breakpoint == tab-land {
@media (max-width: 78em){ @content }; //1200px
}
@if $breakpoint == big-desktop {
@media (min-width: 112.5em){ @content }; //1800px
}
}