@bu0nq/scss.mixin.modifiers 0.1.0

package/.editorconfig

@@ -0,0 +1,17 @@
+root = true
+
+[*]
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.json]
+indent_size = 2
+
+[*.scss]
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

package/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

package/README.md

@@ -0,0 +1,15 @@
+# SCSS.Mixin.Modifiers
+
+Package for integrating `SCSS.Mixins.Modifiers` in a web environment.
+
+![npm](https://img.shields.io/npm/v/@bu0nq/scss.mixin.modifiers?style=for-the-badge)
+![npm](https://img.shields.io/npm/dt/@bu0nq/scss.mixin.modifiers?style=for-the-badge)
+___
+
+## Installation
+
+This package can be deployed automatically using NPM:
+
+```
+npm i @bu0nq/scss.mixin.modifiers
+```

package/modifiers.scss

@@ -0,0 +1,17 @@
+// Rounded
+@forward "rounded/rounded-xs";
+@forward "rounded/rounded-sm";
+@forward "rounded/rounded-md";
+@forward "rounded/rounded-base";
+@forward "rounded/rounded-lg";
+@forward "rounded/rounded-xl";
+@forward "rounded/rounded-xxl";
+
+// Size
+@forward "size/size-xs";
+@forward "size/size-sm";
+@forward "size/size-md";
+@forward "size/size-base";
+@forward "size/size-lg";
+@forward "size/size-xl";
+@forward "size/size-xxl";

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@bu0nq/scss.mixin.modifiers",
+  "version": "0.1.0",
+  "description": "Package for integrating SCSS.Mixin.Modifiers",
+  "main": "modifiers.scss",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bu0nq/scss.mixin.modifiers.git"
+  },
+  "keywords": [
+    "scss",
+    "mixins",
+    "modifiers"
+  ],
+  "author": {
+    "name": "bu0nq",
+    "email": "hello@bu0nq.ru"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/bu0nq/scss.mixin.modifiers/issues"
+  },
+  "homepage": "https://github.com/bu0nq/scss.mixin.modifiers#readme",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/rounded/_rounded-base.scss

@@ -0,0 +1,9 @@
+@mixin rounded-base {
+  &_rounded-base {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="base"]) {
+    @content;
+  }
+}

package/rounded/_rounded-lg.scss

@@ -0,0 +1,9 @@
+@mixin rounded-lg {
+  &_rounded-lg {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="lg"]) {
+    @content;
+  }
+}

package/rounded/_rounded-md.scss

@@ -0,0 +1,9 @@
+@mixin rounded-md {
+  &_rounded-md {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="md"]) {
+    @content;
+  }
+}

package/rounded/_rounded-sm.scss

@@ -0,0 +1,9 @@
+@mixin rounded-sm {
+  &_rounded-sm {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="sm"]) {
+    @content;
+  }
+}

package/rounded/_rounded-xl.scss

@@ -0,0 +1,9 @@
+@mixin rounded-xl {
+  &_rounded-xl {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="xl"]) {
+    @content;
+  }
+}

package/rounded/_rounded-xs.scss

@@ -0,0 +1,9 @@
+@mixin rounded-xs {
+  &_rounded-xs {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="xs"]) {
+    @content;
+  }
+}

package/rounded/_rounded-xxl.scss

@@ -0,0 +1,9 @@
+@mixin rounded-xxl {
+  &_rounded-xxl {
+    @content;
+  }
+
+  &:is([data-modifier-rounded="xxl"]) {
+    @content;
+  }
+}

package/size/_size-base.scss

@@ -0,0 +1,9 @@
+@mixin size-base {
+  &_size-base {
+    @content;
+  }
+
+  &:is([data-modifier-size="base"]) {
+    @content;
+  }
+}

package/size/_size-lg.scss

@@ -0,0 +1,9 @@
+@mixin size-lg {
+  &_size-lg {
+    @content;
+  }
+
+  &:is([data-modifier-size="lg"]) {
+    @content;
+  }
+}

package/size/_size-md.scss

@@ -0,0 +1,9 @@
+@mixin size-md {
+  &_size-md {
+    @content;
+  }
+
+  &:is([data-modifier-size="md"]) {
+    @content;
+  }
+}

package/size/_size-sm.scss

@@ -0,0 +1,9 @@
+@mixin size-sm {
+  &_size-sm {
+    @content;
+  }
+
+  &:is([data-modifier-size="sm"]) {
+    @content;
+  }
+}

package/size/_size-xl.scss

@@ -0,0 +1,9 @@
+@mixin size-xl {
+  &_size-xl {
+    @content;
+  }
+
+  &:is([data-modifier-size="xl"]) {
+    @content;
+  }
+}

package/size/_size-xs.scss

@@ -0,0 +1,9 @@
+@mixin size-xs {
+  &_size-xs {
+    @content;
+  }
+
+  &:is([data-modifier-size="xs"]) {
+    @content;
+  }
+}

package/size/_size-xxl.scss

@@ -0,0 +1,9 @@
+@mixin size-xxl {
+  &_size-xxl {
+    @content;
+  }
+
+  &:is([data-modifier-size="xxl"]) {
+    @content;
+  }
+}