diff options
Diffstat (limited to 'assets/sass/_mixins.scss')
| -rw-r--r-- | assets/sass/_mixins.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/sass/_mixins.scss b/assets/sass/_mixins.scss new file mode 100644 index 0000000..9dc3ada --- /dev/null +++ b/assets/sass/_mixins.scss @@ -0,0 +1,30 @@ +// - - - - - - - - - - - - - - - - - - +// Mixins +// - - - - - - - - - - - - - - - - - - + +// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Responsive +// Usage: @include mq(tabletp) {} + +$break-phonel: 480px; +$break-tabletp: 768px; +$break-tabletl: 1024px; +$break-laptop: 1220px; +$break-desktop: 1600px; + +@mixin mq($media) { + @if $media == phonel { + @media only screen and (min-width: $break-phonel) { @content; } + } + @else if $media == tabletp { + @media only screen and (min-width: $break-tabletp) { @content; } + } + @else if $media == tabletl { + @media only screen and (min-width: $break-tabletl) { @content; } + } + @else if $media == laptop { + @media only screen and (min-width: $break-laptop) { @content; } + } + @else if $media == desktop { + @media only screen and (min-width: $break-desktop) { @content; } + } +} |