inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-40269 Cleanup deprecated global sass mixins (#11420)

Browse Source
This commit is contained in:
Wojciech Duda
2025-12-08 16:00:48 +01:00
committed by GitHub
parent 9717a88818
commit 6567c02220
6 changed files with 74 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/styles/_flex.scss
+24 -16
View File
@@ -1,4 +1,5 @@
@charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */
// Non-overlapping Material Design breakpoints
@@ -23,7 +24,7 @@ $breakpoints: (
xl: (
begin: 1920px,
end: 4999.99px
),
)
) !default;
// Overlapping breakpoints that are greater than defined
@@ -33,7 +34,7 @@ $overlapping-gt: (
gt-xs: 600px,
gt-sm: 960px,
gt-md: 1280px,
gt-lg: 1920px,
gt-lg: 1920px
) !default;
// Overlapping breakpoints that are less than defined
@@ -43,10 +44,9 @@ $overlapping-lt: (
lt-sm: 599.9px,
lt-md: 959.9px,
lt-lg: 1279.9px,
lt-xl: 1919.9px,
lt-xl: 1919.9px
) !default;
// Media Query Mixin, takes a breakpoint and returns a wrapping
// media query statement
// e.g.
@@ -61,18 +61,26 @@ $overlapping-lt: (
// background-color: red;
// }
@mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @content; }
}
@else if map-has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp);
@media (min-width: $min) { @content; }
}
@else if map-has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp);
@media (max-width: $max) { @content; }
@if map.has-key($breakpoints, $bp) {
$min: map.get(map.get($breakpoints, $bp), begin);
$max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) {
@content;
}
} @else if map.has-key($overlapping-gt, $bp) {
$min: map.get($overlapping-gt, $bp);
@media (min-width: $min) {
@content;
}
} @else if map.has-key($overlapping-lt, $bp) {
$max: map.get($overlapping-lt, $bp);
@media (max-width: $max) {
@content;
}
}
}
/* stylelint-enable */