summaryrefslogtreecommitdiffstats
path: root/web_src/less/variables.less
diff options
context:
space:
mode:
Diffstat (limited to 'web_src/less/variables.less')
-rw-r--r--web_src/less/variables.less14
1 files changed, 14 insertions, 0 deletions
diff --git a/web_src/less/variables.less b/web_src/less/variables.less
new file mode 100644
index 0000000000..23f6ac6de9
--- /dev/null
+++ b/web_src/less/variables.less
@@ -0,0 +1,14 @@
+// here a standard set of media queries is defined, that is compatible with the
+// responsive grid used in fomantic css. As there only is a precompiled build
+// of fomantic checked in (since 946bbbe), we can't use their less variables
+// here, but these breakpoints shouldn't change in the foreseeable future.
+
+@mediaMdAndUp: ~"(min-width: 768px)";
+@mediaMdAndDown: ~"(max-width: 991px)";
+@mediaLgAndUp: ~"(min-width: 992px)";
+@mediaLgAndDown: ~"(max-width: 1200px)";
+
+@mediaSm: ~"(max-width: 767px)";
+@mediaMd: @mediaMdAndUp and @mediaMdAndDown;
+@mediaLg: @mediaLgAndUp and @mediaLgAndDown;
+@mediaXl: ~"(min-width: 1201px)";