Created
March 25, 2025 09:26
-
-
Save proweb/7edae2a1e0628c417434224e589f54f6 to your computer and use it in GitHub Desktop.
UIkit3 media queries
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Применить если ширина экрана меньше чем... | |
| */ | |
| /* Phone portrait and smaller */ | |
| @media (max-width: @breakpoint-xsmall-max) { | |
| } | |
| /* Phone landscape and smaller */ | |
| @media (max-width: @breakpoint-small-max) { | |
| } | |
| /* Tablet landscape and smaller */ | |
| @media (max-width: @breakpoint-medium-max) { | |
| } | |
| /* Desktop and smaller */ | |
| @media (max-width: @breakpoint-large-max) { | |
| } | |
| /* | |
| * Применить если ширина экрана больше чем... | |
| */ | |
| /* Phone landscape and bigger */ | |
| @media (min-width: @breakpoint-small) { | |
| } | |
| /* Tablet landscape and bigger */ | |
| @media (min-width: @breakpoint-medium) { | |
| } | |
| /* Desktop and bigger */ | |
| @media (min-width: @breakpoint-large) { | |
| } | |
| /* Large screen and bigger */ | |
| @media (min-width: @breakpoint-xlarge) { | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment