From 11f8629251a63f3a3260b9ed28277ed312abd136 Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Mon, 20 Feb 2023 10:04:10 +0100 Subject: Small media query adjustments --- sass/abstracts/_mixins.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'sass/abstracts') diff --git a/sass/abstracts/_mixins.scss b/sass/abstracts/_mixins.scss index 5a05ec3..3495b1b 100644 --- a/sass/abstracts/_mixins.scss +++ b/sass/abstracts/_mixins.scss @@ -42,3 +42,22 @@ margin: 8rem auto; width: 80%; } + +// media queries +@mixin responsive($breakpoint) { + @if $breakpoint == phone { + @media screen and (max-width: 600px) { + @content; + } + } + @if $breakpoint == tablet { + @media screen and (max-width: 980px) { + @content; + } + } + @if $breakpoint == laptop { + @media screen and (max-width: 1400px) { + @content; + } + } +} -- cgit v1.2.3