@bitstack/ng-boundary 14.0.1-alpha.5 → 14.0.1-alpha.7

package/src/styles/_mixin.scss

@@ -1,107 +0,0 @@
-@use "responsive";
-
-
-/* Small devices (portrait tablets and large phones, 376px and up) */
-@mixin s {
-    @media only screen and (min-width: 481px) and (min-height: 746px) {
-        @content;
-    }
-}
-
-// only mobile
-@mixin landscape {
-    @media only screen and (orientation: landscape) and (any-pointer: coarse) {
-        @content;
-    }
-}
-
-@mixin portrait {
-    @media only screen and (orientation: portrait) and (any-pointer: coarse) {
-        @content;
-    }
-}
-
-@mixin pc_landscape {
-    @media only screen and (orientation: landscape) {
-        @content;
-    }
-}
-
-@mixin pc_portrait {
-    @media only screen and (orientation: portrait) {
-        @content;
-    }
-}
-
-
-@mixin text-center {
-    text-align: center;
-}
-
-@mixin text-shadow($color) {
-    text-shadow: -1px 0 $color, 0 1px $color, 1px 0 $color, 0 -1px $color;
-}
-
-@mixin size($w, $h: $w) {
-    width: $w;
-    height: $h;
-}
-
-@mixin hideScrollbar {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    scrollbar-width: none;
-    &::-webkit-scrollbar {
-        display: none;
-    }
-}
-
-@mixin flexCenter {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-@mixin bg-contain {
-    background: center / contain no-repeat;
-}
-
-@mixin bg-cover {
-    background: center / cover no-repeat;
-}
-
-@mixin devBorder($color: aqua) {
-    box-shadow: inset 0 0 0 1px $color;
-}
-
-// WebP 圖片支持 mixin - 自動生成 WebP fallback
-// 使用方法: @include bg-image-webp("/assets/images/_common/img-support/img.png");
-@mixin bg-image-webp($png-path) {
-    $webp-path: str-replace($png-path, '.png', '.webp');
-
-    @supports (background-image: image-set(url("x.webp") type("image/webp"))){
-        background-image: image-set(
-                url($webp-path) type("image/webp"),
-                url($png-path) type("image/png")
-        );
-    }
-    @supports not (background-image: image-set(url("x.webp") type("image/webp"))){
-        background-image: url($png-path);
-    }
-}
-
-// 辅助函数：字符串替换
-@function str-replace($string, $search, $replace: '') {
-    $index: str-index($string, $search);
-    @if $index {
-        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
-    }
-    @return $string;
-}
-
-.scale-btn {
-  cursor: pointer;
-  transition: transform 0.1s;
-  &:active {
-    transform: scale(0.9);
-  }
-}