aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-theme-stack/assets/scss/breakpoints.scss
diff options
context:
space:
mode:
authorAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-11-03 20:08:36 +0300
committerAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-11-03 20:08:36 +0300
commit59c7d4567380d1a9c80e96eb958fdbdd512ce006 (patch)
tree65410cfc10dbc7d060ec23be110662d9b7f6b0e9 /themes/hugo-theme-stack/assets/scss/breakpoints.scss
новая жизнь блога
Diffstat (limited to 'themes/hugo-theme-stack/assets/scss/breakpoints.scss')
-rw-r--r--themes/hugo-theme-stack/assets/scss/breakpoints.scss17
1 files changed, 17 insertions, 0 deletions
diff --git a/themes/hugo-theme-stack/assets/scss/breakpoints.scss b/themes/hugo-theme-stack/assets/scss/breakpoints.scss
new file mode 100644
index 0000000..e9e9de7
--- /dev/null
+++ b/themes/hugo-theme-stack/assets/scss/breakpoints.scss
@@ -0,0 +1,17 @@
+$breakpoints: (
+ sm: 640px,
+ md: 768px,
+ lg: 1024px,
+ xl: 1280px,
+ 2xl: 1536px,
+);
+
+@mixin respond($breakpoint) {
+ @if not map-has-key($breakpoints, $breakpoint) {
+ @warn "'#{$breakpoint}' is not a valid breakpoint";
+ } @else {
+ @media (min-width: map-get($breakpoints, $breakpoint)) {
+ @content;
+ }
+ }
+}