From: Matthias Schmidt Date: Tue, 20 Apr 2021 11:30:02 +0000 (+0200) Subject: Add missing media breakpoints X-Git-Tag: 5.6.final~260 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=4323f57503ac0406acfcbfc66ade9224abea1285;p=GitHub%2FWoltLab%2Fwoltlab.github.io.git Add missing media breakpoints Close #142 --- diff --git a/docs/view/css.md b/docs/view/css.md index f5de101b..5eaa3b54 100644 --- a/docs/view/css.md +++ b/docs/view/css.md @@ -50,9 +50,12 @@ Media breakpoints instruct the browser to apply different CSS depending on the v | `screen-sm-up` | Tablets and desktop PC | `(min-width: 545px)` | | `screen-sm-md` | Tablets only | `(min-width: 545px) and (max-width: 1024px)` | | `screen-md` | Tablets (landscape) | `(min-width: 769px) and (max-width: 1024px)` | -| `screen-md-down` | Smartphones and Tablets | `(max-width: 1024px)` | +| `screen-md-down` | Smartphones and tablets | `(max-width: 1024px)` | | `screen-md-up` | Tablets (landscape) and desktop PC | `(min-width: 769px)` | | `screen-lg` | Desktop PC | `(min-width: 1025px)` | +| `screen-lg-only` | Desktop PC | `(min-width: 1025px) and (max-width: 1280px)` | +| `screen-lg-down` | Smartphones, tablets, and desktop PC | `(max-width: 1280px)` | +| `screen-xl` | Desktop PC | `(min-width: 1281px) ` | ## Asset Preloading