ns-base-module 1.0.0

package/style/index.scss

@@ -0,0 +1 @@
+@import "./components/index.scss";

package/style/mixins/index.scss

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2023, Author All rights reserved.
+ * Author PROPRIETARY/CONFIDENTIAL. Use is subject to license terms. 
+ * 
+ * @Author: zhizhan
+ * @Date: 2022-08-04 06:24:08
+ * @FilePath: /ns-mobile/packages/ns-mobile/src/style/mixins/index.scss
+ * @Description: 通用样式mixins 复用导出
+ */
+
+/**
+ * Mixins
+ */
+
+/* library */
+@import "./libs/absolute-center";
+@import "./libs/clearfix";
+@import "./libs/line";
+@import "./libs/overlay";
+@import "./libs/shade";
+@import "./libs/tint";
+@import "./libs/flex";
+@import "./libs/border";
+@import "./libs/active";
+@import "./libs/disabled";
+@import "./libs/placeholder";
+@import "./libs/alignhack";
+@import "./libs/hairline";

package/style/mixins/libs/tint.scss

@@ -0,0 +1,23 @@
+/**
+ * Mixes a color with white. It's different from lighten()
+ *
+ * @param {color} $color
+ * @param {number (percentage)} $percent [The amout of white to be mixed in]
+ * @return {color}
+ *
+ * @example
+ *   .element {
+ *     background-color: tint(#6ecaa6 , 40%);
+ *   }
+ *
+ *   // CSS Output
+ *   .element {
+ *     background-color: #a8dfc9;
+ *   }
+ */
+@function tint(
+  $color,
+  $percent
+) {
+  @return mix(#FFF, $color, $percent);
+}