refactor(assets): updated version 3.0.0

Author: Vatsal6288

.gitignore

@@ -57,6 +57,3 @@ gulpfile.tmp.*
 # HTML files
 /html-demo
 /html-starter-demo
-
-# Package Lock files
-/package-lock.json

.prettierignore .stylelintignore.prettierignore renamed to .stylelintignore

@@ -1,3 +1,4 @@
 dist
 node_modules
-build
+build
+_temp/

.stylelintrc.json

@@ -0,0 +1,133 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-idiomatic-order",
+    "@stylistic/stylelint-config"
+  ],
+  "plugins": [
+    "stylelint-use-logical-spec",
+    "@stylistic/stylelint-plugin"
+  ],
+  "rules": {
+    "alpha-value-notation": null,
+    "at-rule-empty-line-before": null,
+    "block-no-empty": null,
+    "color-function-notation": null,
+    "color-named": "never",
+    "custom-property-empty-line-before": null,
+    "custom-property-pattern": null,
+    "declaration-block-no-redundant-longhand-properties": null,
+    "declaration-empty-line-before": null,
+    "declaration-no-important": null,
+    "font-family-no-missing-generic-family-keyword": [
+      true,
+      {
+        "ignoreFontFamilies": [
+          "boxicons",
+          "tabler-icons",
+          "remix-icons"
+        ]
+      }
+    ],
+    "font-weight-notation": [
+      "numeric",
+      {
+        "ignore": [
+          "relative"
+        ]
+      }
+    ],
+    "function-url-no-scheme-relative": true,
+    "liberty/use-logical-spec": true,
+    "media-feature-range-notation": null,
+    "media-query-no-invalid": null,
+    "no-descending-specificity": null,
+    "no-invalid-double-slash-comments": true,
+    "no-invalid-position-at-import-rule": null,
+    "number-max-precision": null,
+    "rule-empty-line-before": null,
+    "selector-class-pattern": null,
+    "selector-id-pattern": null,
+    "selector-max-attribute": 2,
+    "selector-max-id": 1,
+    "selector-max-specificity": null,
+    "selector-not-notation": null,
+    "scss/at-extend-no-missing-placeholder": null,
+    "scss/at-function-named-arguments": "never",
+    "scss/at-if-closing-brace-newline-after": null,
+    "scss/at-if-closing-brace-space-after": null,
+    "scss/at-if-no-null": null,
+    "scss/at-mixin-pattern": null,
+    "scss/at-mixin-argumentless-call-parentheses": "always",
+    "scss/at-rule-conditional-no-parentheses": null,
+    "scss/comment-no-empty": null,
+    "scss/dimension-no-non-numeric-values": true,
+    "scss/dollar-variable-empty-line-before": null,
+    "scss/dollar-variable-pattern": null,
+    "scss/double-slash-comment-empty-line-before": null,
+    "scss/double-slash-comment-whitespace-inside": null,
+    "scss/function-quote-no-quoted-strings-inside": null,
+    "scss/media-feature-value-dollar-variable": null,
+    "scss/no-global-function-names": null,
+    "@stylistic/at-rule-name-space-after": "always",
+    "@stylistic/at-rule-semicolon-space-before": "never",
+    "@stylistic/block-closing-brace-empty-line-before": null,
+    "@stylistic/block-closing-brace-newline-after": [
+      "always",
+      {
+        "ignoreAtRules": [
+          "if",
+          "else"
+        ]
+      }
+    ],
+    "@stylistic/block-opening-brace-space-before": null,
+    "@stylistic/declaration-block-semicolon-newline-before": "never-multi-line",
+    "@stylistic/indentation": 2,
+    "@stylistic/max-empty-lines": 2,
+    "@stylistic/max-line-length": [
+      220,
+      {
+        "ignore": "comments"
+      }
+    ],
+    "@stylistic/no-eol-whitespace": true,
+    "@stylistic/number-leading-zero": "never",
+    "@stylistic/selector-list-comma-newline-before": "never-multi-line",
+    "@stylistic/selector-list-comma-space-after": "always-single-line",
+    "@stylistic/selector-list-comma-space-before": "never-single-line",
+    "@stylistic/unicode-bom": "never"
+  },
+  "overrides": [
+    {
+      "files": [
+        "**/_bootstrap-extended/**/*.scss"
+      ],
+      "rules": {
+        "declaration-property-value-disallowed-list": {
+          "border": "none",
+          "outline": "none"
+        },
+        "function-disallowed-list": [
+          "lighten",
+          "darken"
+        ],
+        "property-disallowed-list": [
+          "border-radius",
+          "border-top-left-radius",
+          "border-top-right-radius",
+          "border-bottom-right-radius",
+          "border-bottom-left-radius",
+          "transition"
+        ],
+        "scss/dollar-variable-default": [
+          true,
+          {
+            "ignore": "local"
+          }
+        ],
+        "scss/selector-no-union-class-name": true
+      }
+    }
+  ]
+}

.vscode/extensions.json

@@ -10,5 +10,6 @@
     "mrmlnc.vscode-scss",
     "gamunu.vscode-yarn",
     "zignd.html-css-class-completion",
+    "stylelint.vscode-stylelint",
   ]
 }

.vscode/settings.json

@@ -1,8 +1,11 @@
 {
   "editor.wordWrap": "off",
   "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  },
   "files.trimFinalNewlines": true,
-  "diffEditor.ignoreTrimWhitespace": false,
+  "diffEditor.ignoreTrimWhitespace": true,
   "search.exclude": {
     "**/node_modules": true,
     "*.min.js": true,
@@ -30,9 +33,11 @@
   "[markdown]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
-  "[scss]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
+  // Extension: Stylelint
+  "stylelint.packageManager": "pnpm",
+  "stylelint.validate": [
+    "scss"
+  ],
   "[css]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },

assets/css/demo.css

@@ -7,10 +7,6 @@
   height: 64px;
 }
 
-.dark-style .menu .app-brand.demo {
-  height: 64px;
-}
-
 .app-brand-logo.demo svg {
   width: 30px;
   height: 24px;
@@ -24,7 +20,9 @@
   font-size: 1.5rem;
   text-transform: capitalize;
 }
-/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
+
+/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
+/* Default navbar */
 .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
   padding-top: 64px !important;
 }
@@ -71,16 +69,6 @@
   margin-top: 0 !important;
 }
 
-.rtl-only {
-  display: none !important;
-  text-align: left !important;
-  direction: ltr !important;
-}
-
-[dir='rtl'] .rtl-only {
-  display: block !important;
-}
-
 /* Dropdown buttons going out of small screens */
 @media (max-width: 576px) {
   #dropdown-variation-demo .btn-group .text-truncate {