forked from Shiloh/githaven
75ebf7c5bd
* fix media query edge case was failing for 768px width before * code review * define responsive breakpoints as less variables * add missing variables.less * rename variables, drop screen constraints * fix less import * Apply suggestions from code review Co-authored-by: silverwind <me@silverwind.io> * code review altough it doesnt matter, LESS lazy evals variables Co-authored-by: zeripath <art27@cantab.net> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
15 lines
630 B
Plaintext
15 lines
630 B
Plaintext
// 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)";
|