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/content-services/src/lib/flex.scss
+12 -7
View File
@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,22 +61,26 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }
} }
} }
/* stylelint-enable */ /* stylelint-enable */
lib/core/custom-theme/theme/custom-palette-creator.scss
+2 -2
View File
@@ -64,8 +64,8 @@
$dark-text-luminance: $dark-text-luminance + 0.5; $dark-text-luminance: $dark-text-luminance + 0.5;
$background-color-luminance: $background-color-luminance + 0.5; $background-color-luminance: $background-color-luminance + 0.5;
$luminance-contrast-for-light-text: $light-text-luminance / $background-color-luminance; $luminance-contrast-for-light-text: math.div($light-text-luminance, $background-color-luminance);
$luminance-contrast-for-dark-text: $background-color-luminance / $dark-text-luminance; $luminance-contrast-for-dark-text: math.div($background-color-luminance, $dark-text-luminance);
$text-colour: $light-text; $text-colour: $light-text;
@if $luminance-contrast-for-dark-text > $luminance-contrast-for-light-text { @if $luminance-contrast-for-dark-text > $luminance-contrast-for-light-text {
lib/core/shell/src/lib/styles/flex.scss
+12 -7
View File
@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,22 +61,26 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }
} }
} }
/* stylelint-enable */ /* stylelint-enable */
lib/core/src/lib/styles/_flex.scss
+22 -14
View File
@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -23,7 +24,7 @@ $breakpoints: (
xl: ( xl: (
begin: 1920px, begin: 1920px,
end: 4999.99px end: 4999.99px
), )
) !default; ) !default;
// Overlapping breakpoints that are greater than defined // Overlapping breakpoints that are greater than defined
@@ -33,7 +34,7 @@ $overlapping-gt: (
gt-xs: 600px, gt-xs: 600px,
gt-sm: 960px, gt-sm: 960px,
gt-md: 1280px, gt-md: 1280px,
gt-lg: 1920px, gt-lg: 1920px
) !default; ) !default;
// Overlapping breakpoints that are less than defined // Overlapping breakpoints that are less than defined
@@ -43,10 +44,9 @@ $overlapping-lt: (
lt-sm: 599.9px, lt-sm: 599.9px,
lt-md: 959.9px, lt-md: 959.9px,
lt-lg: 1279.9px, lt-lg: 1279.9px,
lt-xl: 1919.9px, lt-xl: 1919.9px
) !default; ) !default;
// Media Query Mixin, takes a breakpoint and returns a wrapping // Media Query Mixin, takes a breakpoint and returns a wrapping
// media query statement // media query statement
// e.g. // e.g.
@@ -61,18 +61,26 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @content; }
@media (min-width: $min) and (max-width: $max) {
@content;
} }
@else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @content; }
@media (min-width: $min) {
@content;
}
} @else if map.has-key($overlapping-lt, $bp) {
$max: map.get($overlapping-lt, $bp);
@media (max-width: $max) {
@content;
} }
@else if map-has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp);
@media (max-width: $max) { @content; }
} }
} }
/* stylelint-enable */ /* stylelint-enable */
lib/process-services-cloud/src/lib/flex.scss
+12 -7
View File
@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,22 +61,26 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }
} }
} }
/* stylelint-enable */ /* stylelint-enable */
lib/process-services/src/lib/styles/flex.scss
+12 -7
View File
@@ -1,4 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
@use 'sass:map';
/* stylelint-disable */ /* stylelint-disable */
// Non-overlapping Material Design breakpoints // Non-overlapping Material Design breakpoints
@@ -60,22 +61,26 @@ $overlapping-lt: (
// background-color: red; // background-color: red;
// } // }
@mixin layout-bp($bp) { @mixin layout-bp($bp) {
@if map-has-key($breakpoints, $bp) { @if map.has-key($breakpoints, $bp) {
$min: map-get(map-get($breakpoints, $bp), begin); $min: map.get(map.get($breakpoints, $bp), begin);
$max: map-get(map-get($breakpoints, $bp), end); $max: map.get(map.get($breakpoints, $bp), end);
@media (min-width: $min) and (max-width: $max) { @media (min-width: $min) and (max-width: $max) {
@content; @content;
} }
} @else if map-has-key($overlapping-gt, $bp) { } @else if map.has-key($overlapping-gt, $bp) {
$min: map-get($overlapping-gt, $bp); $min: map.get($overlapping-gt, $bp);
@media (min-width: $min) { @media (min-width: $min) {
@content; @content;
} }
} @else if map-has-key($overlapping-lt, $bp) { } @else if map.has-key($overlapping-lt, $bp) {
$max: map-get($overlapping-lt, $bp); $max: map.get($overlapping-lt, $bp);
@media (max-width: $max) { @media (max-width: $max) {
@content; @content;
} }
} }
} }
/* stylelint-enable */ /* stylelint-enable */