javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(scss): properly prefix string imports (#29987)

Browse Source
This commit is contained in:
Brandy Carney
2024-10-31 14:16:52 -04:00
committed by GitHub
parent d4ff124737
commit ca091e2773
6 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/item/item.common.scss
View File

@ -1,4 +1,3 @@
@import "../../themes/functions.string";
@import "../../themes/mixins"; @import "../../themes/mixins";
// Item // Item

1
core/src/components/radio/radio.common.scss
View File

@ -1,4 +1,3 @@
@import "../../themes/functions.string";
@import "../../themes/mixins"; @import "../../themes/mixins";
@import "./radio.vars.scss"; @import "./radio.vars.scss";

1
core/src/components/segment-button/segment-button.common.scss
View File

@ -1,4 +1,3 @@
@import "../../themes/functions.string";
@import "../../themes/mixins"; @import "../../themes/mixins";
// Segment Button: Common // Segment Button: Common

4
core/src/components/spinner/spinner.common.scss
View File

@ -1,6 +1,6 @@
@import "../../themes/functions.string";
@import "../../themes/functions.color";
@import "../../themes/mixins"; @import "../../themes/mixins";
// Required to use the current-color function
@import "../../themes/functions.color";
// Spinners // Spinners
// -------------------------------------------------- // --------------------------------------------------

3
core/src/components/toast/toast.common.scss
View File

@ -1,6 +1,5 @@
@import "../../themes/mixins"; @import "../../themes/mixins";
// Necessary for the mixins to work. // Required to use the current-color function
@import "../../themes/functions.string";
@import "../../themes/functions.color"; @import "../../themes/functions.color";
// Toast // Toast

14
core/src/themes/mixins.scss
View File

@ -309,7 +309,7 @@
// ---------------------------------------------------------- // ----------------------------------------------------------
@mixin svg-background-image($svg, $flip-rtl: false) { @mixin svg-background-image($svg, $flip-rtl: false) {
$url: url-encode($svg); $url: url-encode($svg);
$viewBox: str-split(str-extract($svg, "viewBox='", "'"), " "); $viewBox: string.str-split(string.str-extract($svg, "viewBox='", "'"), " ");
@if $flip-rtl != true or $viewBox == null { @if $flip-rtl != true or $viewBox == null {
@include multi-dir() { @include multi-dir() {
@ -318,9 +318,9 @@
} @else { } @else {
$transform: "transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'"; $transform: "transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'";
$flipped-url: $svg; $flipped-url: $svg;
$flipped-url: str-replace($flipped-url, "<path", "<path #{$transform}"); $flipped-url: string.str-replace($flipped-url, "<path", "<path #{$transform}");
$flipped-url: str-replace($flipped-url, "<line", "<line #{$transform}"); $flipped-url: string.str-replace($flipped-url, "<line", "<line #{$transform}");
$flipped-url: str-replace($flipped-url, "<polygon", "<polygon #{$transform}"); $flipped-url: string.str-replace($flipped-url, "<polygon", "<polygon #{$transform}");
$flipped-url: url-encode($flipped-url); $flipped-url: url-encode($flipped-url);
@include ltr() { @include ltr() {
@ -575,10 +575,10 @@
@each $transform in $transforms { @each $transform in $transforms {
@if (str-index($transform, translate3d)) { @if (str-index($transform, translate3d)) {
$transform: str-replace($transform, "translate3d("); $transform: string.str-replace($transform, "translate3d(");
$transform: str-replace($transform, ")"); $transform: string.str-replace($transform, ")");
$coordinates: str-split($transform, ","); $coordinates: string.str-split($transform, ",");
$x: nth($coordinates, 1); $x: nth($coordinates, 1);
$y: nth($coordinates, 2); $y: nth($coordinates, 2);