PHP Classes

File: public/asset/vendor/select2/docs/themes/learn2/scss/nucleus/mixins/_breakpoints.scss

Recommend this page to a friend!
  Classes of fathurrahman   mnTemplate   public/asset/vendor/select2/docs/themes/learn2/scss/nucleus/mixins/_breakpoints.scss   Download  
File: public/asset/vendor/select2/docs/themes/learn2/scss/nucleus/mixins/_breakpoints.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: mnTemplate
Route HTTP requests to callback functions
Author: By
Last change:
Date: 1 year ago
Size: 1,184 bytes
 

Contents

Class file image Download
// Breakpoints @mixin breakpoint($breakpoint, $media: all) { @if $breakpoint == large-desktop-range { @media only #{$media} and (min-width: $large-desktop-container) { @content; } } @else if $breakpoint == desktop-range { @media only #{$media} and (min-width: $desktop-container) and (max-width: $large-desktop-container - 0.062) { @content; } } @else if $breakpoint == tablet-range { @media only #{$media} and (min-width: $tablet-container) and (max-width: $desktop-container - 0.062) { @content; } } @else if $breakpoint == large-mobile-range { @media only #{$media} and (min-width: $large-mobile-container + 0.063) and (max-width: $tablet-container - 0.062) { @content; } } @else if $breakpoint == small-mobile-range { @media only #{$media} and (max-width: $large-mobile-container) { @content; } } @else if $breakpoint == no-mobile { @media only #{$media} and (min-width: $tablet-container) { @content; } } @else if $breakpoint == mobile-only { @media only #{$media} and (max-width: $tablet-container - 0.062) { @content; } } @else if $breakpoint == desktop-only { @media only #{$media} and (max-width: $desktop-container - 0.062) { @content; } } }