chore(packages): move the packages to root

core/src/components/loading/loading.ios.scss

@@ -0,0 +1,70 @@
+@import "./loading";
+@import "./loading.ios.vars";
+
+// iOS Loading Indicator
+// --------------------------------------------------
+
+.loading-ios {
+  font-family: $loading-ios-font-family;
+  font-size: $loading-ios-font-size;
+}
+
+.loading-ios .loading-wrapper {
+  @include border-radius($loading-ios-border-radius);
+
+  @include padding($loading-ios-padding-top, $loading-ios-padding-end, $loading-ios-padding-bottom, $loading-ios-padding-start);
+
+  max-width: $loading-ios-max-width;
+  max-height: $loading-ios-max-height;
+
+  color: $loading-ios-text-color;
+  background-color: $loading-ios-background-color;
+}
+
+
+// iOS Translucent Loading
+// -----------------------------------------
+
+.loading-translucent-ios .loading-wrapper {
+  background-color: $loading-ios-translucent-background-color;
+
+  backdrop-filter: $loading-ios-translucent-filter;
+  -webkit-backdrop-filter: $loading-ios-translucent-filter;
+}
+
+
+// iOS Loading Content
+// -----------------------------------------
+
+.loading-ios .loading-content {
+  font-weight: $loading-ios-content-font-weight;
+}
+
+.loading-ios .loading-spinner + .loading-content {
+  @include margin-horizontal(16px, null);
+}
+
+
+// iOS Loading Spinner fill colors
+// -----------------------------------------
+
+.loading-ios .spinner-ios line,
+.loading-ios .spinner-ios-small line {
+  stroke: $loading-ios-spinner-ios-color;
+}
+
+.loading-ios .spinner-bubbles circle {
+  fill: $loading-ios-spinner-bubbles-color;
+}
+
+.loading-ios .spinner-circles circle {
+  fill: $loading-ios-spinner-circles-color;
+}
+
+.loading-ios .spinner-crescent circle {
+  stroke: $loading-ios-spinner-crescent-color;
+}
+
+.loading-ios .spinner-dots circle {
+  fill: $loading-ios-spinner-dots-color;
+}