@cycjimmy/sass-lib 1.0.3 → 2.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 cycjimmy
+Copyright (c) 2019-2022 cycjimmy
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,9 +1,8 @@
 # sass-lib
 
-[![NPM version][npm-image]][npm-url]
-[![npm download][download-image]][download-url]
+![][workflows-badge-image]
 [![libraries dependency status][libraries-status-image]][libraries-status-url]
-[![libraries sourcerank][libraries-sourcerank-image]][libraries-status-url]
+[![libraries sourcerank][libraries-sourcerank-image]][libraries-sourcerank-url]
 [![Release date][release-date-image]][release-url]
 [![semantic-release][semantic-image]][semantic-url]
 [![npm license][license-image]][download-url]
@@ -11,6 +10,9 @@
 Personal collection of sass.
 
 ## Install
+[![NPM version][npm-image]][npm-url]
+[![npm download][download-image]][download-url]
+
 ```shell
 # via npm
 $ npm install @cycjimmy/sass-lib --save
@@ -31,9 +33,12 @@ $ yarn add @cycjimmy/sass-lib
 [download-image]: https://img.shields.io/npm/dt/@cycjimmy/sass-lib
 [download-url]: https://npmjs.org/package/@cycjimmy/sass-lib
 
+[workflows-badge-image]: https://github.com/cycjimmy/sass-lib/workflows/Test%20CI/badge.svg
+
 [libraries-status-image]: https://img.shields.io/librariesio/release/npm/@cycjimmy/sass-lib
 [libraries-sourcerank-image]: https://img.shields.io/librariesio/sourcerank/npm/@cycjimmy/sass-lib
 [libraries-status-url]: https://libraries.io/github/cycjimmy/sass-lib
+[libraries-sourcerank-url]: https://libraries.io/npm/@cycjimmy%2Fsass-lib
 
 [release-date-image]: https://img.shields.io/github/release-date/cycjimmy/sass-lib
 [release-url]: https://github.com/cycjimmy/sass-lib/releases

package/lib/functions/index.scss

@@ -0,0 +1,42 @@
+/**
+ * strip units
+ */
+@function strip-units($number) {
+  @return $number / ($number * 0 + 1);
+}
+
+
+/**
+ * designPx2VW
+ * $designDrawingLength
+ * $designDrawingWidth
+ *
+ * Usage:
+ * @function calcVW($designDrawingLength:0) {
+ *   @return call(get_function("designPx2VW"), $designDrawingLength, $designDrawingWidth);
+ * }
+ */
+@function designPx2VW($designDrawingLength:0, $designDrawingWidth:750) {
+  @return strip-units($designDrawingLength) / strip-units($designDrawingWidth) * 100vw;
+}
+
+/**
+ * designPx2Px
+ * $designDrawingLength
+ * $designDrawingWidth
+ *
+ * Usage:
+ * @function calcPX($designDrawingLength:0) {
+ *   @return call(
+ *     get_function("designPx2Px"),
+ *     $designDrawingLength,
+ *     $designDrawingWidth,
+ *     $pcRootWidth,
+ *   );
+ * }
+ */
+@function designPx2Px($designDrawingLength:0, $designDrawingWidth:750, $pcRootWidth:500) {
+  @return round(strip-units($designDrawingLength)
+  / strip-units($designDrawingWidth)
+  * strip-units($pcRootWidth)) * 1px;
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@cycjimmy/sass-lib",
-  "version": "1.0.3",
+  "version": "2.1.0",
   "description": "Personal collection of sass.",
-  "main": "index.scss",
+  "type": "module",
+  "main": "lib/index.scss",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cycjimmy/sass-lib.git"
@@ -16,17 +17,5 @@
   "bugs": {
     "url": "https://github.com/cycjimmy/sass-lib/issues"
   },
-  "homepage": "https://github.com/cycjimmy/sass-lib#readme",
-  "files": [
-    "/functions",
-    "/mixins",
-    "/placeholders",
-    "/reset"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "@cycjimmy/config-lib": "^1.4.0"
-  }
+  "homepage": "https://github.com/cycjimmy/sass-lib#readme"
 }

package/functions/index.scss

@@ -1,21 +0,0 @@
-/**
- * strip units
- */
-@function strip-units($number) {
-  @return $number / ($number * 0 + 1);
-}
-
-
-/**
- * calc vw
- * $designDrawingLength
- * $designDrawingWidth
- *
- * Usage:
- * @function calcVW($designDrawingLength:0) {
- *   @return call(get_function("designPx2VW"), $designDrawingLength, $designDrawingWidth);
- * }
- */
-@function designPx2VW($designDrawingLength:0, $designDrawingWidth:750) {
-  @return strip-units($designDrawingLength) / strip-units($designDrawingWidth) * 100vw;
-}