mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2025-12-24 20:26:24 +00:00
Allow RTL-able images to display in Storybook
This commit is contained in:
@@ -269,23 +269,7 @@ $rtl-icon-map: (
|
||||
}
|
||||
|
||||
@mixin color-svg($svg, $color, $stretch: true, $mask-origin: null) {
|
||||
$rtl-svg: get-rtl-svg($svg);
|
||||
@if $rtl-svg {
|
||||
:dir(ltr) & {
|
||||
-webkit-mask: url($svg) no-repeat center;
|
||||
@if $stretch {
|
||||
-webkit-mask-size: 100%;
|
||||
}
|
||||
}
|
||||
:dir(rtl) & {
|
||||
-webkit-mask: url($rtl-svg) no-repeat center;
|
||||
@if $stretch {
|
||||
-webkit-mask-size: 100%;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
-webkit-mask: url($svg) no-repeat center;
|
||||
}
|
||||
-webkit-mask: url($svg) no-repeat center;
|
||||
@if $stretch {
|
||||
-webkit-mask-size: 100%;
|
||||
}
|
||||
@@ -296,6 +280,12 @@ $rtl-icon-map: (
|
||||
@media (forced-colors: active) {
|
||||
background-color: WindowText;
|
||||
}
|
||||
$rtl-svg: get-rtl-svg($svg);
|
||||
@if $rtl-svg {
|
||||
:dir(rtl) & {
|
||||
-webkit-mask: url($rtl-svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Keyboard
|
||||
|
||||
Reference in New Issue
Block a user