Add missing media breakpoints
authorMatthias Schmidt <gravatronics@live.com>
Tue, 20 Apr 2021 11:30:02 +0000 (13:30 +0200)
committerMatthias Schmidt <gravatronics@live.com>
Tue, 20 Apr 2021 11:30:02 +0000 (13:30 +0200)
Close  #142

docs/view/css.md

index f5de101b10a327532ccc9f53a5142bd06cb8a6e3..5eaa3b5482eef2c9b9bc818862c250551e1f921d 100644 (file)
@@ -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