/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
adev/shared-docs/styles/_media-queries.scss
90 строк
1 KB
Kristiyan Kostadinov
fix(docs-infra): round up media queries
01 июн 2026, 12:34
01 июн 2026, 12:34
96ed0fe
Код
Авторство
О чём код?
$screen-xs: 700px; $screen-sm: 775px; $screen-md: 900px; $screen-lg: 1200px; $screen-xl: 1430px; $screen-xxl: 1800px; @mixin breakpoints-vars { // The app-scroller also relies on these values to determine the scroll offset. :root { --screen-xs: #{$screen-xs}; --screen-sm: #{$screen-sm}; --screen-md: #{$screen-md}; --screen-lg: #{$screen-lg}; --screen-xl: #{$screen-xl}; --screen-xxl: #{$screen-xxl}; } } @mixin for-phone-only { @media (max-width: $screen-xs) { @content; } } @mixin for-tablet-portrait-up { @media (min-width: ($screen-xs + 1px)) { @content; } } @mixin for-tablet { @media (min-width: ($screen-xs + 1px)) and (max-width: $screen-md) { @content; } } @mixin for-tablet-up { @media (min-width: ($screen-sm + 1px)) { @content; } } @mixin for-tablet-landscape-up { @media (min-width: ($screen-md + 1px)) { @content; } } @mixin for-desktop-up { @media (min-width: ($screen-lg + 1px)) { @content; } } @mixin for-large-desktop-up { @media (min-width: ($screen-xl + 1px)) { @content; } } @mixin for-extra-large-desktop-up { @media (min-width: ($screen-xxl + 1px)) { @content; } } @mixin for-desktop-down { @media (max-width: $screen-lg) { @content; } } @mixin for-large-desktop-down { @media (max-width: $screen-xl) { @content; } } @mixin for-tablet-landscape-down { @media (max-width: $screen-md) { @content; } } @mixin for-tablet-down { @media (max-width: $screen-sm) { @content; } }