mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
2d8635d29d
To increase the ease of development we are moving @angular/docs into the adev directory within this repo. While we are doing this to improve our development experience in the short term, efforts are also in place to maintain a division between this @angular/docs (shared) code and adev itself, so that it can be extracted back out in the future when components is ready to leverage it as well. PR Close #57132
64 lines
954 B
SCSS
64 lines
954 B
SCSS
$screen-xs: 700px;
|
|
$screen-sm: 775px;
|
|
$screen-md: 900px;
|
|
$screen-lg: 1200px;
|
|
$screen-xl: 1800px;
|
|
|
|
@mixin for-phone-only {
|
|
@media (max-width: $screen-xs) {
|
|
@content;
|
|
}
|
|
}
|
|
@mixin for-tablet-portrait-up {
|
|
@media (min-width: $screen-xs) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-tablet {
|
|
@media (min-width: $screen-xs) and (max-width: $screen-md) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-tablet-up {
|
|
@media (min-width: $screen-sm) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-tablet-landscape-up {
|
|
@media (min-width: $screen-md) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-desktop-up {
|
|
@media (min-width: $screen-lg) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-big-desktop-up {
|
|
@media (min-width: $screen-xl) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-desktop-down {
|
|
@media (max-width: $screen-lg) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-tablet-landscape-down {
|
|
@media (max-width: $screen-md) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin for-tablet-down {
|
|
@media (max-width: $screen-sm) {
|
|
@content;
|
|
}
|
|
}
|