?AlkantarClanX12
| Current Path : /home/rankinh/numerik/wp-content/themes/blackdsn/assets/sass/mixins/ |
| Current File : /home/rankinh/numerik/wp-content/themes/blackdsn/assets/sass/mixins/_utilities.scss |
$breakpoints_xs: 400;
$breakpoints_sm: 575;
$breakpoints_md: 767;
$breakpoints_lg: 991;
$breakpoints_xl: 1199;
$breakpoints_xxl: 1399;
@mixin dsnSetMedia($width , $num_width) {
@if ($width == min) {
$num_width: $num_width + 1;
}
@media only screen and (#{$width}-width: #{$num_width}px) {
@content;
}
}
@mixin dsnSetMediaBetween($from , $to) {
$from: $from + 1;
@media only screen and (min-width: #{$from}px) and (max-width: #{$to}px) {
@content;
}
}
@mixin media_575($width : max) {
@include dsnSetMedia($width, 575) {
@content
}
}
@mixin media_400($width : max) {
@include dsnSetMedia($width, 400) {
@content
}
}
@mixin media_991($width : max) {
@include dsnSetMedia($width, 991) {
@content
}
}
@mixin media_768($width : max) {
@include dsnSetMedia($width, 767) {
@content
}
}
@mixin media_1200($width : max) {
@include dsnSetMedia($width, 1200) {
@content
}
}
@mixin media_1400($width : max) {
@include dsnSetMedia($width, 1399) {
@content
}
}
@mixin mediaUpSize($size) {
@media only screen and (min-width: $size) {
@content;
}
}
@mixin mediaSize($size) {
@media only screen and (max-width: $size) {
@content;
}
}
@mixin media_768X991() {
@include dsnSetMediaBetween($breakpoints_md, $breakpoints_lg) {
@content;
}
}
@mixin media_575X768() {
@include dsnSetMediaBetween($breakpoints_sm ,$breakpoints_md) {
@content;
}
}
@mixin media_575X991() {
@include dsnSetMediaBetween($breakpoints_sm, $breakpoints_lg) {
@content;
}
}
@mixin media_991X1200() {
@include dsnSetMediaBetween($breakpoints_lg, $breakpoints_xl) {
@content;
}
}
@mixin media_1200X1400() {
@include dsnSetMediaBetween($breakpoints_xl, $breakpoints_xxl) {
@content;
}
}