deploy github pages for actions

Bumps the eslint group with 2 updates: [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) and [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser).


Updates `@typescript-eslint/eslint-plugin` from 6.6.0 to 6.7.2
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v6.7.2/packages/eslint-plugin)

Updates `@typescript-eslint/parser` from 6.6.0 to 6.7.2
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v6.7.2/packages/parser)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: eslint
- dependency-name: "@typescript-eslint/parser"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: eslint
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.babelrc

@@ -1,14 +0,0 @@
-{
-  "presets": [
-    [
-      "env",
-      {
-        "loose": true,
-        "modules": false
-      }
-    ]
-  ],
-  "plugins": [
-    "external-helpers"
-  ]
-}

.browserslistrc

@@ -0,0 +1,11 @@
+# https://github.com/browserslist/browserslist#readme
+
+>= 0.5%
+last 2 major versions
+not dead
+Chrome >= 60
+Firefox >= 60
+Firefox ESR
+iOS >= 12
+Safari >= 12
+not Explorer <= 11

.bundlewatch.config.json

@@ -0,0 +1,28 @@
+{
+  "files": [
+    {
+      "path": "./dist/css/adminlte.css",
+      "maxSize": "43 kB"
+    },
+    {
+      "path": "./dist/css/adminlte.min.css",
+      "maxSize": "40.25 kB"
+    },
+    {
+      "path": "./dist/css/adminlte.rtl.css",
+      "maxSize": "43 kB"
+    },
+    {
+      "path": "./dist/css/adminlte.rtl.min.css",
+      "maxSize": "40.25 kB"
+    },
+    {
+      "path": "./dist/js/adminlte.js",
+      "maxSize": "4.5 kB"
+    },
+    {
+      "path": "./dist/js/adminlte.min.js",
+      "maxSize": "3 kB"
+    }
+  ]
+}

.editorconfig

@@ -0,0 +1,14 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -1,5 +1,7 @@
 **/*.min.js
-**/plugins/*
-**/dist/*
-**/build/npm
-ad.js
+**/plugins/
+/.temp/
+/dist/
+/docs/
+/docs_html/
+**/env.d.ts

.eslintrc

@@ -1,300 +0,0 @@
-{
-  "root": true,
-  "parser": "babel-eslint",
-  "env": {
-    "browser": true,
-    "es6": true,
-    "amd": true
-  },
-  "extends": "eslint:recommended",
-  "plugins": [
-    "compat"
-  ],
-  "globals": {
-    "jQuery": true
-  },
-  "rules": {
-    // Possible Errors
-    "no-await-in-loop": "error",
-    "no-extra-parens": "error",
-    "no-prototype-builtins": "error",
-    "no-template-curly-in-string": "error",
-    "compat/compat": "error",
-    "valid-jsdoc": "error",
-    // Best Practices
-    "accessor-pairs": "error",
-    "array-callback-return": "error",
-    "block-scoped-var": "error",
-    "class-methods-use-this": "off",
-    "complexity": "error",
-    "consistent-return": "error",
-    "curly": "error",
-    "default-case": "error",
-    "dot-location": [
-      "error",
-      "property"
-    ],
-    "dot-notation": "error",
-    "eqeqeq": "error",
-    "guard-for-in": "error",
-    "no-alert": "error",
-    "no-caller": "error",
-    "no-div-regex": "error",
-    "no-else-return": "error",
-    "no-empty-function": "error",
-    "no-eq-null": "error",
-    "no-eval": "error",
-    "no-extend-native": "error",
-    "no-extra-bind": "error",
-    "no-extra-label": "error",
-    "no-floating-decimal": "error",
-    "no-implicit-coercion": "error",
-    "no-implicit-globals": "error",
-    "no-implied-eval": "error",
-    "no-invalid-this": "off",
-    "no-iterator": "error",
-    "no-labels": "error",
-    "no-lone-blocks": "error",
-    "no-loop-func": "error",
-    "no-magic-numbers": [
-      "error",
-      {
-        "ignore": [
-          -1,
-          0,
-          1
-        ],
-        "ignoreArrayIndexes": true
-      }
-    ],
-    "no-multi-spaces": [
-      "error",
-      {
-        "ignoreEOLComments": true,
-        "exceptions": {
-          "AssignmentExpression": true,
-          "ArrowFunctionExpression": true,
-          "CallExpression": true,
-          "VariableDeclarator": true
-        }
-      }
-    ],
-    "no-multi-str": "error",
-    "no-new": "error",
-    "no-new-func": "error",
-    "no-new-wrappers": "error",
-    "no-octal-escape": "error",
-    "no-param-reassign": "off",
-    "no-proto": "error",
-    "no-restricted-properties": "error",
-    "no-return-assign": "error",
-    "no-return-await": "error",
-    "no-script-url": "error",
-    "no-self-compare": "error",
-    "no-sequences": "error",
-    "no-throw-literal": "error",
-    "no-unmodified-loop-condition": "error",
-    "no-unused-expressions": "error",
-    "no-useless-call": "error",
-    "no-useless-concat": "error",
-    "no-useless-return": "error",
-    "no-void": "error",
-    "no-warning-comments": "off",
-    "no-with": "error",
-    "prefer-promise-reject-errors": "error",
-    "radix": "error",
-    "require-await": "error",
-    "vars-on-top": "error",
-    "wrap-iife": "error",
-    "yoda": "error",
-    // Strict Mode
-    "strict": "error",
-    // Variables
-    "init-declarations": "off",
-    "no-catch-shadow": "error",
-    "no-label-var": "error",
-    "no-restricted-globals": "error",
-    "no-shadow": "off",
-    "no-shadow-restricted-names": "error",
-    "no-undef-init": "error",
-    "no-undefined": "error",
-    "no-use-before-define": "off",
-    // Node.js and CommonJS
-    "callback-return": "off",
-    "global-require": "error",
-    "handle-callback-err": "error",
-    "no-mixed-requires": "error",
-    "no-new-require": "error",
-    "no-path-concat": "error",
-    "no-process-env": "error",
-    "no-process-exit": "error",
-    "no-restricted-modules": "error",
-    "no-sync": "error",
-    // Stylistic Issues
-    "array-bracket-spacing": "error",
-    "block-spacing": "error",
-    "brace-style": "error",
-    "camelcase": "error",
-    "capitalized-comments": "off",
-    "comma-dangle": "error",
-    "comma-spacing": "error",
-    "comma-style": "error",
-    "computed-property-spacing": "error",
-    "consistent-this": "error",
-    "eol-last": "error",
-    "func-call-spacing": "error",
-    "func-name-matching": "error",
-    "func-names": "off",
-    "func-style": [
-      "error",
-      "declaration"
-    ],
-    "id-blacklist": "error",
-    "id-length": "off",
-    "id-match": "error",
-    "indent": [
-      "error",
-      2,
-      {
-        "SwitchCase": 1
-      }
-    ],
-    "jsx-quotes": "error",
-    "key-spacing": "off",
-    "keyword-spacing": "error",
-    "linebreak-style": [
-      "error",
-      "unix"
-    ],
-    "line-comment-position": "off",
-    "lines-around-comment": "off",
-    "lines-around-directive": "error",
-    "max-depth": [
-      "error",
-      10
-    ],
-    "max-len": "off",
-    "max-lines": "off",
-    "max-nested-callbacks": "error",
-    "max-params": "off",
-    "max-statements": "off",
-    "max-statements-per-line": "error",
-    "multiline-ternary": "off",
-    "new-cap": [
-      "error",
-      {
-        "capIsNewExceptionPattern": "$.*"
-      }
-    ],
-    "newline-after-var": "off",
-    "newline-per-chained-call": [
-      "error",
-      {
-        "ignoreChainWithDepth": 5
-      }
-    ],
-    "new-parens": "error",
-    "no-array-constructor": "error",
-    "no-bitwise": "error",
-    "no-continue": "off",
-    "no-inline-comments": "off",
-    "no-lonely-if": "error",
-    "no-mixed-operators": "off",
-    "no-multi-assign": "error",
-    "no-multiple-empty-lines": "error",
-    "nonblock-statement-body-position": "error",
-    "no-negated-condition": "off",
-    "no-nested-ternary": "error",
-    "no-new-object": "error",
-    "no-plusplus": "off",
-    "no-restricted-syntax": "error",
-    "no-tabs": "error",
-    "no-ternary": "off",
-    "no-trailing-spaces": "error",
-    "no-underscore-dangle": "off",
-    "no-unneeded-ternary": "error",
-    "no-whitespace-before-property": "error",
-    "object-curly-newline": [
-      "error",
-      {
-        "minProperties": 1
-      }
-    ],
-    "object-curly-spacing": [
-      "error",
-      "always"
-    ],
-    "object-property-newline": "error",
-    "one-var": [
-      "error",
-      "never"
-    ],
-    "one-var-declaration-per-line": "error",
-    "operator-assignment": "error",
-    "operator-linebreak": "error",
-    "padded-blocks": [
-      "error",
-      "never"
-    ],
-    "padding-line-between-statements": "off",
-    "quote-props": [
-      "error",
-      "as-needed"
-    ],
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "require-jsdoc": "off",
-    "semi": [
-      "error",
-      "never"
-    ],
-    "semi-spacing": "error",
-    "sort-keys": "off",
-    "sort-vars": "error",
-    "space-before-blocks": "error",
-    "space-before-function-paren": [
-      "error",
-      {
-        "anonymous": "always",
-        "named": "never"
-      }
-    ],
-    "space-in-parens": "error",
-    "space-infix-ops": "error",
-    "space-unary-ops": "error",
-    "spaced-comment": "error",
-    "template-tag-spacing": "error",
-    "unicode-bom": "error",
-    "wrap-regex": "off",
-    // ECMAScript 6
-    "arrow-body-style": [
-      "error",
-      "as-needed"
-    ],
-    "arrow-parens": "error",
-    "arrow-spacing": "error",
-    "generator-star-spacing": "error",
-    "no-confusing-arrow": "error",
-    "no-duplicate-imports": "error",
-    "no-restricted-imports": "error",
-    "no-useless-computed-key": "error",
-    "no-useless-constructor": "error",
-    "no-useless-rename": "error",
-    "no-var": "error",
-    "object-shorthand": "error",
-    "prefer-arrow-callback": "error",
-    "prefer-const": "error",
-    "prefer-destructuring": "off",
-    "prefer-numeric-literals": "error",
-    "prefer-rest-params": "error",
-    "prefer-spread": "error",
-    "prefer-template": "error",
-    "rest-spread-spacing": "error",
-    "sort-imports": "error",
-    "symbol-description": "error",
-    "template-curly-spacing": "error",
-    "yield-star-spacing": "error"
-  }
-}

.eslintrc.json

@@ -0,0 +1,120 @@
+{
+  "root": true,
+  "extends": [
+    "plugin:import/errors",
+    "plugin:import/warnings",
+    "plugin:unicorn/recommended",
+    "xo",
+    "xo/browser"
+  ],
+  "rules": {
+    "arrow-body-style": "off",
+    "capitalized-comments": "off",
+    "comma-dangle": [
+      "error",
+      "never"
+    ],
+    "indent": [
+      "error",
+      2,
+      {
+        "MemberExpression": "off",
+        "SwitchCase": 1
+      }
+    ],
+    "max-params": [
+      "warn",
+      5
+    ],
+    "multiline-ternary": [
+      "error",
+      "always-multiline"
+    ],
+    "new-cap": [
+      "error",
+      {
+        "properties": false
+      }
+    ],
+    "no-console": "error",
+    "no-negated-condition": "off",
+    "object-curly-spacing": [
+      "error",
+      "always"
+    ],
+    "operator-linebreak": [
+      "error",
+      "after"
+    ],
+    "semi": [
+      "error",
+      "never"
+    ],
+    "unicorn/explicit-length-check": "off",
+    "unicorn/no-array-callback-reference": "off",
+    "unicorn/no-array-for-each": "off",
+    "unicorn/no-array-method-this-argument": "off",
+    "unicorn/no-null": "off",
+    "unicorn/no-unused-properties": "error",
+    "unicorn/prefer-array-flat": "off",
+    "unicorn/prefer-dom-node-dataset": "off",
+    "unicorn/prefer-export-from": "off",
+    "unicorn/prefer-module": "off",
+    "unicorn/prefer-query-selector": "off",
+    "unicorn/prefer-spread": "off",
+    "unicorn/prefer-string-replace-all": "off",
+    "unicorn/prevent-abbreviations": "off"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": [
+        "plugin:import/typescript",
+        "xo-typescript"
+      ],
+      "rules": {
+        "@typescript-eslint/comma-dangle": [
+          "error",
+          "never"
+        ],
+        "@typescript-eslint/indent": [
+          "error",
+          2,
+          {
+            "MemberExpression": "off",
+            "SwitchCase": 1
+          }
+        ],
+        "@typescript-eslint/naming-convention": [
+          "error",
+          {
+            "selector": "variable",
+            "format": ["camelCase", "StrictPascalCase", "UPPER_CASE"]
+          }
+        ],
+        "@typescript-eslint/object-curly-spacing": [
+          "error",
+          "always"
+        ],
+        "@typescript-eslint/semi": [
+          "error",
+          "never"
+        ]
+      }
+    },
+    {
+      "files": ["src/config/**"],
+      "env": {
+        "browser": false,
+        "node": true
+      },
+      "parserOptions": {
+        "sourceType": "module"
+      },
+      "rules": {
+        "no-console": "off",
+        "unicorn/prefer-top-level-await": "off"
+      }
+    }
+  ]
+}

.gitattributes

@@ -0,0 +1,6 @@
+# Enforce Unix newlines
+* text=auto eol=lf
+
+# Ignores for analysis is used to produce the language stats bar which displays the languages percentages
+plugins/* linguist-vendored=true
+docs/* linguist-vendored=true

.github/CONTRIBUTING.md

@@ -0,0 +1,34 @@
+# Contributing to AdminLTE
+
+Contributions are always **welcome and recommended**! Here is how for beginner's: [Get started with open source click here](https://youtu.be/GbqSvJs-6W4)
+
+1. Contribution Requirements :
+    * When you contribute, you agree to give a non-exclusive license to AdminLTE.io to use that contribution in any context as we (AdminLTE.io) see appropriate.
+    * If you use content provided by another party, it must be appropriately licensed using an [open source](https://opensource.org/licenses) license.
+    * Contributions are only accepted through GitHub pull requests.
+    * Finally, contributed code must work in all supported browsers (see above for browser support).
+2. Installation :
+    * Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
+    * Clone to your machine
+
+    ```bash
+    git clone https://github.com/YOUR_USERNAME/AdminLTE.git
+    ```
+    * Create a new branch from `master`
+3. Compile dist files (Development) :
+    * To compile the dist files you need Node.js 18 or higher/npm (node package manager)
+    * `npm install` (install npm deps)
+    * `npm run dev` (developer mode, autocompile with browsersync support for live demo)
+    * Make your changes only in `./src` Folder OR `package.json` in any files which are necessary for contribution
+    * Do not make changes in `./dist/**` Because it contains compiled files and do not include in PR (Pull Request)
+    * `npm run production` (compile css/js files and test all pages are perfectly working fine, before creating a pull request)
+4. Create a pull request to `master` branch
+
+## Online one-click setup for contributing
+
+You can use [Codespace](https://docs.github.com/en/codespaces) an online IDE which is free for Open Source for working on issues or making PRs (Pull Requests). With a single click it will launch a workspace and automatically:
+
+- clone the `AdminLTE` repo.
+- Open with [Codespace](https://docs.github.com/en/codespaces) or [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)
+- install the dependencies.
+- run `npm run dev` to start the server.

.github/ISSUE_TEMPLATE/bug-report-for-adminlte-v3.1-x.md

@@ -0,0 +1,32 @@
+---
+name: Bug report for AdminLTE v3.x
+about: Create a report to help us improve AdminLTE v3.x
+title: "[BUG]"
+labels: type:bug, version:3.1.x
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Environment (please complete the following information):**
+- AdminLTE Version: [e.g. v3.0.0]
+- Operating System:  [e.g. macOS Catalina]
+- Browser (Version): [e.g. Chrome (Latest)]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature-request-for-adminlte-v4-x.md

@@ -0,0 +1,20 @@
+---
+name: Feature request for AdminLTE v4.x
+about: Suggest an idea for this project
+title: "[FEATURE]"
+labels: type:enhancement, version:4.x
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/codeql/codeql-config.yml

@@ -0,0 +1,4 @@
+name: "CodeQL config"
+
+paths-ignore:
+  - dist

.github/dependabot.yml

@@ -0,0 +1,36 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: "/"
+    schedule:
+      interval: weekly
+      day: monday
+      time: "03:00"
+    groups:
+      eslint:
+        patterns:
+          - "eslint"
+          - "eslint-*"
+          - "@typescript-eslint/*"
+      stylelint:
+        patterns:
+          - "stylelint"
+          - "stylelint-*"
+      prettier:
+        patterns:
+          - "prettier"
+          - "prettier-*"
+      rollup:
+        patterns:
+          - "rollup"
+          - "@rollup/*"
+      postcss:
+        patterns:
+          - "postcss"
+          - "postcss-*"
+      astro:
+        patterns:
+          - "astro"
+          - "@astrojs/*"
+    open-pull-requests-limit: 10
+    versioning-strategy: increase

.github/workflows/bundlewatch.yml

@@ -0,0 +1,43 @@
+name: Bundlewatch
+
+on:
+  push:
+    branches-ignore:
+      - "dependabot/**"
+  pull_request:
+  workflow_dispatch:
+
+env:
+  FORCE_COLOR: 2
+  NODE: 18
+
+permissions:
+  contents: read
+
+jobs:
+  bundlewatch:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Run dist
+        run: npm run compile
+
+      - name: Run bundlewatch
+        run: npm run bundlewatch
+        env:
+          BUNDLEWATCH_GITHUB_TOKEN: "${{ secrets.BUNDLEWATCH_GITHUB_TOKEN }}"
+          CI_BRANCH_BASE: master

.github/workflows/codeql.yml

@@ -0,0 +1,44 @@
+name: "CodeQL"
+
+on:
+  push:
+    branches:
+      - master
+      - "!dependabot/**"
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches:
+      - master
+      - "!dependabot/**"
+  schedule:
+    - cron: "0 0 * * 0"
+  workflow_dispatch:
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+    permissions:
+      security-events: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: "javascript"
+          config-file: ./.github/codeql/codeql-config.yml
+          queries: +security-and-quality
+
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2
+        with:
+          category: "/language:javascript"

.github/workflows/docs.yml

@@ -0,0 +1,37 @@
+name: Docs
+
+on:
+  push:
+    branches-ignore:
+      - "dependabot/**"
+  pull_request:
+  workflow_dispatch:
+
+env:
+  FORCE_COLOR: 2
+  NODE: 18
+
+permissions:
+  contents: read
+
+jobs:
+  bundlewatch:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Build docs
+        run: npm run docs-compile

.github/workflows/lint.yml

@@ -0,0 +1,37 @@
+name: Lint
+
+on:
+  push:
+    branches-ignore:
+      - "dependabot/**"
+  pull_request:
+  workflow_dispatch:
+
+env:
+  FORCE_COLOR: 2
+  NODE: 18
+
+permissions:
+  contents: read
+
+jobs:
+  run:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Run lint
+        run: npm run lint

.github/workflows/node-sass.yml

@@ -0,0 +1,52 @@
+name: CSS (node-sass)
+
+on:
+  push:
+    branches-ignore:
+      - "dependabot/**"
+  pull_request:
+  workflow_dispatch:
+
+env:
+  FORCE_COLOR: 2
+  NODE: 18
+
+permissions:
+  contents: read
+
+jobs:
+  css:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Build CSS with node-sass
+        run: |
+          npx --package node-sass@latest node-sass --version
+          npx --package node-sass@latest node-sass --include-path=node_modules --output-style expanded --source-map true --source-map-contents true --precision 6 src/scss/ -o dist-sass/css/
+          ls -Al dist-sass/css
+
+      # Check that there are no Sass variables (`$`)
+      - name: Check built CSS files
+        shell: bash
+        run: |
+          if [[ $(find dist-sass/css/ -name "*.css" | xargs grep -F "\$" | wc -l | bc) -eq 0 ]]; then
+            echo "All good, no Sass variables found"
+            exit 0
+          else
+            echo "Found Sass variables!"
+            exit 1
+          fi

.github/workflows/release.yml

@@ -0,0 +1,50 @@
+name: Release & Publish
+
+on:
+  push:
+    tags:
+      - '*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clone repository
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set env
+        run: echo "RELEASE_VERSION=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Build distribution files
+        run: npm run production
+
+      - name: Zip distribution files
+        uses: montudor/action-zip@v1
+        with:
+          args: "zip -qq admin-lte-${{env.RELEASE_VERSION}}.zip -d dist"
+
+      - name: Create changelog text
+        id: changelog
+        uses: endaft/action-changelog@v0.0.5
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          exclude_types: other,doc,chore
+
+      - name: Release
+        uses: softprops/action-gh-release@v1
+        if: startsWith(github.ref, 'refs/tags/')
+        with:
+          body: ${{ steps.changelog.outputs.changelog }}
+          files: |
+            admin-lte.${{env.RELEASE_VERSION}}.zip

.github/workflows/static.yml

@@ -0,0 +1,57 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "${{ env.NODE }}"
+          cache: npm
+
+      - name: Install npm dependencies
+        run: npm ci
+
+      - name: Run dist
+        run: npm run compile
+      
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+     
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload entire repository
+          path: '.'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

.gitignore

@@ -1,12 +1,43 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# unwanted types
+**/env.d.ts
+
+# System / Log files
 *.DS_Store
 *.log
+
+# Archives
 *.zip
+
+# Sass Cache
+.sass-cache
+
+# Project files
 .idea
 nbproject
 nbproject/private
-node_modules
-.sass-cache
-bower_components
-ad.js
+.vscode/
+.vs/
+
+# Node / Bower
+node_modules/
+bower_components/
+
+# Docs
+/docs/_site/
+/docs/vendor/
+/docs/.bundle/
+/docs_html/
+.jekyll-cache/
+.jekyll-metadata
+
+# ETC
 TODO
 test.html
+ad.js
+/.cache/

.gitpod.yml

@@ -0,0 +1,6 @@
+tasks:
+  - init: npm install
+    command: npm run dev
+ports:
+  - port: 3000
+    onOpen: open-preview

.lgtm.yml

@@ -0,0 +1,15 @@
+# https://lgtm.com/help/lgtm/customizing-file-classification
+path_classifiers:
+  plugins:
+    - plugins/
+
+extraction:
+  javascript:
+    # https://lgtm.com/help/lgtm/javascript-extraction#customizing-index
+    # The `index` step extracts information from the files in the codebase.
+    index:
+      # Specify a list of files and folders to exclude from extraction.
+      exclude:
+        - bower_components/
+        - docs/assets/js/plugins/
+        - plugins/

.npmignore

@@ -0,0 +1,7 @@
+/docs/
+/docs_html/
+/plugins/*
+!/plugins/flot-old/
+/.github/
+/.temp/
+/.lgtm.yml

.stylelintignore

@@ -0,0 +1,8 @@
+**/*.html
+**/*.md
+**/*.min.css
+**/.temp/
+**/dist/
+**/docs_html/
+**/plugins/
+**/.cache/

.stylelintrc.json

@@ -0,0 +1,47 @@
+{
+  "extends": [
+    "stylelint-config-twbs-bootstrap"
+  ],
+  "reportInvalidScopeDisables": true,
+  "reportNeedlessDisables": true,
+  "overrides": [
+    {
+      "files": ["**/*.scss"],
+      "rules": {
+        "declaration-no-important": null,
+        "declaration-property-value-disallowed-list": {
+          "border": "none",
+          "outline": "none"
+        },
+        "function-disallowed-list": [
+          "calc",
+          "lighten",
+          "darken"
+        ],
+        "keyframes-name-pattern": null,
+        "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,
+        "selector-max-class": null,
+        "selector-max-combinators": null,
+        "selector-max-compound-selectors": null,
+        "selector-max-id": null,
+        "selector-max-specificity": null,
+        "selector-max-type": null,
+        "selector-no-qualifying-type": null
+      }
+    }
+  ]
+}

CODE_OF_CONDUCT.md

@@ -0,0 +1,43 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at https://colorlib.com/wp/contact-us/. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/), version 1.4, available at <https://www.contributor-covenant.org/version/1/4/code-of-conduct/>

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2018 almasaeed2010
+Copyright (c) 2014-2023 ColorlibHQ
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -1,95 +1,58 @@
-Introduction
-============
+# [AdminLTE - Bootstrap 5 Admin Dashboard](https://adminlte.io)
 
-**AdminLTE** is a fully responsive administration template. Based on **[Bootstrap 4](https://getbootstrap.com)** framework.
+[![npm version](https://img.shields.io/npm/v/admin-lte/latest.svg)](https://www.npmjs.com/package/admin-lte)
+[![Packagist](https://img.shields.io/packagist/v/almasaeed2010/adminlte.svg)](https://packagist.org/packages/almasaeed2010/adminlte)
+[![cdn version](https://data.jsdelivr.com/v1/package/npm/admin-lte/badge)](https://www.jsdelivr.com/package/npm/admin-lte)
+[![Discord Invite](https://img.shields.io/badge/discord-join%20now-green)](https://discord.gg/jfdvjwFqfz)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/1277b36b-08f3-43fa-826a-4b4d24614b3c/deploy-status)](https://app.netlify.com/sites/adminlte-v4/deploys)
+
+**AdminLTE** is a fully responsive administration template. Based on **[Bootstrap 5](https://getbootstrap.com/)** framework and also the JavaScript plugins.
 Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
 
-**Download & Preview on [AdminLTE.io](https://adminlte.io)**
+## Looking for Premium Templates?
 
-Looking for Premium Templates?
-------------------------------
-AdminLTE.io just opened a new premium templates page. Hand picked to insure the best quality and the most affordable
-prices. Visit https://adminlte.io/premium for more information.
+AdminLTE.io just opened a new premium templates page. Hand picked to ensure the best quality and the most affordable
+prices. Visit <https://adminlte.io/premium> for more information.
 
 !["AdminLTE Presentation"](https://adminlte.io/AdminLTE3.png "AdminLTE Presentation")
 
 **AdminLTE** has been carefully coded with clear comments in all of its JS, SCSS and HTML files.
 SCSS has been used to increase code customizability.
 
-Installation
-------------
-There are multiple ways to install AdminLTE.
+## Quick start
 
-#### Download:
+### Compile dist files
 
-Download from Github or [visit AdminLTE.io](https://adminlte.io) and download the latest release.
+To compile the dist files you need Node.js/npm, clone/download the repo then:
 
-#### Using The Command Line:
+1. `npm install` (install npm deps)
+2. _Optional:_ `npm run dev` (developer mode, autocompile with browsersync support for live demo)
+3. `npm run production` (compile css/js files)
 
-**NPM**
-```bash
-npm install admin-lte
-```
 
-**Github**
+## Contributing
 
-- Clone to your machine
-```
-git clone https://github.com/almasaeed2010/AdminLTE.git
-```
+- Highly welcome.
+- For your extra reference check [AdminLTE v4 Contribution Guide](https://github.com/ColorlibHQ/AdminLTE#contributing)
+- First thing first, you should have bit knowledge about NodeJS.
+- Github Knowledge.
+- Install NodeJS LTS version.
+- Clone this Repository to your machine and change to `master` branch.
+- Go to Cloned Folder.
+- In cli/bash run `npm install` it will install dependency from `package.json`.
+- After installation complets, run `npm run dev`
+- Cool, Send urs changes in PR to `master` branch.
 
-Documentation
--------------
-Visit the [online documentation](https://adminlte.io/themes/AdminLTE/documentation/index.html) for the most
-updated guide. Information will be added on a weekly basis.
 
-Browser Support
----------------
-- IE 10+
-- Firefox (latest)
-- Chrome (latest)
-- Safari (latest)
-- Opera (latest)
+## License
 
-Contribution
-------------
-Contribution are always **welcome and recommended**! Here is how:
+AdminLTE is an open source project by [AdminLTE.io](https://adminlte.io) that is licensed under [MIT](https://opensource.org/licenses/MIT).
+AdminLTE.io reserves the right to change the license of future releases.
 
-- Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
-- Clone to your machine ```git clone https://github.com/YOUR_USERNAME/AdminLTE.git```
-- Create a new branch
-- Make your changes
-- Create a pull request
+## Image Credits
 
-#### Contribution Requirements:
-
-- When you contribute, you agree to give a non-exclusive license to AdminLTE.io to use that contribution in any context as we (AdminLTE.io) see appropriate.
-- If you use content provided by another party, it must be appropriately licensed using an [open source](http://opensource.org/licenses) license.
-- Contributions are only accepted through Github pull requests.
-- Finally, contributed code must work in all supported browsers (see above for browser support).
-
-License
--------
-AdminLTE is an open source project by [AdminLTE.io](https://adminlte.io) that is licensed under [MIT](http://opensource.org/licenses/MIT). AdminLTE.io
-reserves the right to change the license of future releases.
-
-Legacy Releases
----------------
-- [AdminLTE 2](https://github.com/almasaeed2010/AdminLTE/releases/tag/v2.4.3)
-- [AdminLTE 1](https://github.com/almasaeed2010/AdminLTE/releases/tag/1.3.1)
-
-Change log
-----------
-Visit the [releases](https://github.com/almasaeed2010/AdminLTE/releases) page to view the changelog
-
-Image Credits
--------------
-[Pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd)
-
-[Graphicsfuel](http://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/)
-
-[Pickaface](http://pickaface.net/)
-
-[Unsplash](https://unsplash.com/)
-
-[Uifaces](http://uifaces.com/)
+- [Pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd)
+- [Graphicsfuel](https://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/)
+- [Pickaface](https://pickaface.net/)
+- [Unsplash](https://unsplash.com/)
+- [Uifaces](http://uifaces.com/)

build/js/.jscsrc

@@ -1,44 +0,0 @@
-{
-  "esnext": true,
-  "verbose": true,
-  "disallowEmptyBlocks": true,
-  "disallowKeywords": ["with"],
-  "disallowMixedSpacesAndTabs": true,
-  "disallowMultipleLineStrings": true,
-  "disallowMultipleVarDecl": true,
-  "disallowQuotedKeysInObjects": "allButReserved",
-  "disallowSpaceAfterPrefixUnaryOperators": ["++", "--", "+", "-", "~", "!"],
-  "disallowSpaceBeforeBinaryOperators": [","],
-  "disallowSpaceBeforePostfixUnaryOperators": ["++", "--"],
-  "disallowSpacesInFunctionDeclaration": { "beforeOpeningRoundBrace": true },
-  "disallowSpacesInNamedFunctionExpression": { "beforeOpeningRoundBrace": true },
-  "disallowSpacesInsideArrayBrackets": true,
-  "disallowSpacesInsideParentheses": true,
-  "disallowTrailingComma": true,
-  "disallowTrailingWhitespace": true,
-  "requireCamelCaseOrUpperCaseIdentifiers": true,
-  "requireCapitalizedConstructors": true,
-  "requireCommaBeforeLineBreak": true,
-  "requireDollarBeforejQueryAssignment": true,
-  "requireDotNotation": true,
-  "requireLineFeedAtFileEnd": true,
-  "requirePaddingNewLinesAfterUseStrict": true,
-  "requirePaddingNewLinesBeforeExport": true,
-  "requireSpaceAfterBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="],
-  "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"],
-  "requireSpaceAfterLineComment": true,
-  "requireSpaceBeforeBinaryOperators": ["+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", "<", ">=", "<="],
-  "requireSpaceBetweenArguments": true,
-  "requireSpacesInAnonymousFunctionExpression": { "beforeOpeningCurlyBrace": true, "beforeOpeningRoundBrace": true, "allExcept": ["shorthand"] },
-  "requireSpacesInConditionalExpression": true,
-  "requireSpacesInForStatement": true,
-  "requireSpacesInFunctionDeclaration": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInFunctionExpression": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInNamedFunctionExpression": { "beforeOpeningCurlyBrace": true },
-  "requireSpacesInsideObjectBrackets": "allButNested",
-  "validateAlignedFunctionParameters": true,
-  "validateIndentation": 2,
-  "validateLineBreaks": "LF",
-  "validateNewlineAfterArrayElements": true,
-  "validateQuoteMarks": "'"
-}

build/js/AdminLTE.js

@@ -1,13 +0,0 @@
-import ControlSidebar from './ControlSidebar'
-import Layout from './Layout'
-import PushMenu from './PushMenu'
-import Treeview from './Treeview'
-import Widget from './Widget'
-
-export {
-  ControlSidebar,
-  Layout,
-  PushMenu,
-  Treeview,
-  Widget
-}

build/js/ControlSidebar.js

@@ -1,142 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE ControlSidebar.js
- * License MIT
- * --------------------------------------------
- */
-
-const ControlSidebar = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'ControlSidebar'
-  const DATA_KEY           = 'lte.control.sidebar'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-  const DATA_API_KEY       = '.data-api'
-
-  const Event = {
-    CLICK_DATA_API: `click${EVENT_KEY}${DATA_API_KEY}`
-  }
-
-  const Selector = {
-    CONTROL_SIDEBAR: '.control-sidebar',
-    DATA_TOGGLE    : '[data-widget="control-sidebar"]',
-    MAIN_HEADER    : '.main-header'
-  }
-
-  const ClassName = {
-    CONTROL_SIDEBAR_OPEN : 'control-sidebar-open',
-    CONTROL_SIDEBAR_SLIDE: 'control-sidebar-slide-open'
-  }
-
-  const Default = {
-    slide: true
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class ControlSidebar {
-    constructor(element, config) {
-      this._element = element
-      this._config  = this._getConfig(config)
-    }
-
-    // Public
-
-    show() {
-      // Show the control sidebar
-      if (this._config.slide) {
-        $('body').removeClass(ClassName.CONTROL_SIDEBAR_SLIDE)
-      } else {
-        $('body').removeClass(ClassName.CONTROL_SIDEBAR_OPEN)
-      }
-    }
-
-    collapse() {
-      // Collapse the control sidebar
-      if (this._config.slide) {
-        $('body').addClass(ClassName.CONTROL_SIDEBAR_SLIDE)
-      } else {
-        $('body').addClass(ClassName.CONTROL_SIDEBAR_OPEN)
-      }
-    }
-
-    toggle() {
-      this._setMargin()
-
-      const shouldOpen = $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body')
-        .hasClass(ClassName.CONTROL_SIDEBAR_SLIDE)
-      if (shouldOpen) {
-        // Open the control sidebar
-        this.show()
-      } else {
-        // Close the control sidebar
-        this.collapse()
-      }
-    }
-
-    // Private
-
-    _getConfig(config) {
-      return $.extend({}, Default, config)
-    }
-
-    _setMargin() {
-      $(Selector.CONTROL_SIDEBAR).css({
-        top: $(Selector.MAIN_HEADER).outerHeight()
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(operation) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new ControlSidebar(this, $(this).data())
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (data[operation] === 'undefined') {
-          throw new Error(`${operation} is not a function`)
-        }
-
-        data[operation]()
-      })
-    }
-  }
-
-  /**
-   *
-   * Data Api implementation
-   * ====================================================
-   */
-  $(document).on('click', Selector.DATA_TOGGLE, function (event) {
-    event.preventDefault()
-
-    ControlSidebar._jQueryInterface.call($(this), 'toggle')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = ControlSidebar._jQueryInterface
-  $.fn[NAME].Constructor = ControlSidebar
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return ControlSidebar._jQueryInterface
-  }
-
-  return ControlSidebar
-})(jQuery)
-
-export default ControlSidebar

build/js/Layout.js

@@ -1,142 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Layout.js
- * License MIT
- * --------------------------------------------
- */
-
-const Layout = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Layout'
-  const DATA_KEY           = 'lte.layout'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    SIDEBAR: 'sidebar'
-  }
-
-  const Selector = {
-    SIDEBAR        : '.main-sidebar',
-    HEADER         : '.main-header',
-    CONTENT        : '.content-wrapper',
-    CONTENT_HEADER : '.content-header',
-    WRAPPER        : '.wrapper',
-    CONTROL_SIDEBAR: '.control-sidebar',
-    LAYOUT_FIXED   : '.layout-fixed',
-    FOOTER         : '.main-footer'
-  }
-
-  const ClassName = {
-    HOLD        : 'hold-transition',
-    SIDEBAR     : 'main-sidebar',
-    LAYOUT_FIXED: 'layout-fixed'
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class Layout {
-    constructor(element) {
-      this._element = element
-
-      this._init()
-    }
-
-    // Public
-
-    fixLayoutHeight() {
-      const heights = {
-        window : $(window).height(),
-        header : $(Selector.HEADER).outerHeight(),
-        footer : $(Selector.FOOTER).outerHeight(),
-        sidebar: $(Selector.SIDEBAR).height()
-      }
-      const max     = this._max(heights)
-
-      $(Selector.CONTENT).css('min-height', max - (heights.header))
-      $(Selector.SIDEBAR).css('min-height', max - heights.header)
-    }
-
-    // Private
-
-    _init() {
-      // Enable transitions
-      $('body').removeClass(ClassName.HOLD)
-
-      // Activate layout height watcher
-      this.fixLayoutHeight()
-      $(Selector.SIDEBAR)
-        .on('collapsed.lte.treeview expanded.lte.treeview collapsed.lte.pushmenu expanded.lte.pushmenu', () => {
-          this.fixLayoutHeight()
-        })
-
-      $(window).resize(() => {
-        this.fixLayoutHeight()
-      })
-
-      $('body, html').css('height', 'auto')
-    }
-
-    _max(numbers) {
-      // Calculate the maximum number in a list
-      let max = 0
-
-      Object.keys(numbers).forEach((key) => {
-        if (numbers[key] > max) {
-          max = numbers[key]
-        }
-      })
-
-      return max
-    }
-
-    // Static
-
-    static _jQueryInterface(operation) {
-      return this.each(function () {
-        let data = $(this)
-          .data(DATA_KEY)
-
-        if (!data) {
-          data = new Layout(this)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (operation) {
-          data[operation]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-  $(window).on('load', () => {
-    Layout._jQueryInterface.call($('body'))
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Layout._jQueryInterface
-  $.fn[NAME].Constructor = Layout
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Layout._jQueryInterface
-  }
-
-  return Layout
-})(jQuery)
-
-export default Layout

build/js/PushMenu.js

@@ -1,153 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE PushMenu.js
- * License MIT
- * --------------------------------------------
- */
-
-const PushMenu = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'PushMenu'
-  const DATA_KEY           = 'lte.pushmenu'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    COLLAPSED: `collapsed${EVENT_KEY}`,
-    SHOWN    : `shown${EVENT_KEY}`
-  }
-
-  const Default = {
-    screenCollapseSize: 768
-  }
-
-  const Selector = {
-    TOGGLE_BUTTON    : '[data-widget="pushmenu"]',
-    SIDEBAR_MINI     : '.sidebar-mini',
-    SIDEBAR_COLLAPSED: '.sidebar-collapse',
-    BODY             : 'body',
-    OVERLAY          : '#sidebar-overlay',
-    WRAPPER          : '.wrapper'
-  }
-
-  const ClassName = {
-    SIDEBAR_OPEN: 'sidebar-open',
-    COLLAPSED   : 'sidebar-collapse',
-    OPEN        : 'sidebar-open',
-    SIDEBAR_MINI: 'sidebar-mini'
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class PushMenu {
-    constructor(element, options) {
-      this._element = element
-      this._options = $.extend({}, Default, options)
-
-      if (!$(Selector.OVERLAY).length) {
-        this._addOverlay()
-      }
-    }
-
-    // Public
-
-    show() {
-      $(Selector.BODY).addClass(ClassName.OPEN).removeClass(ClassName.COLLAPSED)
-
-      const shownEvent = $.Event(Event.SHOWN)
-      $(this._element).trigger(shownEvent)
-    }
-
-    collapse() {
-      $(Selector.BODY).removeClass(ClassName.OPEN).addClass(ClassName.COLLAPSED)
-
-      const collapsedEvent = $.Event(Event.COLLAPSED)
-      $(this._element).trigger(collapsedEvent)
-    }
-
-    toggle() {
-      let isShown
-      if ($(window).width() >= this._options.screenCollapseSize) {
-        isShown = !$(Selector.BODY).hasClass(ClassName.COLLAPSED)
-      } else {
-        isShown = $(Selector.BODY).hasClass(ClassName.OPEN)
-      }
-
-      if (isShown) {
-        this.collapse()
-      } else {
-        this.show()
-      }
-    }
-
-    // Private
-    _addOverlay() {
-      const overlay = $('<div />', {
-        id: 'sidebar-overlay'
-      })
-
-      overlay.on('click', () => {
-        this.collapse()
-      })
-
-      $(Selector.WRAPPER).append(overlay)
-    }
-
-    // Static
-
-    static _jQueryInterface(operation) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new PushMenu(this)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (operation) {
-          data[operation]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.TOGGLE_BUTTON, (event) => {
-    event.preventDefault()
-
-    let button = event.currentTarget
-
-    if ($(button).data('widget') !== 'pushmenu') {
-      button = $(button).closest(Selector.TOGGLE_BUTTON)
-    }
-
-    PushMenu._jQueryInterface.call($(button), 'toggle')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = PushMenu._jQueryInterface
-  $.fn[NAME].Constructor = PushMenu
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return PushMenu._jQueryInterface
-  }
-
-  return PushMenu
-})(jQuery)
-
-export default PushMenu

build/js/SiteSearch.js

@@ -1,127 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE SiteSearch.js
- * License MIT
- * --------------------------------------------
- */
-
-const SiteSearch = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'SiteSearch'
-  const DATA_KEY           = 'lte.site-search'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {}
-
-  const Selector = {
-    TOGGLE_BUTTON  : '[data-widget="site-search"]',
-    SEARCH_BLOCK   : '.site-search-block',
-    SEARCH_BACKDROP: '.site-search-backdrop',
-    SEARCH_INPUT   : '.site-search-block .form-control'
-  }
-
-  const ClassName = {
-    OPEN: 'site-search-open'
-  }
-
-  const Default = {
-    transitionSpeed: 300
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-
-  class SiteSearch {
-
-    constructor(_element, _options) {
-      this.element = _element
-      this.options = $.extend({}, Default, _options)
-    }
-
-    // Public
-
-    open() {
-      $(Selector.SEARCH_BLOCK).slideDown(this.options.transitionSpeed)
-      $(Selector.SEARCH_BACKDROP).show(0)
-      $(Selector.SEARCH_INPUT).focus()
-      $(Selector.SEARCH_BLOCK).addClass(ClassName.OPEN)
-    }
-
-    close() {
-      $(Selector.SEARCH_BLOCK).slideUp(this.options.transitionSpeed)
-      $(Selector.SEARCH_BACKDROP).hide(0)
-      $(Selector.SEARCH_BLOCK).removeClass(ClassName.OPEN)
-    }
-
-    toggle() {
-      if ($(Selector.SEARCH_BLOCK).hasClass(ClassName.OPEN)) {
-        this.close()
-      } else {
-        this.open()
-      }
-    }
-
-    // Static
-
-    static _jQueryInterface(options) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new SiteSearch(this, options)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (!/toggle|close/.test(options)) {
-          throw Error(`Undefined method ${options}`)
-        }
-
-        data[options]()
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-  $(document).on('click', Selector.TOGGLE_BUTTON, (event) => {
-    event.preventDefault()
-
-    let button = $(event.currentTarget)
-
-    if (button.data('widget') !== 'site-search') {
-      button = button.closest(Selector.TOGGLE_BUTTON)
-    }
-
-    SiteSearch._jQueryInterface.call(button, 'toggle')
-  })
-
-  $(document).on('click', Selector.SEARCH_BACKDROP, (event) => {
-    const backdrop = $(event.currentTarget)
-    SiteSearch._jQueryInterface.call(backdrop, 'close')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = SiteSearch._jQueryInterface
-  $.fn[NAME].Constructor = SiteSearch
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return SiteSearch._jQueryInterface
-  }
-
-  return SiteSearch
-})(jQuery)
-
-export default SiteSearch

build/js/Treeview.js

@@ -1,162 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Treeview.js
- * License MIT
- * --------------------------------------------
- */
-
-const Treeview = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Treeview'
-  const DATA_KEY           = 'lte.treeview'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    SELECTED     : `selected${EVENT_KEY}`,
-    EXPANDED     : `expanded${EVENT_KEY}`,
-    COLLAPSED    : `collapsed${EVENT_KEY}`,
-    LOAD_DATA_API: `load${EVENT_KEY}`
-  }
-
-  const Selector = {
-    LI           : '.nav-item',
-    LINK         : '.nav-link',
-    TREEVIEW_MENU: '.nav-treeview',
-    OPEN         : '.menu-open',
-    DATA_WIDGET  : '[data-widget="treeview"]'
-  }
-
-  const ClassName = {
-    LI           : 'nav-item',
-    LINK         : 'nav-link',
-    TREEVIEW_MENU: 'nav-treeview',
-    OPEN         : 'menu-open'
-  }
-
-  const Default = {
-    trigger       : `${Selector.DATA_WIDGET} ${Selector.LINK}`,
-    animationSpeed: 300,
-    accordion     : true
-  }
-
-  /**
-   * Class Definition
-   * ====================================================
-   */
-  class Treeview {
-    constructor(element, config) {
-      this._config  = config
-      this._element = element
-    }
-
-    // Public
-
-    init() {
-      this._setupListeners()
-    }
-
-    expand(treeviewMenu, parentLi) {
-      const expandedEvent = $.Event(Event.EXPANDED)
-
-      if (this._config.accordion) {
-        const openMenuLi   = parentLi.siblings(Selector.OPEN).first()
-        const openTreeview = openMenuLi.find(Selector.TREEVIEW_MENU).first()
-        this.collapse(openTreeview, openMenuLi)
-      }
-
-      treeviewMenu.slideDown(this._config.animationSpeed, () => {
-        parentLi.addClass(ClassName.OPEN)
-        $(this._element).trigger(expandedEvent)
-      })
-    }
-
-    collapse(treeviewMenu, parentLi) {
-      const collapsedEvent = $.Event(Event.COLLAPSED)
-
-      treeviewMenu.slideUp(this._config.animationSpeed, () => {
-        parentLi.removeClass(ClassName.OPEN)
-        $(this._element).trigger(collapsedEvent)
-        treeviewMenu.find(`${Selector.OPEN} > ${Selector.TREEVIEW_MENU}`).slideUp()
-        treeviewMenu.find(Selector.OPEN).removeClass(ClassName.OPEN)
-      })
-    }
-
-    toggle(event) {
-      const $relativeTarget = $(event.currentTarget)
-      const treeviewMenu    = $relativeTarget.next()
-
-      if (!treeviewMenu.is(Selector.TREEVIEW_MENU)) {
-        return
-      }
-
-      event.preventDefault()
-
-      const parentLi = $relativeTarget.parents(Selector.LI).first()
-      const isOpen   = parentLi.hasClass(ClassName.OPEN)
-
-      if (isOpen) {
-        this.collapse($(treeviewMenu), parentLi)
-      } else {
-        this.expand($(treeviewMenu), parentLi)
-      }
-    }
-
-    // Private
-
-    _setupListeners() {
-      $(document).on('click', this._config.trigger, (event) => {
-        this.toggle(event)
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data      = $(this).data(DATA_KEY)
-        const _config = $.extend({}, Default, $(this).data())
-
-        if (!data) {
-          data = new Treeview($(this), _config)
-          $(this).data(DATA_KEY, data)
-        }
-
-        if (config === 'init') {
-          data[config]()
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(window).on(Event.LOAD_DATA_API, () => {
-    $(Selector.DATA_WIDGET).each(function () {
-      Treeview._jQueryInterface.call($(this), 'init')
-    })
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Treeview._jQueryInterface
-  $.fn[NAME].Constructor = Treeview
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Treeview._jQueryInterface
-  }
-
-  return Treeview
-})(jQuery)
-
-export default Treeview

build/js/Widget.js

@@ -1,161 +0,0 @@
-/**
- * --------------------------------------------
- * AdminLTE Widget.js
- * License MIT
- * --------------------------------------------
- */
-
-const Widget = (($) => {
-  /**
-   * Constants
-   * ====================================================
-   */
-
-  const NAME               = 'Widget'
-  const DATA_KEY           = 'lte.widget'
-  const EVENT_KEY          = `.${DATA_KEY}`
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
-
-  const Event = {
-    EXPANDED : `expanded${EVENT_KEY}`,
-    COLLAPSED: `collapsed${EVENT_KEY}`,
-    REMOVED  : `removed${EVENT_KEY}`
-  }
-
-  const Selector = {
-    DATA_REMOVE  : '[data-widget="remove"]',
-    DATA_COLLAPSE: '[data-widget="collapse"]',
-    CARD         : '.card',
-    CARD_HEADER  : '.card-header',
-    CARD_BODY    : '.card-body',
-    CARD_FOOTER  : '.card-footer',
-    COLLAPSED    : '.collapsed-card'
-  }
-
-  const ClassName = {
-    COLLAPSED: 'collapsed-card'
-  }
-
-  const Default = {
-    animationSpeed : 'normal',
-    collapseTrigger: Selector.DATA_COLLAPSE,
-    removeTrigger  : Selector.DATA_REMOVE
-  }
-
-  class Widget {
-    constructor(element, settings) {
-      this._element  = element
-      this._parent   = element.parents(Selector.CARD).first()
-      this._settings = $.extend({}, Default, settings)
-    }
-
-    collapse() {
-      this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`)
-        .slideUp(this._settings.animationSpeed, () => {
-          this._parent.addClass(ClassName.COLLAPSED)
-        })
-
-      const collapsed = $.Event(Event.COLLAPSED)
-
-      this._element.trigger(collapsed, this._parent)
-    }
-
-    expand() {
-      this._parent.children(`${Selector.CARD_BODY}, ${Selector.CARD_FOOTER}`)
-        .slideDown(this._settings.animationSpeed, () => {
-          this._parent.removeClass(ClassName.COLLAPSED)
-        })
-
-      const expanded = $.Event(Event.EXPANDED)
-
-      this._element.trigger(expanded, this._parent)
-    }
-
-    remove() {
-      this._parent.slideUp()
-
-      const removed = $.Event(Event.REMOVED)
-
-      this._element.trigger(removed, this._parent)
-    }
-
-    toggle() {
-      if (this._parent.hasClass(ClassName.COLLAPSED)) {
-        this.expand()
-        return
-      }
-
-      this.collapse()
-    }
-
-    // Private
-
-    _init(card) {
-      this._parent = card
-
-      $(this).find(this._settings.collapseTrigger).click(() => {
-        this.toggle()
-      })
-
-      $(this).find(this._settings.removeTrigger).click(() => {
-        this.remove()
-      })
-    }
-
-    // Static
-
-    static _jQueryInterface(config) {
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-
-        if (!data) {
-          data = new Widget($(this), data)
-          $(this).data(DATA_KEY, typeof config === 'string' ? data : config)
-        }
-
-        if (typeof config === 'string' && config.match(/remove|toggle/)) {
-          data[config]()
-        } else if (typeof config === 'object') {
-          data._init($(this))
-        }
-      })
-    }
-  }
-
-  /**
-   * Data API
-   * ====================================================
-   */
-
-  $(document).on('click', Selector.DATA_COLLAPSE, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    Widget._jQueryInterface.call($(this), 'toggle')
-  })
-
-  $(document).on('click', Selector.DATA_REMOVE, function (event) {
-    if (event) {
-      event.preventDefault()
-    }
-
-    Widget._jQueryInterface.call($(this), 'remove')
-  })
-
-  /**
-   * jQuery API
-   * ====================================================
-   */
-
-  $.fn[NAME] = Widget._jQueryInterface
-  $.fn[NAME].Constructor = Widget
-  $.fn[NAME].noConflict  = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Widget._jQueryInterface
-  }
-
-  return Widget
-})(jQuery)
-
-export default Widget

build/npm/Plugins.js

@@ -1,51 +0,0 @@
-const Plugins = [
-  // jQuery
-  {
-    from: 'node_modules/jquery/dist',
-    to  : 'plugins/jquery'
-  },
-  // Popper
-  {
-    from: 'node_modules/popper.js/dist',
-    to  : 'plugins/popper'
-  },
-  // Bootstrap
-  {
-    from: 'node_modules/bootstrap/dist',
-    to  : 'plugins/bootstrap'
-  },
-  // Font Awesome
-  {
-    from: 'node_modules/font-awesome/css',
-    to  : 'plugins/font-awesome/css'
-  },
-  {
-    from: 'node_modules/font-awesome/fonts',
-    to  : 'plugins/font-awesome/fonts'
-  },
-  // Chart.js 2
-  {
-    from: 'node_modules/chart.js/dist/',
-    to  : 'plugins/chart.js'
-  },
-  // CKEditor
-  {
-    from: 'node_modules/@ckeditor/ckeditor5-build-classic/build/',
-    to  : 'plugins/ckeditor'
-  },
-  // DataTables
-  {
-    from: 'node_modules/datatables.net/js',
-    to: 'plugins/datatables'
-  },
-  {
-    from: 'node_modules/datatables.net-bs4/js',
-    to: 'plugins/datatables'
-  },
-  {
-    from: 'node_modules/datatables.net-bs4/css',
-    to: 'plugins/datatables'
-  }
-]
-
-module.exports = Plugins

build/npm/Publish.js

@@ -1,41 +0,0 @@
-const Plugins = require('./Plugins')
-const ncp     = require('ncp').ncp
-
-class Publish {
-  constructor() {
-    this.options = {
-      verbose: false
-    }
-
-    this.getArguments()
-  }
-
-  getArguments() {
-    if (process.argv.length > 2) {
-      let arg = process.argv[2]
-      switch (arg) {
-        case '-v':
-        case '--verbose':
-          this.options.verbose = true
-          break
-        default:
-          throw new Error(`Unknown option ${arg}`)
-      }
-    }
-  }
-
-  run() {
-    // Publish files
-    Plugins.forEach((module) => {
-      ncp(module.from, module.to, error => {
-        if (error) {
-          console.error(`Error: ${error}`)
-        } else if (this.options.verbose) {
-          console.log(`Copied ${module.from} to ${module.to}`)
-        }
-      })
-    })
-  }
-}
-
-(new Publish()).run()

build/scss/.csslintrc

@@ -1,23 +0,0 @@
-{
-  "adjoining-classes": false,
-  "box-sizing": false,
-  "box-model": false,
-  "compatible-vendor-prefixes": false,
-  "floats": false,
-  "font-sizes": false,
-  "gradients": false,
-  "important": false,
-  "known-properties": false,
-  "outline-none": false,
-  "qualified-headings": false,
-  "regex-selectors": false,
-  "shorthand": false,
-  "text-indent": false,
-  "unique-headings": false,
-  "universal-selector": false,
-  "unqualified-attributes": false,
-  "ids": false,
-  "fallback-colors": false,
-  "vendor-prefix": false,
-  "import": false
-}

build/scss/AdminLTE-raw.scss

@@ -1,66 +0,0 @@
-/*!
- *   AdminLTE v3.0.0-alpha
- *   Author: Abdullah Almsaeed
- *	 Website: AdminLTE.io <http://adminlte.io>
- *   License: Open source - MIT <http://opensource.org/licenses/MIT>
- */
-//
-// ------------------------------------------------------------------
-// This file is to be included in your custom SCSS. Before importing
-// this file, you should include your custom AdminLTE and Bootstrap
-// variables followed by bootstrap.scss and then this file. It's
-// ok to import this file without custom variables too!
-// NOTE: be sure to keep the license notice in the generated css.
-// ------------------------------------------------------------------
-//
-// VARIABLES AND MIXINS
-// ---------------------------------------------------
-@import "bootstrap-variables";
-@import "variables";
-@import "mixins";
-// Core
-// ---------------------------------------------------
-@import "layout";
-// COMPONENTS
-// ---------------------------------------------------
-@import "main-header";
-@import "brand";
-@import "main-sidebar";
-@import "sidebar-mini";
-@import "control-sidebar";
-@import "dropdown";
-@import "forms";
-@import "progress-bars";
-@import "small-box";
-@import "cards";
-@import "info-box";
-@import "timeline";
-@import "buttons";
-@import "callout";
-@import "alerts";
-@import "navs";
-@import "products";
-@import "table";
-@import "labels";
-@import "direct-chat";
-@import "users-list";
-@import "carousel";
-@import "social-widgets";
-// PAGES
-// ---------------------------------------------------
-@import "mailbox";
-@import "lockscreen";
-@import "login_and_register";
-@import "404_500_errors";
-@import "invoice";
-@import "profile";
-// Plugins
-// ---------------------------------------------------
-@import "fullcalendar";
-@import "select2";
-// Miscellaneous
-// ---------------------------------------------------
-@import "miscellaneous";
-@import "print";
-@import "text";
-@import "elevation";

build/scss/AdminLTE.scss

@@ -1,61 +0,0 @@
-/*!
- *   AdminLTE v3.0.0-alpha
- *   Author: Abdullah Almsaeed
- *	 Website: AdminLTE.io <http://adminlte.io>
- *   License: Open source - MIT <http://opensource.org/licenses/MIT>
- */
-// Bootstrap
-// ---------------------------------------------------
-@import "../../node_modules/bootstrap/scss/functions";
-@import "bootstrap-variables";
-@import "../../node_modules/bootstrap/scss/bootstrap";
-// VARIABLES AND MIXINS
-// ---------------------------------------------------
-@import "variables";
-@import "mixins";
-// Core
-// ---------------------------------------------------
-@import "layout";
-// COMPONENTS
-// ---------------------------------------------------
-@import "main-header";
-@import "brand";
-@import "main-sidebar";
-@import "sidebar-mini";
-@import "control-sidebar";
-@import "dropdown";
-@import "forms";
-@import "progress-bars";
-@import "small-box";
-@import "cards";
-@import "info-box";
-@import "timeline";
-@import "buttons";
-@import "callout";
-@import "alerts";
-@import "navs";
-@import "products";
-@import "table";
-@import "labels";
-@import "direct-chat";
-@import "users-list";
-@import "carousel";
-@import "social-widgets";
-// PAGES
-// ---------------------------------------------------
-@import "mailbox";
-@import "lockscreen";
-@import "login_and_register";
-@import "404_500_errors";
-@import "invoice";
-@import "profile";
-// Plugins
-// ---------------------------------------------------
-@import "fullcalendar";
-@import "select2";
-// Miscellaneous
-// ---------------------------------------------------
-@import "miscellaneous";
-@import "print";
-@import "text";
-@import "elevation";

build/scss/_404_500_errors.scss

@@ -1,36 +0,0 @@
-/*
- * Page: 400 and 500 error pages
- * ------------------------------
- */
-.error-page {
-  width: 600px;
-  margin: 20px auto 0 auto;
-  @include media-breakpoint-down(sm) {
-    width: 100%;
-  }
-  //For the error number e.g: 404
-  > .headline {
-    float: left;
-    font-size: 100px;
-    font-weight: 300;
-    @include media-breakpoint-down(sm) {
-      float: none;
-      text-align: center;
-    }
-  }
-  //For the message
-  > .error-content {
-    margin-left: 190px;
-    @include media-breakpoint-down(sm) {
-      margin-left: 0;
-    }
-    > h3 {
-      font-weight: 300;
-      font-size: 25px;
-      @include media-breakpoint-down(sm) {
-        text-align: center;
-      }
-    }
-    display: block;
-  }
-}

build/scss/_alerts.scss

@@ -1,45 +0,0 @@
-/*
- * Component: alert
- * ----------------
- */
-
-.alert {
-  .icon {
-    margin-right: 10px;
-  }
-
-  .close {
-    color: #000;
-    opacity: .2;
-    &:hover {
-      opacity: .5;
-    }
-  }
-
-  a {
-    color: $white;
-    text-decoration: underline;
-  }
-}
-
-//Alert Variants
-.alert-success {
-  @extend .bg-success;
-  border-color: darken(theme-color("success"), 5%);
-}
-
-.alert-danger,
-.alert-error {
-  @extend .bg-danger;
-  border-color: darken(theme-color("danger"), 5%);
-}
-
-.alert-warning {
-  @extend .bg-warning;
-  border-color: darken(theme-color("warning"), 5%);
-}
-
-.alert-info {
-  @extend .bg-info;
-  border-color: darken(theme-color("info"), 5%);
-}

build/scss/_bootstrap-variables.scss

@@ -1,894 +0,0 @@
-// Variables
-//
-// Variables should follow the `$component-state-property-size` formula for
-// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-
-
-//
-// Color system
-//
-
-// stylelint-disable
-$white:    #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$grays: () !default;
-$grays: map-merge((
-        "100": $gray-100,
-        "200": $gray-200,
-        "300": $gray-300,
-        "400": $gray-400,
-        "500": $gray-500,
-        "600": $gray-600,
-        "700": $gray-700,
-        "800": $gray-800,
-        "900": $gray-900
-), $grays);
-
-$blue:    #007bff !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #e83e8c !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #28a745 !default;
-$teal:    #20c997 !default;
-$cyan:    #17a2b8 !default;
-
-$colors: () !default;
-$colors: map-merge((
-        "blue":       $blue,
-        "indigo":     $indigo,
-        "purple":     $purple,
-        "pink":       $pink,
-        "red":        $red,
-        "orange":     $orange,
-        "yellow":     $yellow,
-        "green":      $green,
-        "teal":       $teal,
-        "cyan":       $cyan,
-        "white":      $white,
-        "gray":       $gray-600,
-        "gray-dark":  $gray-800
-), $colors);
-
-$primary:       $blue !default;
-$secondary:     $gray-600 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-100 !default;
-$dark:          $gray-800 !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge((
-        "primary":    $primary,
-        "secondary":  $secondary,
-        "success":    $success,
-        "info":       $info,
-        "warning":    $warning,
-        "danger":     $danger,
-        "light":      $light,
-        "dark":       $dark
-), $theme-colors);
-// stylelint-enable
-
-// Set a specific jump point for requesting color jumps
-$theme-color-interval:      8% !default;
-
-// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 150 !default;
-
-// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: #1F2D3D !default;
-$yiq-text-light: $white !default;
-
-// Options
-//
-// Quickly modify global styling by enabling or disabling optional features.
-
-$enable-caret:              true !default;
-$enable-rounded:            true !default;
-$enable-shadows:            true !default;
-$enable-gradients:          false !default;
-$enable-transitions:        true !default;
-$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes:       true !default;
-$enable-print-styles:       true !default;
-
-
-// Spacing
-//
-// Control the default styling of most Bootstrap elements by modifying these
-// variables. Mostly focused on spacing.
-// You can add more entries to the $spacers map, should you need more variation.
-
-// stylelint-disable
-$spacer: 1rem !default;
-$spacers: () !default;
-$spacers: map-merge((
-        0: 0,
-        1: ($spacer * .25),
-        2: ($spacer * .5),
-        3: $spacer,
-        4: ($spacer * 1.5),
-        5: ($spacer * 3)
-), $spacers);
-
-// This variable affects the `.h-*` and `.w-*` classes.
-$sizes: () !default;
-$sizes: map-merge((
-        25: 25%,
-        50: 50%,
-        75: 75%,
-        100: 100%
-), $sizes);
-// stylelint-enable
-
-// Body
-//
-// Settings for the `<body>` element.
-
-$body-bg:                   $white !default;
-$body-color:                $gray-900 !default;
-
-// Links
-//
-// Style anchor elements.
-
-$link-color:                theme-color("primary") !default;
-$link-decoration:           none !default;
-$link-hover-color:          darken($link-color, 15%) !default;
-$link-hover-decoration:     none !default;
-
-// Paragraphs
-//
-// Style p element.
-
-$paragraph-margin-bottom:   1rem !default;
-
-
-// Grid breakpoints
-//
-// Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
-
-$grid-breakpoints: (
-        xs: 0,
-        sm: 576px,
-        md: 768px,
-        lg: 992px,
-        xl: 1200px
-) !default;
-
-@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
-@include _assert-starts-at-zero($grid-breakpoints);
-
-
-// Grid containers
-//
-// Define the maximum width of `.container` for different screen sizes.
-
-$container-max-widths: (
-        sm: 540px,
-        md: 720px,
-        lg: 960px,
-        xl: 1140px
-) !default;
-
-@include _assert-ascending($container-max-widths, "$container-max-widths");
-
-
-// Grid columns
-//
-// Set the number of columns and specify the width of the gutters.
-
-$grid-columns:                12 !default;
-$grid-gutter-width:           15px !default;
-
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg:              1.5 !default;
-$line-height-sm:              1.5 !default;
-
-$border-width:                1px !default;
-$border-color:                $gray-300 !default;
-
-$border-radius:               .25rem !default;
-$border-radius-lg:            .3rem !default;
-$border-radius-sm:            .2rem !default;
-
-$component-active-color:      $white !default;
-$component-active-bg:         theme-color("primary") !default;
-
-$caret-width:                 .3em !default;
-
-$transition-base:             all .2s ease-in-out !default;
-$transition-fade:             opacity .15s linear !default;
-$transition-collapse:         height .35s ease !default;
-
-
-// Fonts
-//
-// Font, line-height, and color for body text, headings, and more.
-
-// stylelint-disable value-keyword-case
-$font-family-sans-serif:      "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base:            $font-family-sans-serif !default;
-// stylelint-enable value-keyword-case
-
-$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg:                ($font-size-base * 1.25) !default;
-$font-size-sm:                ($font-size-base * .875) !default;
-
-$font-weight-light:           300 !default;
-$font-weight-normal:          400 !default;
-$font-weight-bold:            700 !default;
-
-$font-weight-base:            $font-weight-normal !default;
-$line-height-base:            1.5 !default;
-
-$h1-font-size:                $font-size-base * 2.5 !default;
-$h2-font-size:                $font-size-base * 2 !default;
-$h3-font-size:                $font-size-base * 1.75 !default;
-$h4-font-size:                $font-size-base * 1.5 !default;
-$h5-font-size:                $font-size-base * 1.25 !default;
-$h6-font-size:                $font-size-base !default;
-
-$headings-margin-bottom:      ($spacer / 2) !default;
-$headings-font-family:        inherit !default;
-$headings-font-weight:        500 !default;
-$headings-line-height:        1.2 !default;
-$headings-color:              inherit !default;
-
-$display1-size:               6rem !default;
-$display2-size:               5.5rem !default;
-$display3-size:               4.5rem !default;
-$display4-size:               3.5rem !default;
-
-$display1-weight:             300 !default;
-$display2-weight:             300 !default;
-$display3-weight:             300 !default;
-$display4-weight:             300 !default;
-$display-line-height:         $headings-line-height !default;
-
-$lead-font-size:              ($font-size-base * 1.25) !default;
-$lead-font-weight:            300 !default;
-
-$small-font-size:             80% !default;
-
-$text-muted:                  $gray-600 !default;
-
-$blockquote-small-color:      $gray-600 !default;
-$blockquote-font-size:        ($font-size-base * 1.25) !default;
-
-$hr-border-color:             rgba($black, .1) !default;
-$hr-border-width:             $border-width !default;
-
-$mark-padding:                .2em !default;
-
-$dt-font-weight:              $font-weight-bold !default;
-
-$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
-$nested-kbd-font-weight:      $font-weight-bold !default;
-
-$list-inline-padding:         .5rem !default;
-
-$mark-bg:                     #fcf8e3 !default;
-
-$hr-margin-y:                 $spacer !default;
-
-
-// Tables
-//
-// Customizes the `.table` component with basic values, each used across all table variations.
-
-$table-cell-padding:          .75rem !default;
-$table-cell-padding-sm:       .3rem !default;
-
-$table-bg:                    transparent !default;
-$table-accent-bg:             rgba($black, .05) !default;
-$table-hover-bg:              rgba($black, .075) !default;
-$table-active-bg:             $table-hover-bg !default;
-
-$table-border-width:          $border-width !default;
-$table-border-color:          $gray-300 !default;
-
-$table-head-bg:               $gray-200 !default;
-$table-head-color:            $gray-700 !default;
-
-$table-dark-bg:               $gray-900 !default;
-$table-dark-accent-bg:        rgba($white, .05) !default;
-$table-dark-hover-bg:         rgba($white, .075) !default;
-$table-dark-border-color:     lighten($gray-900, 7.5%) !default;
-$table-dark-color:            $body-bg !default;
-
-
-// Buttons + Forms
-//
-// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-
-$input-btn-padding-y:         .375rem !default;
-$input-btn-padding-x:         .75rem !default;
-$input-btn-line-height:       $line-height-base !default;
-
-$input-btn-focus-width:       .2rem !default;
-$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
-$input-btn-padding-y-sm:      .25rem !default;
-$input-btn-padding-x-sm:      .5rem !default;
-$input-btn-line-height-sm:    $line-height-sm !default;
-
-$input-btn-padding-y-lg:      .5rem !default;
-$input-btn-padding-x-lg:      1rem !default;
-$input-btn-line-height-lg:    $line-height-lg !default;
-
-$input-btn-border-width:      $border-width !default;
-
-
-// Buttons
-//
-// For each of Bootstrap's buttons, define text, background, and border color.
-
-$btn-padding-y:               $input-btn-padding-y !default;
-$btn-padding-x:               $input-btn-padding-x !default;
-$btn-line-height:             $input-btn-line-height !default;
-
-$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
-$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
-$btn-line-height-sm:          $input-btn-line-height-sm !default;
-
-$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
-$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
-$btn-line-height-lg:          $input-btn-line-height-lg !default;
-
-$btn-border-width:            $input-btn-border-width !default;
-
-$btn-font-weight:             $font-weight-normal !default;
-$btn-box-shadow:              0 1px 1px rgba($black, .075) !default;
-$btn-focus-width:             $input-btn-focus-width !default;
-$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity:        .65 !default;
-$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
-
-$btn-link-disabled-color:     $gray-600 !default;
-
-$btn-block-spacing-y:         .5rem !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius:           $border-radius !default;
-$btn-border-radius-lg:        $border-radius-lg !default;
-$btn-border-radius-sm:        $border-radius-sm !default;
-
-$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-
-// Forms
-
-$input-padding-y:                       $input-btn-padding-y !default;
-$input-padding-x:                       $input-btn-padding-x !default;
-$input-line-height:                     $input-btn-line-height !default;
-
-$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
-$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
-$input-line-height-sm:                  $input-btn-line-height-sm !default;
-
-$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
-$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
-$input-line-height-lg:                  $input-btn-line-height-lg !default;
-
-$input-bg:                              $white !default;
-$input-disabled-bg:                     $gray-200 !default;
-
-$input-color:                           $gray-700 !default;
-$input-border-color:                    $gray-400 !default;
-$input-border-width:                    $input-btn-border-width !default;
-$input-box-shadow:                      inset 0 0 0 rgba($black, 0) !default;
-
-$input-border-radius:                   $border-radius !default;
-$input-border-radius-lg:                $border-radius-lg !default;
-$input-border-radius-sm:                $border-radius-sm !default;
-
-$input-focus-bg:                        $input-bg !default;
-$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
-$input-focus-color:                     $input-color !default;
-$input-focus-width:                     $input-btn-focus-width !default;
-$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
-
-$input-placeholder-color:               $gray-600 !default;
-
-$input-height-border:                   $input-border-width * 2 !default;
-
-$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
-$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
-
-$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
-
-$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
-
-$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
-$form-text-margin-top:                  .25rem !default;
-
-$form-check-input-gutter:               1.25rem !default;
-$form-check-input-margin-y:             .3rem !default;
-$form-check-input-margin-x:             .25rem !default;
-
-$form-check-inline-margin-x:            .75rem !default;
-$form-check-inline-input-margin-x:      .3125rem !default;
-
-$form-group-margin-bottom:              1rem !default;
-
-$input-group-addon-color:               $input-color !default;
-$input-group-addon-bg:                  $gray-200 !default;
-$input-group-addon-border-color:        $input-border-color !default;
-
-$custom-control-gutter:                 1.5rem !default;
-$custom-control-spacer-x:               1rem !default;
-
-$custom-control-indicator-size:         1rem !default;
-$custom-control-indicator-bg:           $gray-300 !default;
-$custom-control-indicator-bg-size:      50% 50% !default;
-$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
-
-$custom-control-indicator-disabled-bg:          $gray-200 !default;
-$custom-control-label-disabled-color:           $gray-600 !default;
-
-$custom-control-indicator-checked-color:        $component-active-color !default;
-$custom-control-indicator-checked-bg:           $component-active-bg !default;
-$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
-$custom-control-indicator-checked-box-shadow:   none !default;
-
-$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
-
-$custom-control-indicator-active-color:         $component-active-color !default;
-$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
-$custom-control-indicator-active-box-shadow:    none !default;
-
-$custom-checkbox-indicator-border-radius:       $border-radius !default;
-$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate:  str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
-
-$custom-radio-indicator-border-radius:          50% !default;
-$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$custom-select-padding-y:           .375rem !default;
-$custom-select-padding-x:          .75rem !default;
-$custom-select-height:              $input-height !default;
-$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height:         $input-btn-line-height !default;
-$custom-select-color:               $input-color !default;
-$custom-select-disabled-color:      $gray-600 !default;
-$custom-select-bg:                  $white !default;
-$custom-select-disabled-bg:         $gray-200 !default;
-$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color:     $gray-800 !default;
-$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$custom-select-border-width:        $input-btn-border-width !default;
-$custom-select-border-color:        $input-border-color !default;
-$custom-select-border-radius:       $border-radius !default;
-
-$custom-select-focus-border-color:  $input-focus-border-color !default;
-$custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
-
-$custom-select-font-size-sm:        75% !default;
-$custom-select-height-sm:           $input-height-sm !default;
-
-$custom-select-font-size-lg:        125% !default;
-$custom-select-height-lg:           $input-height-lg !default;
-
-$custom-file-height:                $input-height !default;
-$custom-file-focus-border-color:    $input-focus-border-color !default;
-$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
-
-$custom-file-padding-y:             $input-btn-padding-y !default;
-$custom-file-padding-x:             $input-btn-padding-x !default;
-$custom-file-line-height:           $input-btn-line-height !default;
-$custom-file-color:                 $input-color !default;
-$custom-file-bg:                    $input-bg !default;
-$custom-file-border-width:          $input-btn-border-width !default;
-$custom-file-border-color:          $input-border-color !default;
-$custom-file-border-radius:         $input-border-radius !default;
-$custom-file-box-shadow:            $input-box-shadow !default;
-$custom-file-button-color:          $custom-file-color !default;
-$custom-file-button-bg:             $input-group-addon-bg !default;
-$custom-file-text: (
-        en: "Browse"
-) !default;
-
-
-// Form validation
-$form-feedback-margin-top:          $form-text-margin-top !default;
-$form-feedback-font-size:           $small-font-size !default;
-$form-feedback-valid-color:         theme-color("success") !default;
-$form-feedback-invalid-color:       theme-color("danger") !default;
-
-
-// Dropdowns
-//
-// Dropdown menu container and contents.
-
-$dropdown-min-width:                10rem !default;
-$dropdown-padding-y:                .5rem !default;
-$dropdown-spacer:                   .125rem !default;
-$dropdown-bg:                       $white !default;
-$dropdown-border-color:             rgba($black, .15) !default;
-$dropdown-border-radius:            $border-radius !default;
-$dropdown-border-width:             $border-width !default;
-$dropdown-divider-bg:               $gray-200 !default;
-$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
-
-$dropdown-link-color:               $gray-900 !default;
-$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg:            $gray-100 !default;
-
-$dropdown-link-active-color:        $component-active-color !default;
-$dropdown-link-active-bg:           $component-active-bg !default;
-
-$dropdown-link-disabled-color:      $gray-600 !default;
-
-$dropdown-item-padding-y:           .25rem !default;
-$dropdown-item-padding-x:           1rem !default;
-
-$dropdown-header-color:             $gray-600 !default;
-
-
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-
-$zindex-dropdown:                   1000 !default;
-$zindex-sticky:                     1020 !default;
-$zindex-fixed:                      1030 !default;
-$zindex-modal-backdrop:             1040 !default;
-$zindex-modal:                      1050 !default;
-$zindex-popover:                    1060 !default;
-$zindex-tooltip:                    1070 !default;
-
-// Navs
-
-$nav-link-padding-y:                .5rem !default;
-$nav-link-padding-x:                1rem !default;
-$nav-link-disabled-color:           $gray-600 !default;
-
-$nav-tabs-border-color:             $gray-300 !default;
-$nav-tabs-border-width:             $border-width !default;
-$nav-tabs-border-radius:            $border-radius !default;
-$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color:        $gray-700 !default;
-$nav-tabs-link-active-bg:           $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-
-$nav-pills-border-radius:           $border-radius !default;
-$nav-pills-link-active-color:       $component-active-color !default;
-$nav-pills-link-active-bg:          $component-active-bg !default;
-
-// Navbar
-
-$navbar-padding-y:                  ($spacer / 2) !default;
-$navbar-padding-x:                  ($spacer / 2) !default;
-
-$navbar-nav-link-padding-x:         1rem !default;
-
-$navbar-brand-font-size:            $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
-$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
-
-$navbar-toggler-padding-y:          .25rem !default;
-$navbar-toggler-padding-x:          .75rem !default;
-$navbar-toggler-font-size:          $font-size-lg !default;
-$navbar-toggler-border-radius:      $btn-border-radius !default;
-
-$navbar-dark-color:                 rgba($white, .75) !default;
-$navbar-dark-hover-color:           rgba($white, 1) !default;
-$navbar-dark-active-color:          $white !default;
-$navbar-dark-disabled-color:        rgba($white, .25) !default;
-$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
-
-$navbar-light-color:                rgba($black, .5) !default;
-$navbar-light-hover-color:          rgba($black, .7) !default;
-$navbar-light-active-color:         rgba($black, .9) !default;
-$navbar-light-disabled-color:       rgba($black, .3) !default;
-$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
-$navbar-light-toggler-border-color: rgba($black, .1) !default;
-
-// Pagination
-
-$pagination-padding-y:              .5rem !default;
-$pagination-padding-x:              .75rem !default;
-$pagination-padding-y-sm:           .25rem !default;
-$pagination-padding-x-sm:           .5rem !default;
-$pagination-padding-y-lg:           .75rem !default;
-$pagination-padding-x-lg:           1.5rem !default;
-$pagination-line-height:            1.25 !default;
-
-$pagination-color:                  $link-color !default;
-$pagination-bg:                     $white !default;
-$pagination-border-width:           $border-width !default;
-$pagination-border-color:           $gray-300 !default;
-
-$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
-
-$pagination-hover-color:            $link-hover-color !default;
-$pagination-hover-bg:               $gray-200 !default;
-$pagination-hover-border-color:     $gray-300 !default;
-
-$pagination-active-color:           $component-active-color !default;
-$pagination-active-bg:              $component-active-bg !default;
-$pagination-active-border-color:    $pagination-active-bg !default;
-
-$pagination-disabled-color:         $gray-600 !default;
-$pagination-disabled-bg:            $white !default;
-$pagination-disabled-border-color:  $gray-300 !default;
-
-
-// Jumbotron
-
-$jumbotron-padding:                 2rem !default;
-$jumbotron-bg:                      $gray-200 !default;
-
-
-// Cards
-
-$card-spacer-y:                     .75rem !default;
-$card-spacer-x:                     1.25rem !default;
-$card-border-width:                 0 !default; //$border-width !default;
-$card-border-radius:                $border-radius !default;
-$card-border-color:                 rgba($black, .125) !default;
-$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
-$card-cap-bg:                       rgba($black, .03) !default;
-$card-bg:                           $white !default;
-
-$card-img-overlay-padding:          1.25rem !default;
-
-$card-group-margin:                 ($grid-gutter-width / 2) !default;
-$card-deck-margin:                  $card-group-margin !default;
-
-$card-columns-count:                3 !default;
-$card-columns-gap:                  1.25rem !default;
-$card-columns-margin:               $card-spacer-y !default;
-
-
-// Tooltips
-
-$tooltip-font-size:           $font-size-sm !default;
-$tooltip-max-width:           200px !default;
-$tooltip-color:               $white !default;
-$tooltip-bg:                  $black !default;
-$tooltip-border-radius:        $border-radius !default;
-$tooltip-opacity:             .9 !default;
-$tooltip-padding-y:           .25rem !default;
-$tooltip-padding-x:           .5rem !default;
-$tooltip-margin:              0 !default;
-
-$tooltip-arrow-width:         .8rem !default;
-$tooltip-arrow-height:        .4rem !default;
-$tooltip-arrow-color:         $tooltip-bg !default;
-
-
-// Popovers
-
-$popover-font-size:                 $font-size-sm !default;
-$popover-bg:                        $white !default;
-$popover-max-width:                 276px !default;
-$popover-border-width:              $border-width !default;
-$popover-border-color:              rgba($black, .2) !default;
-$popover-border-radius:             $border-radius-lg !default;
-$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
-
-$popover-header-bg:                 darken($popover-bg, 3%) !default;
-$popover-header-color:              $headings-color !default;
-$popover-header-padding-y:          .5rem !default;
-$popover-header-padding-x:          .75rem !default;
-
-$popover-body-color:                $body-color !default;
-$popover-body-padding-y:            $popover-header-padding-y !default;
-$popover-body-padding-x:            $popover-header-padding-x !default;
-
-$popover-arrow-width:               1rem !default;
-$popover-arrow-height:              .5rem !default;
-$popover-arrow-color:               $popover-bg !default;
-
-$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
-
-
-// Badges
-
-$badge-font-size:                   75% !default;
-$badge-font-weight:                 $font-weight-bold !default;
-$badge-padding-y:                   .25em !default;
-$badge-padding-x:                   .4em !default;
-$badge-border-radius:               $border-radius !default;
-
-$badge-pill-padding-x:              .6em !default;
-// Use a higher than normal value to ensure completely rounded edges when
-// customizing padding or font-size on labels.
-$badge-pill-border-radius:          10rem !default;
-
-
-// Modals
-
-// Padding applied to the modal body
-$modal-inner-padding:         1rem !default;
-
-$modal-dialog-margin:         .5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
-
-$modal-title-line-height:           $line-height-base !default;
-
-$modal-content-bg:               $white !default;
-$modal-content-border-color:     rgba($black, .2) !default;
-$modal-content-border-width:     $border-width !default;
-$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;
-$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-
-$modal-backdrop-bg:           $black !default;
-$modal-backdrop-opacity:      .5 !default;
-$modal-header-border-color:   $gray-200 !default;
-$modal-footer-border-color:   $modal-header-border-color !default;
-$modal-header-border-width:   $modal-content-border-width !default;
-$modal-footer-border-width:   $modal-header-border-width !default;
-$modal-header-padding:        1rem !default;
-
-$modal-lg:                          800px !default;
-$modal-md:                          500px !default;
-$modal-sm:                          300px !default;
-
-$modal-transition:                  transform .3s ease-out !default;
-
-
-// Alerts
-//
-// Define alert colors, border radius, and padding.
-
-$alert-padding-y:                   .75rem !default;
-$alert-padding-x:                   1.25rem !default;
-$alert-margin-bottom:               1rem !default;
-$alert-border-radius:               $border-radius !default;
-$alert-link-font-weight:            $font-weight-bold !default;
-$alert-border-width:                $border-width !default;
-
-$alert-bg-level:                    -10 !default;
-$alert-border-level:                -9 !default;
-$alert-color-level:                 6 !default;
-
-
-// Progress bars
-
-$progress-height:                   1rem !default;
-$progress-font-size:                ($font-size-base * .75) !default;
-$progress-bg:                       $gray-200 !default;
-$progress-border-radius:            $border-radius !default;
-$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
-$progress-bar-color:                $white !default;
-$progress-bar-bg:                   theme-color("primary") !default;
-$progress-bar-animation-timing:     1s linear infinite !default;
-$progress-bar-transition:           width .6s ease !default;
-
-// List group
-
-$list-group-bg:                     $white !default;
-$list-group-border-color:           rgba($black, .125) !default;
-$list-group-border-width:           $border-width !default;
-$list-group-border-radius:          $border-radius !default;
-
-$list-group-item-padding-y:         .75rem !default;
-$list-group-item-padding-x:         1.25rem !default;
-
-$list-group-hover-bg:               $gray-100 !default;
-$list-group-active-color:           $component-active-color !default;
-$list-group-active-bg:              $component-active-bg !default;
-$list-group-active-border-color:    $list-group-active-bg !default;
-
-$list-group-disabled-color:         $gray-600 !default;
-$list-group-disabled-bg:            $list-group-bg !default;
-
-$list-group-action-color:           $gray-700 !default;
-$list-group-action-hover-color:     $list-group-action-color !default;
-
-$list-group-action-active-color:    $body-color !default;
-$list-group-action-active-bg:       $gray-200 !default;
-
-
-// Image thumbnails
-
-$thumbnail-padding:                 .25rem !default;
-$thumbnail-bg:                      $body-bg !default;
-$thumbnail-border-width:            $border-width !default;
-$thumbnail-border-color:            $gray-300 !default;
-$thumbnail-border-radius:           $border-radius !default;
-$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
-
-
-// Figures
-
-$figure-caption-font-size:          90% !default;
-$figure-caption-color:              $gray-600 !default;
-
-
-// Breadcrumbs
-
-$breadcrumb-padding-y:              .75rem !default;
-$breadcrumb-padding-x:              1rem !default;
-$breadcrumb-item-padding:           .5rem !default;
-
-$breadcrumb-margin-bottom:          1rem !default;
-
-$breadcrumb-bg:                     $gray-200 !default;
-$breadcrumb-divider-color:          $gray-600 !default;
-$breadcrumb-active-color:           $gray-600 !default;
-$breadcrumb-divider:                "/" !default;
-
-
-// Carousel
-
-$carousel-control-color:            $white !default;
-$carousel-control-width:            15% !default;
-$carousel-control-opacity:          .5 !default;
-
-$carousel-indicator-width:          30px !default;
-$carousel-indicator-height:         3px !default;
-$carousel-indicator-spacer:         3px !default;
-$carousel-indicator-active-bg:      $white !default;
-
-$carousel-caption-width:            70% !default;
-$carousel-caption-color:            $white !default;
-
-$carousel-control-icon-width:       20px !default;
-
-$carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
-$carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
-
-$carousel-transition:               transform .6s ease !default;
-
-
-// Close
-
-$close-font-size:                   $font-size-base * 1.5 !default;
-$close-font-weight:                 $font-weight-bold !default;
-$close-color:                       $black !default;
-$close-text-shadow:                 0 1px 0 $white !default;
-
-// Code
-
-$code-font-size:                    87.5% !default;
-$code-color:                        $pink !default;
-
-$kbd-padding-y:                     .2rem !default;
-$kbd-padding-x:                     .4rem !default;
-$kbd-font-size:                     $code-font-size !default;
-$kbd-color:                         $white !default;
-$kbd-bg:                            $gray-900 !default;
-
-$pre-color:                         $gray-900 !default;
-$pre-scrollable-max-height:         340px !default;
-
-
-// Printing
-$print-page-size:                   a3 !default;
-$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;

build/scss/_brand.scss

@@ -1,33 +0,0 @@
-.brand-link {
-  $brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
-  padding: $brand-link-padding-y $sidebar-padding-x;
-  font-size: $navbar-brand-font-size;
-  display: block;
-  line-height: $line-height-lg;
-  white-space: nowrap;
-
-  &:hover {
-    color: $white;
-    text-decoration: none;
-  }
-
-  [class*="sidebar-dark"] & {
-    color: rgba(255,255,255,.8);
-    border-bottom: 1px solid lighten($dark, 10%);
-  }
-
-  [class*="sidebar-light"] & {
-    color: rgba(0,0,0,.8);
-    border-bottom: 1px solid $gray-300;
-  }
-}
-
-.brand-image {
-  float:left;
-  line-height: .8;
-  max-height: 34px;
-  width: auto;
-  margin-left: .8rem;
-  margin-right: .5rem;
-  margin-top: -3px;
-}

build/scss/_buttons.scss

@@ -1,87 +0,0 @@
-/*
- * Component: Button
- * -----------------
- */
-
-.btn {
-  // Flat buttons
-  &.btn-flat {
-    @include border-radius(0);
-    box-shadow: none;
-    border-width: 1px;
-  }
-
-  // input file btn
-  &.btn-file {
-    position: relative;
-    overflow: hidden;
-    > input[type='file'] {
-      position: absolute;
-      top: 0;
-      right: 0;
-      min-width: 100%;
-      min-height: 100%;
-      font-size: 100px;
-      text-align: right;
-      opacity: 0;
-      outline: none;
-      background: white;
-      cursor: inherit;
-      display: block;
-    }
-  }
-}
-
-// Button color variations
-.btn-default {
-  background-color: #f4f4f4;
-  color: #444;
-  border-color: #ddd;
-  &:hover,
-  &:active,
-  &.hover {
-    background-color: darken(#f4f4f4, 5%);
-  }
-}
-
-// Application buttons
-.btn-app {
-  @include border-radius(3px);
-  position: relative;
-  padding: 15px 5px;
-  margin: 0 0 10px 10px;
-  min-width: 80px;
-  height: 60px;
-  text-align: center;
-  color: #666;
-  border: 1px solid #ddd;
-  background-color: #f4f4f4;
-  font-size: 12px;
-  // Icons within the btn
-  > .fa,
-  > .glyphicon,
-  > .ion {
-    font-size: 20px;
-    display: block;
-  }
-
-  &:hover {
-    background: #f4f4f4;
-    color: #444;
-    border-color: #aaa;
-  }
-
-  &:active,
-  &:focus {
-    @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125));
-  }
-
-  // The badge
-  > .badge {
-    position: absolute;
-    top: -3px;
-    right: -10px;
-    font-size: 10px;
-    font-weight: 400;
-  }
-}

build/scss/_callout.scss

@@ -1,48 +0,0 @@
-/*
- * Component: Callout
- * ------------------
- */
-
-// Base styles (regardless of theme)
-.callout {
-  @if $enable-rounded {
-    @include border-radius($border-radius);
-  }
-
-  @if $enable-shadows {
-    @extend .elevation-1;
-  } @else {
-    border: 1px solid $gray-300;
-  }
-
-  @extend .mb-3;
-  background-color: $white;
-  padding: .5rem 1rem .5rem .5rem;
-  border-left: 5px solid #eee;
-
-  a {
-    color: $white;
-    text-decoration: underline;
-    &:hover {
-      color: #eee;
-    }
-  }
-
-  p:last-child {
-    margin-bottom: 0;
-  }
-
-  // Themes for different contexts
-  &.callout-danger {
-    border-left-color: darken(theme-color("danger"), 10%);
-  }
-  &.callout-warning {
-    border-left-color: darken(theme-color("warning"), 10%);
-  }
-  &.callout-info {
-    border-left-color: darken(theme-color("info"), 10%);
-  }
-  &.callout-success {
-    border-left-color: darken(theme-color("success"), 10%);
-  }
-}

build/scss/_cards.scss

@@ -1,338 +0,0 @@
-/*
- * Component: Box
- * --------------
- */
-
-.card {
-  @extend .mb-3;
-  @include box-shadow($card-shadow);
-
-  &.bg-dark {
-    &,
-    .card-body {
-      color: $white;
-    }
-  }
-
-  // collapsed mode
-  &.collapsed-card {
-    .card-body,
-    .card-footer {
-      display: none;
-    }
-  }
-
-  .nav.flex-column {
-    > li {
-      border-bottom: 1px solid $card-border-color;
-      margin: 0;
-      &:last-of-type {
-        border-bottom: none;
-      }
-    }
-  }
-
-  // fixed height to 300px
-  &.height-control {
-    .card-body {
-      max-height: 300px;
-      overflow: auto;
-    }
-  }
-
-  .border-right {
-    border-right: 1px solid $card-border-color;
-  }
-
-  .border-left {
-    border-left: 1px solid $card-border-color;
-  }
-}
-
-.card,
-.overlay-wrapper {
-  // Box overlay for LOADING STATE effect
-  > .overlay,
-  > .loading-img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  .overlay {
-    z-index: 50;
-    background: rgba(255, 255, 255, 0.7);
-    @include border-radius($border-radius);
-    > .fa {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      margin-left: -15px;
-      margin-top: -15px;
-      color: #000;
-      font-size: 30px;
-    }
-  }
-
-  .overlay.dark {
-    background: rgba(0, 0, 0, 0.5);
-  }
-}
-
-// Add clearfix to header, body and footer
-.card-header,
-.card-body,
-.card-footer {
-  @include clearfix();
-}
-
-// Box header
-.card-header {
-  position: relative;
-  background-color: transparent;
-  border-bottom: 1px solid $card-border-color;
-
-  @if $enable-rounded {
-    @include border-top-radius($border-radius);
-  }
-
-  .collapsed-card & {
-    border-bottom: none;
-  }
-
-  > .card-tools {
-    position: absolute;
-    right: 1rem;
-    top: .5rem;
-
-    [data-toggle="tooltip"] {
-      position: relative;
-    }
-  }
-}
-
-.card-title {
-  font-size: $card-title-font-size;
-  font-weight: $card-title-font-weight;
-  margin: 0;
-}
-
-// Box Tools Buttons
-.btn-tool {
-  padding: .25rem .5rem;
-  font-size: $font-size-sm;
-  background: transparent;
-  color: $gray-500;
-
-  .btn-group.show &,
-  &:hover {
-    color: $gray-700;
-  }
-
-  .show &,
-  &:focus {
-    box-shadow: none !important;
-  }
-}
-
-// Box Body
-.card-body {
-  // @include border-radius-sides(0, 0, $border-radius, $border-radius);
-  .no-header & {
-    // @include border-top-radius($border-radius);
-  }
-  // Tables within the box body
-  > .table {
-    margin-bottom: 0;
-    > thead > tr > th,
-    > thead > tr > td {
-      border-top-width: 0;
-    }
-  }
-
-  // Calendar within the box body
-  .fc {
-    margin-top: 5px;
-  }
-
-  .full-width-chart {
-    margin: -19px;
-  }
-
-  &.p-0 .full-width-chart {
-    margin: -9px;
-  }
-}
-
-.chart-legend {
-  @extend .list-unstyled;
-  margin: 10px 0;
-  > li {
-    @media (max-width: map-get($grid-breakpoints, sm)) {
-      float: left;
-      margin-right: 10px;
-    }
-  }
-}
-
-// Comment Box
-.card-comments {
-  background: #f7f7f7;
-  .card-comment {
-    @include clearfix();
-    padding: 8px 0;
-    border-bottom: 1px solid #eee;
-    &:last-of-type {
-      border-bottom: 0;
-    }
-    &:first-of-type {
-      padding-top: 0;
-    }
-    img {
-      @extend .img-sm;
-      float: left;
-    }
-  }
-  .comment-text {
-    margin-left: 40px;
-    color: #555;
-  }
-  .username {
-    color: #444;
-    display: block;
-    font-weight: 600;
-  }
-  .text-muted {
-    font-weight: 400;
-    font-size: 12px;
-  }
-}
-
-// Widgets
-//-----------
-
-// Widget: TODO LIST
-.todo-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow: auto;
-  // Todo list element
-  > li {
-    @include border-radius(2px);
-    padding: 10px;
-    background: #f4f4f4;
-    margin-bottom: 2px;
-    border-left: 2px solid #e6e7e8;
-    color: #444;
-    &:last-of-type {
-      margin-bottom: 0;
-    }
-
-    > input[type='checkbox'] {
-      margin: 0 10px 0 5px;
-    }
-
-    .text {
-      display: inline-block;
-      margin-left: 5px;
-      font-weight: 600;
-    }
-
-    // Time labels
-    .label {
-      margin-left: 10px;
-      font-size: 9px;
-    }
-
-    // Tools and options box
-    .tools {
-      display: none;
-      float: right;
-      color: theme-color("danger");
-      // icons
-      > .fa, > .glyphicon, > .ion {
-        margin-right: 5px;
-        cursor: pointer;
-      }
-
-    }
-    &:hover .tools {
-      display: inline-block;
-    }
-
-    &.done {
-      color: #999;
-      .text {
-        text-decoration: line-through;
-        font-weight: 500;
-      }
-
-      .label {
-        background: $gray-500 !important;
-      }
-    }
-  }
-
-  // Color varaity
-  .danger {
-    border-left-color: theme-color("danger");
-  }
-  .warning {
-    border-left-color: theme-color("warning");
-  }
-  .info {
-    border-left-color: theme-color("info");
-  }
-  .success {
-    border-left-color: theme-color("success");
-  }
-  .primary {
-    border-left-color: theme-color("primary");
-  }
-
-  .handle {
-    display: inline-block;
-    cursor: move;
-    margin: 0 5px;
-  }
-}
-
-// END TODO WIDGET
-
-// Input in box
-.card-input {
-  max-width: 200px;
-}
-
-@each $name, $color in $theme-colors {
-  .card-#{$name} {
-    &:not(.card-outline) {
-      .card-header {
-        background-color: $color;
-        border-bottom: 0;
-        &,
-        a {
-          color: color-yiq($color);
-        }
-      }
-    }
-
-    &.card-outline {
-      border-top: 3px solid $color;
-    }
-  }
-
-  .bg-#{$name},
-  .bg-#{$name}-gradient,
-  .card-#{$name}:not(.card-outline) {
-    .btn-tool {
-      color: rgba(color-yiq($color), 0.8);
-      &:hover {
-        color: color-yiq($color);
-      }
-    }
-  }
-}

build/scss/_carousel.scss

@@ -1,18 +0,0 @@
-/*
- * Component: Carousel
- * -------------------
- */
-.carousel-control {
-  &.left,
-  &.right {
-    background-image: none;
-  }
-  > .fa {
-    font-size: 40px;
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-    margin-top: -20px;
-  }
-}

build/scss/_control-sidebar.scss

@@ -1,147 +0,0 @@
-/*
- * Component: Control sidebar. By default, this is the right sidebar.
- */
-
-.control-sidebar {
-  position: absolute;
-  top: $main-header-height;
-  z-index: 830;
-
-  &,
-  &:before {
-    width: $control-sidebar-width;
-    right: -$control-sidebar-width;
-    bottom: 0;
-    @include transition(right $transition-speed $transition-fn);
-  }
-
-  &:before {
-    top: 0;
-    display: block;
-    position: fixed;
-    content: " ";
-    z-index: -1;
-  }
-}
-
-// Control sidebar open state
-.control-sidebar-open {
-  @include media-breakpoint-up(md) {
-    .control-sidebar {
-      &,
-      &:before {
-        right: 0;
-      }
-    }
-
-    .content-wrapper,
-    .main-footer {
-      margin-right: $control-sidebar-width;
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    .control-sidebar {
-      &,
-      &:before {
-        right: 0;
-      }
-    }
-  }
-}
-
-// Control sidebar slide over content state
-.control-sidebar-slide-open {
-  .control-sidebar {
-    &,
-    &:before {
-      right: 0;
-    }
-  }
-}
-
-// Dark skin
-.control-sidebar-dark {
-  &,
-  a,
-  .nav-link {
-    color: $sidebar-dark-color;
-  }
-
-  //  Background
-  &,
-  &:before {
-    background: $sidebar-dark-bg;
-  }
-
-  a:hover {
-    color: $sidebar-dark-hover-color;
-  }
-
-  // Headers and labels
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  label {
-    color: $sidebar-dark-hover-color;
-  }
-
-  // Tabs
-  .nav-tabs {
-    border-bottom: 0;
-    background-color: $sidebar-dark-hover-bg;
-    margin-bottom: 5px;
-
-    .nav-item {
-      margin: 0;
-    }
-
-    .nav-link {
-      position: relative;
-      border-radius: 0;
-      text-align: center;
-      padding: 10px 20px;
-
-      &,
-      &:hover,
-      &:active,
-      &:focus,
-      &.active {
-        border: 0;
-      }
-
-      &:hover,
-      &:active,
-      &:focus,
-      &.active {
-        border-left-color: transparent;
-        border-bottom-color: transparent;
-        border-top-color: transparent;
-        color: $sidebar-dark-hover-color;
-      }
-
-      &.active {
-        background-color: $sidebar-dark-bg;
-      }
-    }
-  }
-
-  .tab-pane {
-    padding: 10px 15px;
-  }
-}
-
-// Light skin
-.control-sidebar-light {
-  color: lighten($sidebar-light-color, 10%);
-
-  //  Background
-  &,
-  &:before {
-    background: $sidebar-light-bg;
-    border-left: 1px solid $gray-500;
-  }
-}

build/scss/_direct-chat.scss

@@ -1,196 +0,0 @@
-/*
- * Component: Direct Chat
- * ----------------------
- */
-.direct-chat {
-  .card-body {
-    position: relative;
-    overflow-x: hidden;
-    padding: 0;
-  }
-  &.chat-pane-open {
-    .direct-chat-contacts {
-      @include translate(0, 0);
-    }
-  }
-}
-
-.direct-chat-messages {
-  @include translate(0, 0);
-  padding: 10px;
-  height: 250px;
-  overflow: auto;
-}
-
-.direct-chat-msg,
-.direct-chat-text {
-  display: block;
-}
-
-.direct-chat-msg {
-  @include clearfix();
-  margin-bottom: 10px;
-}
-
-.direct-chat-messages,
-.direct-chat-contacts {
-  transition: transform .5s ease-in-out;
-}
-
-.direct-chat-text {
-  @if $enable-rounded {
-    @include border-radius($border-radius-lg);
-  }
-
-  position: relative;
-  padding: 5px 10px;
-  background: $direct-chat-default-msg-bg;
-  border: 1px solid $direct-chat-default-msg-border-color;
-  margin: 5px 0 0 50px;
-  color: $direct-chat-default-font-color;
-
-  //Create the arrow
-  &:after,
-  &:before {
-    position: absolute;
-    right: 100%;
-    top: 15px;
-    border: solid transparent;
-    border-right-color: $direct-chat-default-msg-border-color;
-    content: ' ';
-    height: 0;
-    width: 0;
-    pointer-events: none;
-  }
-
-  &:after {
-    border-width: 5px;
-    margin-top: -5px;
-  }
-  &:before {
-    border-width: 6px;
-    margin-top: -6px;
-  }
-  .right & {
-    margin-right: 50px;
-    margin-left: 0;
-    &:after,
-    &:before {
-      right: auto;
-      left: 100%;
-      border-right-color: transparent;
-      border-left-color: $direct-chat-default-msg-border-color;
-    }
-  }
-}
-
-.direct-chat-img {
-  @include border-radius(50%);
-  float: left;
-  width: 40px;
-  height: 40px;
-  .right & {
-    float: right;
-  }
-}
-
-.direct-chat-info {
-  display: block;
-  margin-bottom: 2px;
-  font-size: $font-size-sm;
-}
-
-.direct-chat-name {
-  font-weight: 600;
-}
-
-.direct-chat-timestamp {
-  color: #999;
-}
-
-//Direct chat contacts pane
-.direct-chat-contacts-open {
-  .direct-chat-contacts {
-    @include translate(0, 0);
-  }
-}
-
-.direct-chat-contacts {
-  @include translate(101%, 0);
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  height: 250px;
-  width: 100%;
-  background: #222d32;
-  color: $white;
-  overflow: auto;
-}
-
-//Contacts list -- for displaying contacts in direct chat contacts pane
-.contacts-list {
-  @extend .list-unstyled;
-  > li {
-    @include clearfix();
-    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-    padding: 10px;
-    margin: 0;
-    &:last-of-type {
-      border-bottom: none;
-    }
-  }
-}
-
-.contacts-list-img {
-  @include border-radius(50%);
-  width: 40px;
-  float: left;
-}
-
-.contacts-list-info {
-  margin-left: 45px;
-  color: $white;
-}
-
-.contacts-list-name,
-.contacts-list-status {
-  display: block;
-}
-
-.contacts-list-name {
-  font-weight: 600;
-}
-
-.contacts-list-status {
-  font-size: $font-size-sm;
-}
-
-.contacts-list-date {
-  color: #aaa;
-  font-weight: normal;
-}
-
-.contacts-list-msg {
-  color: #999;
-}
-
-//Direct Chat Variants
-.direct-chat-danger {
-  @include direct-chat-variant(theme-color("danger"));
-}
-
-.direct-chat-primary {
-  @include direct-chat-variant(theme-color("primary"));
-}
-
-.direct-chat-warning {
-  @include direct-chat-variant(theme-color("warning"));
-}
-
-.direct-chat-info {
-  @include direct-chat-variant(theme-color("info"));
-}
-
-.direct-chat-success {
-  @include direct-chat-variant(theme-color("success"));
-}

build/scss/_dropdown.scss

@@ -1,132 +0,0 @@
-/*
- * Component: Dropdown menus
- * -------------------------
- */
-
-// General Dropdown Rules
-//.dropdown-item {
-//  &:first-of-type {
-//    @include border-top-radius($border-radius);
-//  }
-//  &:last-of-type {
-//    @include border-bottom-radius($border-radius);
-//  }
-//}
-
-.dropdown-item-title {
-  font-size: $font-size-base;
-  margin: 0;
-}
-
-// Dropdown Sizes
-.dropdown-menu-lg {
-  min-width: 280px;
-  max-width: 300px;
-  padding: 0;
-  .dropdown-divider {
-    margin: 0;
-  }
-  .dropdown-item {
-    padding: $dropdown-padding-y $dropdown-item-padding-x;
-  }
-  p {
-    white-space: normal;
-    margin: 0;
-  }
-}
-
-// Dropdown header and footer
-.dropdown-footer,
-.dropdown-header {
-  text-align: center;
-  display: block;
-  padding: .5rem $dropdown-item-padding-x;
-  font-size: $font-size-sm;
-}
-
-/* Add fade animation to dropdown menus by appending
- the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
-.open:not(.dropup) > .animated-dropdown-menu {
-  backface-visibility: visible !important;
-  @include animation(flipInX .7s both);
-}
-
-@keyframes flipInX {
-  0% {
-    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    transition-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    transition-timing-function: ease-in;
-  }
-
-  60% {
-    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  100% {
-    transform: perspective(400px);
-  }
-}
-
-@-webkit-keyframes flipInX {
-  0% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-    -webkit-transition-timing-function: ease-in;
-    opacity: 0;
-  }
-
-  40% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-    -webkit-transition-timing-function: ease-in;
-  }
-
-  60% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-    opacity: 1;
-  }
-
-  80% {
-    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-  }
-
-  100% {
-    -webkit-transform: perspective(400px);
-  }
-}
-
-/* Fix dropdown menu in navbars */
-.navbar-custom-menu > .navbar-nav {
-  > li {
-    position: relative;
-    > .dropdown-menu {
-      position: absolute;
-      right: 0;
-      left: auto;
-    }
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  .navbar-custom-menu > .navbar-nav {
-    float: right;
-    > li {
-      position: static;
-      > .dropdown-menu {
-        position: absolute;
-        right: 5%;
-        left: auto;
-        border: 1px solid #ddd;
-        background: $white;
-      }
-    }
-  }
-}

build/scss/_elevation.scss

@@ -1,23 +0,0 @@
-.elevation-0 {
-  box-shadow: none;
-}
-
-.elevation-1 {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-}
-
-.elevation-2 {
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-}
-
-.elevation-3 {
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-}
-
-.elevation-4 {
-  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
-}
-
-.elevation-5 {
-  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
-}

build/scss/_forms.scss

@@ -1,53 +0,0 @@
-/*
- * Component: Form
- * ---------------
- */
-.form-group {
-  &.has-icon {
-    position: relative;
-    .form-control {
-      padding-right: 35px;
-    }
-    .form-icon {
-      cursor: pointer;
-      position: absolute;
-      right: 3px;
-      top: 0;
-      padding: $input-btn-padding-y $input-btn-padding-x;
-      // margin-top: -3px;
-      border: 0;
-      background-color: transparent;
-      font-size: 1rem;
-    }
-  }
-}
-
-/* button groups */
-.btn-group-vertical {
-  .btn {
-    &.btn-flat:first-of-type, &.btn-flat:last-of-type {
-      @include border-radius(0);
-    }
-  }
-}
-
-/* Support Font Awesome icons in form-control */
-.form-control-feedback.fa {
-  line-height: $input-height;
-}
-
-.input-lg + .form-control-feedback.fa,
-.input-group-lg + .form-control-feedback.fa,
-.form-group-lg .form-control + .form-control-feedback.fa {
-  line-height: $input-height-lg;
-}
-
-.input-sm + .form-control-feedback.fa,
-.input-group-sm + .form-control-feedback.fa,
-.form-group-sm .form-control + .form-control-feedback.fa {
-  line-height: $input-height-sm;
-}
-
-label:not(.form-check-label, .custom-file-label) {
-  font-weight: $font-weight-bold;
-}

build/scss/_fullcalendar.scss

@@ -1,101 +0,0 @@
-/*
- * Plugin: Full Calendar
- * ---------------------
- */
-//Fullcalendar buttons
-.fc-button {
-  background: #f4f4f4;
-  background-image: none;
-  color: #444;
-  border-color: #ddd;
-  border-bottom-color: #ddd;
-  &:hover,
-  &:active,
-  &.hover {
-    background-color: #e9e9e9;
-  }
-}
-
-// Calendar title
-.fc-header-title h2 {
-  font-size: 15px;
-  line-height: 1.6em;
-  color: #666;
-  margin-left: 10px;
-}
-
-.fc-header-right {
-  padding-right: 10px;
-}
-
-.fc-header-left {
-  padding-left: 10px;
-}
-
-// Calendar table header cells
-.fc-widget-header {
-  background: #fafafa;
-}
-
-.fc-grid {
-  width: 100%;
-  border: 0;
-}
-
-.fc-widget-header:first-of-type,
-.fc-widget-content:first-of-type {
-  border-left: 0;
-  border-right: 0;
-}
-
-.fc-widget-header:last-of-type,
-.fc-widget-content:last-of-type {
-  border-right: 0;
-}
-
-.fc-toolbar {
-  padding: 1rem;
-  margin: 0;
-}
-
-.fc-day-number {
-  font-size: 20px;
-  font-weight: 300;
-  padding-right: 10px;
-}
-
-.fc-color-picker {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  > li {
-    float: left;
-    font-size: 30px;
-    margin-right: 5px;
-    line-height: 30px;
-    .fa {
-      transition: transform linear .3s;
-      &:hover {
-        @include rotate(30deg);
-      }
-    }
-  }
-}
-
-#add-new-event {
-  transition: all linear .3s;
-}
-
-.external-event {
-  @include box-shadow($card-shadow);
-
-  padding: 5px 10px;
-  font-weight: bold;
-  margin-bottom: 4px;
-  border-radius: $border-radius;
-  cursor: move;
-
-  &:hover {
-    @include box-shadow(inset 0 0 90px rgba(0, 0, 0, 0.2));
-  }
-}

build/scss/_info-box.scss

@@ -1,79 +0,0 @@
-/*
- * Component: Info Box
- * -------------------
- */
-.info-box {
-  @extend .d-flex;
-  @extend .mb-3;
-  @include box-shadow($card-shadow);
-  @include border-radius($border-radius);
-
-  padding: .5rem;
-  min-height: 80px;
-  background: $white;
-
-  .progress {
-    background-color: rgba(0, 0, 0, 0.125);
-    margin: 5px 0;
-    height: 2px;
-    .progress-bar {
-      background-color: $white;
-    }
-  }
-}
-
-.info-box-icon {
-  @extend .d-flex;
-  @extend .align-items-center;
-  @extend .justify-content-center;
-
-  @if $enable-rounded {
-    border-radius: $border-radius;
-  }
-
-  display: block;
-  width: 70px;
-  text-align: center;
-  font-size: 30px;
-
-  > img {
-    max-width: 100%;
-  }
-}
-
-.info-box-content {
-  padding: 5px 10px;
-  flex: 1;
-}
-
-.info-box-number {
-  display: block;
-  font-weight: $font-weight-bold;
-}
-
-.progress-description,
-.info-box-text {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-@each $name, $color in $theme-colors {
-  .info-box.bg-#{$name},
-  .info-box.bg-#{$name}-gradient {
-    color: color-yiq($color);
-
-    .progress-bar {
-      background-color: color-yiq($color);
-    }
-  }
-}
-
-.info-box-more {
-  display: block;
-}
-
-.progress-description {
-  margin: 0;
-}

build/scss/_invoice.scss

@@ -1,14 +0,0 @@
-/*
- * Page: Invoice
- * -------------
- */
-
-.invoice {
-  position: relative;
-  background: $white;
-  border: 1px solid $card-border-color;
-}
-
-.invoice-title {
-  margin-top: 0;
-}

build/scss/_labels.scss

@@ -1,28 +0,0 @@
-/*
- * Component: Label
- * ----------------
- */
-.label-default {
-  background-color: $gray-500;
-  color: #444;
-}
-
-.label-danger {
-  @extend .bg-danger;
-}
-
-.label-info {
-  @extend .bg-info;
-}
-
-.label-warning {
-  @extend .bg-warning;
-}
-
-.label-primary {
-  @extend .bg-primary;
-}
-
-.label-success {
-  @extend .bg-success;
-}

build/scss/_layout.scss

@@ -1,120 +0,0 @@
-/*
- * Core: General Layout Style
- * -------------------------
- */
-html,
-body,
-.wrapper {
-  min-height: 100%;
-  overflow-x: hidden;
-}
-
-.wrapper {
-  position: relative;
-
-  .layout-boxed & {
-    @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
-
-    &,
-    &:before {
-      margin: 0 auto;
-      max-width: $boxed-layout-max-width;
-    }
-  }
-}
-
-.content-wrapper,
-.main-footer,
-.main-header {
-  @include media-breakpoint-up(md) {
-    @include transition(margin-left $transition-speed $transition-fn);
-
-    margin-left: $sidebar-width;
-    z-index: 3000;
-
-    .sidebar-collapse & {
-      margin-left: 0;
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    &,
-    &:before {
-      margin-left: 0;
-    }
-  }
-}
-
-.content-wrapper {
-  background: $main-bg;
-
-  > .content {
-    padding: $content-padding-y $content-padding-x;
-  }
-}
-
-.main-sidebar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-
-  &,
-  &:before {
-    $local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
-    @include transition($local-sidebar-transition);
-    width: $sidebar-width;
-  }
-
-  .sidebar-collapse & {
-    &,
-    &:before {
-      margin-left: -$sidebar-width;
-    }
-  }
-
-  @include media-breakpoint-down(md) {
-    &,
-    &:before {
-      box-shadow: none!important;
-      margin-left: -$sidebar-width;
-    }
-
-    .sidebar-open & {
-      &,
-      &:before {
-        margin-left: 0;
-      }
-    }
-  }
-}
-
-.main-footer {
-  padding: $main-footer-padding;
-  color: #555;
-  border-top: $main-footer-border-top;
-  background: $main-footer-bg;
-}
-
-.content-header {
-  padding: 15px $content-padding-x;
-
-  h1 {
-    font-size: 1.8rem;
-    margin: 0;
-  }
-  .breadcrumb {
-    margin-bottom: 0;
-    padding: 0;
-    background: transparent;
-    line-height: 1.8rem;
-  }
-}
-
-.hold-transition {
-  .content-wrapper,
-  .main-header,
-  .main-footer {
-    transition: none!important;
-  }
-}

build/scss/_lockscreen.scss

@@ -1,73 +0,0 @@
-/*
- * Page: Lock Screen
- * -----------------
- */
-/* ADD THIS CLASS TO THE <BODY> TAG */
-.lockscreen {
-  background: $gray-200;
-}
-
-.lockscreen-logo {
-  font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
-  font-weight: 300;
-  a {
-    color: #444;
-  }
-}
-
-.lockscreen-wrapper {
-  max-width: 400px;
-  margin: 0 auto;
-  margin-top: 10%;
-}
-
-/* User name [optional] */
-.lockscreen .lockscreen-name {
-  text-align: center;
-  font-weight: 600;
-}
-
-/* Will contain the image and the sign in form */
-.lockscreen-item {
-  @include border-radius(4px);
-  padding: 0;
-  background: $white;
-  position: relative;
-  margin: 10px auto 30px auto;
-  width: 290px;
-}
-
-/* User image */
-.lockscreen-image {
-  @include border-radius(50%);
-  position: absolute;
-  left: -10px;
-  top: -25px;
-  background: $white;
-  padding: 5px;
-  z-index: 10;
-  > img {
-    @include border-radius(50%);
-    width: 70px;
-    height: 70px;
-  }
-}
-
-/* Contains the password input and the login button */
-.lockscreen-credentials {
-  margin-left: 70px;
-  .form-control {
-    border: 0;
-  }
-  .btn {
-    background-color: $white;
-    border: 0;
-    padding: 0 10px;
-  }
-}
-
-.lockscreen-footer {
-  margin-top: 10px;
-}

build/scss/_login_and_register.scss

@@ -1,52 +0,0 @@
-/*
- * Page: Login & Register
- * ----------------------
- */
-
-.login-logo,
-.register-logo {
-  font-size: 35px;
-  text-align: center;
-  margin-bottom: 25px;
-  font-weight: 300;
-  a {
-    color: #444;
-  }
-}
-
-.login-page,
-.register-page {
-  background: $gray-200;
-}
-
-.login-box,
-.register-box {
-  width: 360px;
-  margin: 7% auto;
-  @media (max-width: map-get($grid-breakpoints, sm)) {
-    width: 90%;
-    margin-top: 20px;
-  }
-}
-
-.login-box-body,
-.register-box-body {
-  background: $white;
-  padding: 20px;
-  border-top: 0;
-  color: #666;
-  .form-control-feedback {
-    color: #777;
-  }
-}
-
-.login-box-msg,
-.register-box-msg {
-  margin: 0;
-  text-align: center;
-  padding: 0 20px 20px 20px;
-}
-
-.social-auth-links {
-  margin: 10px 0;
-}

build/scss/_mailbox.scss

@@ -1,88 +0,0 @@
-/*
- * Page: Mailbox
- * -------------
- */
-.mailbox-messages {
-  > .table {
-    margin: 0;
-  }
-}
-
-.mailbox-controls {
-  padding: 5px;
-  &.with-border {
-    border-bottom: 1px solid $card-border-color;
-  }
-}
-
-.mailbox-read-info {
-  border-bottom: 1px solid $card-border-color;
-  padding: 10px;
-  h3 {
-    font-size: 20px;
-    margin: 0;
-  }
-  h5 {
-    margin: 0;
-    padding: 5px 0 0 0;
-  }
-}
-
-.mailbox-read-time {
-  color: #999;
-  font-size: 13px;
-}
-
-.mailbox-read-message {
-  padding: 10px;
-}
-
-.mailbox-attachments {
-  @extend .list-unstyled;
-  li {
-    float: left;
-    width: 200px;
-    border: 1px solid #eee;
-    margin-bottom: 10px;
-    margin-right: 10px;
-  }
-}
-
-.mailbox-attachment-name {
-  font-weight: bold;
-  color: #666;
-}
-
-.mailbox-attachment-icon,
-.mailbox-attachment-info,
-.mailbox-attachment-size {
-  display: block;
-}
-
-.mailbox-attachment-info {
-  padding: 10px;
-  background: #f4f4f4;
-}
-
-.mailbox-attachment-size {
-  color: #999;
-  font-size: 12px;
-}
-
-.mailbox-attachment-icon {
-  text-align: center;
-  font-size: 65px;
-  color: #666;
-  padding: 20px 10px;
-  &.has-img {
-    padding: 0;
-    > img {
-      max-width: 100%;
-      height: auto;
-    }
-  }
-}
-
-.mailbox-attachment-close {
-  @extend .close;
-}

build/scss/_main-header.scss

@@ -1,136 +0,0 @@
-/*
- * Component: Main Header
- * ----------------------
- */
-.main-header {
-  z-index: $zindex-main-header;
-
-  .navbar-nav .nav-item {
-    margin: 0;
-  }
-
-  .nav-link {
-    position: relative;
-    height: $nav-link-height;
-  }
-
-  .navbar-nav[class*="-right"] {
-    .dropdown-menu {
-      margin-top: -3px;
-      right: 0;
-      left: auto;
-      @media (max-width: breakpoint-max(xs)) {
-        left: 0;
-        right: auto;
-      }
-    }
-  }
-
-}
-
-// Add this class to images within a nav-link
-.navbar-img {
-  height: $main-header-height / 2;
-  width: auto;
-}
-
-// Navbar badge
-.navbar-badge {
-  position: absolute;
-  top: 9px;
-  right: 5px;
-  font-size: .6rem;
-  font-weight: 300;
-  padding: 2px 4px;
-}
-
-.btn-navbar {
-  border-left-width: 0;
-  background-color: transparent;
-}
-
-.form-control-navbar {
-  border-right-width: 0;
-  & + .input-group-append {
-    margin-left: 0;
-  }
-}
-
-.form-control-navbar,
-.btn-navbar {
-  transition: none;
-}
-
-.navbar-dark {
-  .form-control-navbar,
-  .btn-navbar {
-    background-color: $main-header-dark-form-control-bg;
-    border: $main-header-dark-form-control-border;
-  }
-
-  .form-control-navbar {
-    &::placeholder,
-    + .input-group-append > .btn-navbar {
-      color: $main-header-dark-placeholder-color;
-    }
-
-    // Support FF and IE
-    :-moz-placeholder {
-      color: $main-header-dark-placeholder-color;
-    }
-
-    ::-moz-placeholder {
-      color: $main-header-dark-placeholder-color;
-    }
-
-    :-ms-input-placeholder {
-      color: $main-header-dark-placeholder-color;
-    }
-
-    &:focus {
-      &,
-      & + .input-group-append .btn-navbar {
-        border: $main-header-dark-form-control-focused-border !important;
-        background-color: $main-header-dark-form-control-focused-bg;
-        color: $main-header-dark-form-control-focused-color;
-      }
-    }
-  }
-}
-
-.navbar-light {
-  .form-control-navbar,
-  .btn-navbar {
-    background-color: $main-header-light-form-control-bg;
-    border: $main-header-light-form-control-border;
-  }
-
-  .form-control-navbar {
-    &::placeholder,
-    + .input-group-append > .btn-navbar {
-      color: $main-header-light-placeholder-color;
-    }
-
-    // Support FF and IE
-    :-moz-placeholder {
-      color: $main-header-light-placeholder-color;
-    }
-
-    ::-moz-placeholder {
-      color: $main-header-light-placeholder-color;
-    }
-
-    :-ms-input-placeholder {
-      color: $main-header-light-placeholder-color;
-    }
-
-    &:focus {
-      &,
-      & + .input-group-append .btn-navbar {
-        border: $main-header-light-form-control-focused-border !important;
-        background-color: $main-header-light-form-control-focused-bg;
-        color: $main-header-light-form-control-focused-color;
-      }
-    }
-  }
-}

build/scss/_main-sidebar.scss

@@ -1,164 +0,0 @@
-/**
- * Component: Sidebar
- * ------------------
- */
-
-.main-sidebar {
-  z-index: $zindex-main-sidebar;
-  height: 100vh;
-  overflow-y: hidden;
-}
-
-.sidebar {
-  padding-bottom: $sidebar-padding-y;
-  padding-top: $sidebar-padding-y;
-  padding-left: $sidebar-padding-x;
-  padding-right: $sidebar-padding-x;
-  overflow-y: auto;
-  height: calc(100% - 4rem);
-}
-
-// Sidebar user panel
-.user-panel {
-  position: relative;
-
-  [class*="sidebar-dark"] & {
-    border-bottom: 1px solid lighten($dark, 12%);
-  }
-
-  [class*="sidebar-light"] & {
-    border-bottom: 1px solid $gray-300;
-  }
-
-  &,
-  .info {
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  .image {
-    padding-left: $nav-link-padding-x - .2;
-    display: inline-block;
-  }
-
-  img {
-    width: $sidebar-user-image-width;
-    height: auto;
-  }
-
-  .info {
-    display: inline-block;
-    padding: 5px 5px 5px 10px;
-  }
-
-  .status,
-  .dropdown-menu {
-    font-size: $font-size-sm;
-  }
-}
-
-// Sidebar navigation menu
-.nav-sidebar {
-  // All levels
-  .nav-item {
-    > .nav-link {
-      margin-bottom: 0.2rem;
-      .right {
-        @include transition(transform $transition-fn $transition-speed);
-      }
-    }
-  }
-
-  .nav-link > p > .right {
-    position: absolute;
-    right: 1rem;
-    top: 12px;
-  }
-
-  .menu-open {
-    > .nav-treeview {
-      display: block;
-    }
-
-    > .nav-link {
-      .right {
-        @include rotate(-90deg);
-      }
-    }
-  }
-
-  // First Level
-  > .nav-item {
-    margin-bottom: 0;
-
-    .nav-icon {
-      text-align: center;
-      width: $sidebar-nav-icon-width;
-      font-size: 1.2rem;
-      margin-right: .2rem;
-    }
-
-    .float-right {
-      margin-top: 3px;
-    }
-  }
-
-  // Tree view menu
-  .nav-treeview {
-    display: none;
-    list-style: none;
-    padding: 0;
-
-    > .nav-item {
-      > .nav-link {
-        > .nav-icon {
-          width: $sidebar-nav-icon-width;
-        }
-      }
-    }
-  }
-
-  .nav-header {
-    font-size: .9rem;
-    padding: $nav-link-padding-y;
-
-    &:not(:first-of-type) {
-      padding: 1.7rem 1rem .5rem 1rem;
-    }
-  }
-
-  .nav-link p {
-    display: inline-block;
-    margin: 0;
-  }
-}
-
-#sidebar-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: none;
-  background-color: rgba(0, 0, 0, 0.1);
-  z-index: $zindex-main-sidebar - 1;
-
-  @include media-breakpoint-down(md) {
-    .sidebar-open & {
-      display: block;
-    }
-  }
-}
-
-// Sidebar variants
-@each $name, $color in $theme-colors {
-  .sidebar-dark-#{$name} {
-    @include skin-dark-sidebar($color)
-  }
-
-  .sidebar-light-#{$name} {
-    @include skin-light-sidebar($color)
-  }
-}
-
-

build/scss/_miscellaneous.scss

@@ -1,352 +0,0 @@
-/*
- * General: Miscellaneous
- * ----------------------
- */
-a.text-muted:hover {
-  color: theme-color(primary) !important;
-}
-
-.border-transparent {
-  border-color: transparent !important;
-}
-
-// Description Blocks
-.description-block {
-  display: block;
-  margin: 10px 0;
-  text-align: center;
-  &.margin-bottom {
-    margin-bottom: 25px;
-  }
-  > .description-header {
-    margin: 0;
-    padding: 0;
-    font-weight: 600;
-    font-size: 16px;
-  }
-  > .description-text {
-    text-transform: uppercase;
-  }
-}
-
-// Background colors
-@each $name, $color in $theme-colors {
-  .bg-#{$name} {
-    &,
-    a {
-      color: color-yiq($color) !important;
-    }
-  }
-}
-
-.bg-gray {
-  color: #000;
-  background-color: $gray-500;
-}
-
-.bg-gray-light {
-  background-color: lighten($gray-200, 3%);
-  color: color-yiq(lighten($gray-200, 3%)) !important;
-}
-
-.bg-black {
-  background-color: $black;
-  color: color-yiq($black) !important;
-}
-
-.bg-white {
-  background-color: $white;
-  color: color-yiq($white) !important;
-}
-
-// Disabled!
-[class^="bg-"].disabled {
-  opacity: .65;
-}
-
-.link-muted {
-  color: darken($gray-500, 30%);
-  &:hover,
-  &:focus {
-    color: darken($gray-500, 40%);
-  }
-}
-
-.link-black {
-  color: #666;
-  &:hover,
-  &:focus {
-    color: #999;
-  }
-}
-
-// Hide elements by display none only
-.hide {
-  display: none !important;
-}
-
-// Remove borders
-.no-border {
-  border: 0 !important;
-}
-
-// Remove box shadow
-.no-shadow {
-  box-shadow: none !important;
-}
-
-// Unstyled List
-.list-unstyled {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.list-group-unbordered {
-  > .list-group-item {
-    border-left: 0;
-    border-right: 0;
-    border-radius: 0;
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-// Remove border radius
-.flat {
-  @include border-radius(0 !important);
-}
-
-// _fix for sparkline tooltip
-.jqstooltip {
-  padding: 5px !important;
-  width: auto !important;
-  height: auto !important;
-}
-
-// Gradient Background colors
-@each $name, $color in $theme-colors {
-  .bg-#{$name}-gradient {
-    @include gradient($color, $color, lighten($color, 10%));
-    color: color-yiq($color);
-  }
-}
-
-// Description Block Extension
-.description-block {
-  .description-icon {
-    font-size: 16px;
-  }
-}
-
-// List utility classes
-.list-header {
-  font-size: 15px;
-  padding: 10px 4px;
-  font-weight: bold;
-  color: #666;
-}
-
-.list-seperator {
-  height: 1px;
-  background: $card-border-color;
-  margin: 15px 0 9px 0;
-}
-
-.list-link {
-  > a {
-    padding: 4px;
-    color: #777;
-    &:hover {
-      color: #222;
-    }
-  }
-}
-
-// User block
-.user-block {
-  @include clearfix();
-  img {
-    width: 40px;
-    height: 40px;
-    float: left;
-  }
-  .username,
-  .description,
-  .comment {
-    display: block;
-    margin-left: 50px;
-  }
-  .username {
-    font-size: 16px;
-    font-weight: 600;
-  }
-  .description {
-    color: #999;
-    font-size: 13px;
-  }
-  &.user-block-sm {
-    img {
-      @extend .img-sm;
-    }
-    .username,
-    .description,
-    .comment {
-      margin-left: 40px;
-    }
-    .username {
-      font-size: 14px;
-    }
-  }
-}
-
-// Image sizes
-.img-sm,
-.img-md,
-.img-lg {
-  float: left;
-}
-
-.img-sm {
-  width: 30px !important;
-  height: 30px !important;
-  + .img-push {
-    margin-left: 40px;
-  }
-}
-
-.img-md {
-  width: 60px;
-  height: 60px;
-  + .img-push {
-    margin-left: 70px;
-  }
-}
-
-.img-lg {
-  width: 100px;
-  height: 100px;
-  + .img-push {
-    margin-left: 110px;
-  }
-}
-
-// Image bordered
-.img-bordered {
-  border: 3px solid $gray-500;
-  padding: 3px;
-}
-
-.img-bordered-sm {
-  border: 2px solid $gray-500;
-  padding: 2px;
-}
-
-// Rounded and Circle Images
-.img-rounded {
-  @include border-radius($border-radius)
-}
-
-.img-circle {
-  @include border-radius(50%);
-}
-
-// Image sizes
-.img-size-64,
-.img-size-50,
-.img-size-32 {
-  height: auto;
-}
-
-.img-size-64 {
-  width: 64px;
-}
-
-.img-size-50 {
-  width: 50px;
-}
-
-.img-size-32 {
-  width: 32px;
-}
-
-// Block sizes
-.size-32,
-.size-40,
-.size-50 {
-  display: block;
-  text-align: center;
-}
-
-.size-32 {
-  width: 32px;
-  height: 32px;
-  line-height: 32px;
-}
-
-.size-40 {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-}
-
-.size-50 {
-  width: 50px;
-  height: 50px;
-  line-height: 50px;
-}
-
-// General attachemnt block
-.attachment-block {
-  border: 1px solid $card-border-color;
-  padding: 5px;
-  margin-bottom: 10px;
-  background: #f7f7f7;
-
-  .attachment-img {
-    max-width: 100px;
-    max-height: 100px;
-    height: auto;
-    float: left;
-  }
-  .attachment-pushed {
-    margin-left: 110px;
-  }
-  .attachment-heading {
-    margin: 0;
-  }
-  .attachment-text {
-    color: #555;
-  }
-}
-
-.connectedSortable {
-  min-height: 100px;
-}
-
-.ui-helper-hidden-accessible {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.sort-highlight {
-  background: #f4f4f4;
-  border: 1px dashed #ddd;
-  margin-bottom: 10px;
-}
-
-// Charts
-.chart {
-  position: relative;
-  overflow: hidden;
-}
-
-.flex-1 {
-  flex: 1;
-}

build/scss/_mixins.scss

@@ -1,306 +0,0 @@
-// AdminLTE mixins
-// ===============
-
-// Changes the color and the hovering properties of the navbar
-@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1)) {
-  background-color: $color;
-  // Navbar links
-  .nav > li > a {
-    color: $font-color;
-  }
-
-  .nav > li > a:hover,
-  .nav > li > a:active,
-  .nav > li > a:focus,
-  .nav .open > a,
-  .nav .open > a:hover,
-  .nav .open > a:focus,
-  .nav > .active > a {
-    background: $hover-bg;
-    color: $hover-color;
-  }
-
-  // Add color to the sidebar toggle button
-  .sidebar-toggle {
-    color: $font-color;
-    &:hover {
-      color: $hover-color;
-      background: $hover-bg;
-    }
-  }
-}
-
-// Logo color variation
-@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0) {
-  background-color: $bg-color;
-  color: $color;
-  border-bottom: $border-bottom-width solid $border-bottom-color;
-
-  &:hover {
-    background-color: darken($bg-color, 1%);
-  }
-}
-
-// Box solid color variantion creator
-@mixin box-solid-variant($color, $text-color: #fff) {
-  border: 1px solid $color;
-  > .card-header {
-    color: $text-color;
-    background: $color;
-    background-color: $color;
-    a,
-    .btn {
-      color: $text-color;
-    }
-  }
-}
-
-// Direct Chat Variant
-@mixin direct-chat-variant($bg-color, $color: #fff) {
-  .right > .direct-chat-text {
-    background: $bg-color;
-    border-color: $bg-color;
-    color: color-yiq($bg-color);
-    &:after,
-    &:before {
-      border-left-color: $bg-color;
-    }
-  }
-}
-
-@mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-  -ms-transform: translate($x, $y); // IE9 only
-  transform: translate($x, $y);
-}
-
-// Different radius each side
-@mixin border-radius-sides($top-left, $top-right, $bottom-left, $bottom-right) {
-  border-radius: $top-left $top-right $bottom-left $bottom-right;
-}
-
-@mixin calc($property, $expression) {
-  #{$property}: -webkit-calc(#{$expression});
-  #{$property}: calc(#{$expression});
-}
-
-@mixin rotate($value) {
-  -ms-transform: rotate($value);
-  transform: rotate($value);
-}
-
-@mixin animation($animation) {
-  animation: $animation;
-}
-
-// Gradient background
-@mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF) {
-  background: $color;
-  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
-  background: -ms-linear-gradient(bottom, $start, $stop);
-  background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%);
-  background: -o-linear-gradient($stop, $start);
-}
-
-// Skins Mixins
-
-// Dark Sidebar Mixin
-@mixin skin-dark-sidebar($link-hover-border-color) {
-  // Sidebar background color
-  background-color: $sidebar-dark-bg;
-
-  // User Panel (resides in the sidebar)
-  .user-panel {
-    a:hover {
-      color: $sidebar-dark-hover-color;
-    }
-
-    .status {
-      color: $sidebar-dark-color;
-      background: $sidebar-dark-hover-bg;
-      &:hover,
-      &:focus,
-      &:active {
-        color: $sidebar-dark-hover-color;
-        background: darken($sidebar-dark-hover-bg, 3%);
-      }
-    }
-
-    .dropdown-menu {
-      border-color: darken($sidebar-dark-hover-bg, 5%);
-      @include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
-    }
-
-    .dropdown-item {
-      color: $body-color;
-    }
-  }
-
-  // Sidebar Menu. First level links
-  .nav-sidebar > .nav-item {
-    // links
-    > .nav-link {
-      // border-left: 3px solid transparent;
-      &:active,
-      &:focus {
-        color: $sidebar-dark-color;
-      }
-    }
-
-    // Hover and active states
-    &.menu-open > .nav-link,
-    &:hover > .nav-link {
-      color: $sidebar-dark-hover-color;
-      background-color: $sidebar-dark-hover-bg;
-    }
-
-    > .nav-link.active {
-      color: $sidebar-dark-hover-color;
-      background-color: $link-hover-border-color;
-      @if $enable-shadows {
-        @extend .elevation-1;
-      }
-    }
-
-    // First Level Submenu
-    > .nav-treeview {
-      background: $sidebar-dark-submenu-bg;
-    }
-  }
-
-  // Section Heading
-  .nav-header {
-    color: lighten($sidebar-dark-color, 5%);
-    background: inherit; //darken($sidebar-dark-bg, 3%);
-  }
-
-  // All links within the sidebar menu
-  .sidebar a {
-    color: $sidebar-dark-color;
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  // All submenus
-  .nav-treeview {
-    > .nav-item {
-      > .nav-link {
-        color: $sidebar-dark-submenu-color;
-
-        &:hover {
-          color: $sidebar-dark-submenu-hover-color;
-          background-color: $sidebar-dark-submenu-hover-bg
-        }
-      }
-
-      > .nav-link.active {
-        &,
-        &:hover {
-          color: $sidebar-dark-submenu-active-color;
-          background-color: $sidebar-dark-submenu-active-bg;
-        }
-      }
-    }
-  }
-}
-
-// Light Sidebar Mixin
-@mixin skin-light-sidebar($link-hover-border-color) {
-  // Sidebar background color
-  background-color: $sidebar-light-bg;
-
-  // User Panel (resides in the sidebar)
-  .user-panel {
-    a:hover {
-      color: $sidebar-light-hover-color;
-    }
-
-    .status {
-      color: $sidebar-light-color;
-      background: $sidebar-light-hover-bg;
-      &:hover,
-      &:focus,
-      &:active {
-        color: $sidebar-light-hover-color;
-        background: darken($sidebar-light-hover-bg, 3%);
-      }
-    }
-
-    .dropdown-menu {
-      border-color: darken($sidebar-light-hover-bg, 5%);
-      @include box-shadow(0 2px 4px rgba(0, 0, 0, .4));
-    }
-
-    .dropdown-item {
-      color: $body-color;
-    }
-  }
-
-  // Sidebar Menu. First level links
-  .nav-sidebar > .nav-item {
-    // links
-    > .nav-link {
-      // border-left: 3px solid transparent;
-      &:active,
-      &:focus {
-        color: $sidebar-light-color;
-      }
-    }
-
-    // Hover and active states
-    &.menu-open > .nav-link,
-    &:hover > .nav-link {
-      color: $sidebar-light-hover-color;
-      background-color: $sidebar-light-hover-bg;
-    }
-
-    > .nav-link.active {
-      color: $sidebar-light-active-color;
-      background-color: $link-hover-border-color;
-      @if $enable-shadows {
-        @extend .elevation-1;
-      }
-    }
-
-    // First Level Submenu
-    > .nav-treeview {
-      background: $sidebar-light-submenu-bg;
-    }
-  }
-
-  // Section Heading
-  .nav-header {
-    color: darken($sidebar-light-color, 5%);
-    background: inherit;
-  }
-
-  // All links within the sidebar menu
-  .sidebar a {
-    color: $sidebar-light-color;
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  // All submenus
-  .nav-treeview {
-    > .nav-item {
-      > .nav-link {
-        color: $sidebar-light-submenu-color;
-      }
-
-      > .nav-link.active {
-        &,
-        &:hover {
-          color: $sidebar-light-submenu-active-color;
-          background-color: $sidebar-light-submenu-active-bg;
-        }
-      }
-
-      > .nav-link:hover {
-        background-color: $sidebar-light-submenu-hover-bg;
-      }
-    }
-  }
-}

build/scss/_navs.scss

@@ -1,13 +0,0 @@
-/*
- * Component: Nav
- * --------------
- */
-.nav-pills {
-  .nav-link {
-    color: $gray-600;
-
-    &:not(.active):hover {
-      color: theme-color("primary")
-    }
-  }
-}

build/scss/_print.scss

@@ -1,51 +0,0 @@
-/*
- * Misc: print
- * -----------
- */
-@media print {
-  //Add to elements that you do not want to show when printing
-  .no-print {
-    display: none !important;
-  }
-
-  //Elements that we want to hide when printing
-  .main-sidebar,
-  .main-header,
-  .content-header {
-    @extend .no-print;
-  }
-
-  //This is the only element that should appear, so let's remove the margins
-  .content-wrapper,
-  .main-footer {
-    margin-left: 0 !important;
-    min-height: 0 !important;
-    @include translate(0, 0);
-  }
-
-  .layout-fixed .content-wrapper {
-    padding-top: 0 !important;
-  }
-
-  //Invoice printing
-  .invoice {
-    width: 100%;
-    border: 0;
-    margin: 0;
-    padding: 0;
-  }
-
-  .invoice-col {
-    float: left;
-    width: 33.3333333%;
-  }
-
-  //Make sure table content displays properly
-  .table-responsive {
-    overflow: auto;
-    > .table tr th,
-    > .table tr td {
-      white-space: normal !important;
-    }
-  }
-}

build/scss/_products.scss

@@ -1,45 +0,0 @@
-/*
- * Component: Products List
- * ------------------------
- */
-.products-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  > .item {
-    @if $enable-rounded {
-      @include border-radius($border-radius);
-    }
-    @include clearfix();
-    padding: 10px 0;
-    background: $white;
-  }
-  .product-img {
-    float: left;
-    img {
-      width: 50px;
-      height: 50px;
-    }
-  }
-  .product-info {
-    margin-left: 60px;
-  }
-  .product-title {
-    font-weight: 600;
-  }
-  .product-description {
-    display: block;
-    color: $gray-600;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
-
-.product-list-in-card > .item {
-  @include border-radius(0);
-  border-bottom: 1px solid $card-border-color;
-  &:last-of-type {
-    border-bottom-width: 0;
-  }
-}

build/scss/_profile.scss

@@ -1,31 +0,0 @@
-/*
- * Page: Profile
- * -------------
- */
-
-.profile-user-img {
-  margin: 0 auto;
-  width: 100px;
-  padding: 3px;
-  border: 3px solid $gray-500;
-}
-
-.profile-username {
-  font-size: 21px;
-  margin-top: 5px;
-}
-
-.post {
-  border-bottom: 1px solid $gray-500;
-  margin-bottom: 15px;
-  padding-bottom: 15px;
-  color: #666;
-  &:last-of-type {
-    border-bottom: 0;
-    margin-bottom: 0;
-    padding-bottom: 0;
-  }
-  .user-block {
-    margin-bottom: 15px;
-  }
-}

build/scss/_progress-bars.scss

@@ -1,63 +0,0 @@
-/*
- * Component: Progress Bar
- * -----------------------
- */
-
-//General CSS
-.progress {
-  @include box-shadow(none);
-  @include border-radius($progress-bar-border-radius);
-}
-
-.progress-group {
-  @extend .mb-2;
-}
-
-// size variation
-.progress-sm {
-  height: 10px;
-}
-
-.progress-xs {
-  height: 7px;
-}
-
-.progress-xxs {
-  height: 3px;
-}
-
-// Vertical bars
-.progress.vertical {
-  position: relative;
-  width: 30px;
-  height: 200px;
-  display: inline-block;
-  margin-right: 10px;
-  > .progress-bar {
-    width: 100%;
-    position: absolute;
-    bottom: 0;
-  }
-
-  //Sizes
-  &.sm,
-  &.progress-sm {
-    width: 20px;
-  }
-
-  &.xs,
-  &.progress-xs {
-    width: 10px;
-  }
-  &.xxs,
-  &.progress-xxs {
-    width: 3px;
-  }
-}
-
-// Remove margins from progress bars when put in a table
-.table {
-  tr > td .progress {
-    margin: 0;
-  }
-}

build/scss/_select2.scss

@@ -1,117 +0,0 @@
-/*
- * Plugin: Select2
- * ---------------
- */
-
-//Signle select
-.select2-container--default,
-.select2-selection {
-  &.select2-container--focus,
-  &:focus,
-  &:active {
-    outline: none;
-  }
-  .select2-selection--single {
-    border: 1px solid $gray-x-light;
-    //border-radius: $input-radius;
-    padding: 6px 12px;
-    height: 34px;
-  }
-}
-
-.select2-container--default.select2-container--open {
-  border-color: theme-color("primary");
-}
-
-.select2-dropdown {
-  border: 1px solid $gray-x-light;
-  //border-radius: $input-radius;
-}
-
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: theme-color("primary");
-  color: white;
-}
-
-.select2-results__option {
-  padding: 6px 12px;
-  user-select: none;
-  -webkit-user-select: none;
-}
-
-.select2-container .select2-selection--single .select2-selection__rendered {
-  padding-left: 0;
-  padding-right: 0;
-  height: auto;
-  margin-top: -4px;
-}
-
-.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
-  padding-right: 6px;
-  padding-left: 20px;
-}
-
-.select2-container--default .select2-selection--single .select2-selection__arrow {
-  height: 28px;
-  right: 3px;
-}
-
-.select2-container--default .select2-selection--single .select2-selection__arrow b {
-  margin-top: 0;
-}
-
-.select2-dropdown,
-.select2-search--inline {
-  .select2-search__field {
-    border: 1px solid $gray-x-light;
-    &:focus {
-      outline: none;
-      border: 1px solid theme-color("primary");
-    }
-  }
-}
-
-.select2-container--default .select2-results__option[aria-disabled=true] {
-  color: #999;
-}
-
-.select2-container--default .select2-results__option[aria-selected=true] {
-  background-color: #ddd;
-  &,
-  &:hover {
-    color: #444;
-  }
-}
-
-//Multiple select
-.select2-container--default {
-  .select2-selection--multiple {
-    border: 1px solid $gray-x-light;
-    //border-radius: $input-radius;
-    &:focus {
-      border-color: theme-color("primary");
-    }
-  }
-  &.select2-container--focus .select2-selection--multiple {
-    border-color: $gray-x-light;
-  }
-}
-
-.select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: theme-color("primary");
-  border-color: darken(theme-color("primary"), 5%);
-  padding: 1px 10px;
-  color: $white;
-}
-
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  margin-right: 5px;
-  color: rgba(255, 255, 255, 0.7);
-  &:hover {
-    color: $white;
-  }
-}
-
-.select2-container .select2-selection--single .select2-selection__rendered {
-  padding-right: 10px;
-}

build/scss/_sidebar-mini.scss

@@ -1,127 +0,0 @@
-/*
- * Component: Sidebar Mini
- */
-
-// Add sidebar-mini class to the body tag to activate this feature
-.sidebar-mini {
-  // Sidebar mini should work only on large devices
-  @include media-breakpoint-up(lg) {
-    // A fix for text overflow while transitioning from sidebar mini to full sidebar
-    .nav-sidebar,
-    .nav-sidebar > .nav-header,
-    .nav-sidebar .nav-link {
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    // When the sidebar is collapsed...
-    &.sidebar-collapse {
-      .d-hidden-mini {
-        display: none;
-      }
-
-      // Apply the new margins to the main content and footer
-      .content-wrapper,
-      .main-footer,
-      .main-header {
-        margin-left: $sidebar-mini-width !important;
-      }
-
-      // Make the sidebar headers
-      .nav-sidebar .nav-header {
-        display: none;
-      }
-
-      .sidebar .user-panel > .info,
-      .nav-sidebar .nav-link p,
-      .brand-text {
-        opacity: 0;
-        margin-left: -10px;
-      }
-
-      // Modify the sidebar to shrink instead of disappearing
-      .main-sidebar {
-        &,
-        &:before {
-          // Don't go away! Just shrink
-          margin-left: 0;
-          width: $sidebar-mini-width;
-        }
-
-        .user-panel {
-          .image {
-            float: none;
-          }
-        }
-
-        &:hover {
-          width: $sidebar-width;
-          .user-panel {
-            text-align: left;
-            .image {
-              float: left;
-            }
-          }
-
-          .user-panel > .info,
-          .nav-sidebar .nav-link p,
-          .brand-text {
-            opacity: 1;
-            margin-left: 0;
-            display: inline-block;
-          }
-
-          .brand-image {
-            margin-right: .5rem;
-          }
-
-          // Make the sidebar links, menus, labels, badges
-          // and angle icons disappear
-          .sidebar-form,
-          .user-panel > .info {
-            display: block !important;
-            -webkit-transform: translateZ(0);
-          }
-
-          .nav-sidebar > .nav-item > .nav-link > span {
-            display: inline-block !important;
-          }
-        }
-      }
-
-      // Make an element visible only when sidebar mini is active
-      .visible-sidebar-mini {
-        display: block !important;
-      }
-    }
-  }
-}
-
-.nav-sidebar {
-  position: relative;
-  &:hover {
-    overflow: visible;
-  }
-}
-
-.sidebar-form,
-.nav-sidebar > .nav-header {
-  overflow: hidden;
-  text-overflow: clip;
-}
-
-.nav-sidebar .nav-item > .nav-link {
-  position: relative;
-  > .float-right {
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    margin-top: -7px;
-  }
-}
-
-.sidebar .nav-link p,
-.main-sidebar .brand-text,
-.sidebar .user-panel .info {
-  @include transition(margin-left $transition-speed linear, opacity .5s ease)
-}

build/scss/_small-box.scss

@@ -1,91 +0,0 @@
-/*
- * Component: Small Box
- * --------------------
- */
-
-.small-box {
-  @include border-radius($border-radius);
-  @include box-shadow($card-shadow);
-  @extend .mb-3;
-
-  position: relative;
-  display: block;
-  margin-bottom: 20px;
-
-  // content wrapper
-  > .inner {
-    padding: 10px;
-  }
-
-  > .small-box-footer {
-    position: relative;
-    text-align: center;
-    padding: 3px 0;
-    color: $white;
-    color: rgba(255, 255, 255, 0.8);
-    display: block;
-    z-index: 10;
-    background: rgba(0, 0, 0, 0.1);
-    text-decoration: none;
-    &:hover {
-      color: $white;
-      background: rgba(0, 0, 0, 0.15);
-    }
-  }
-
-  h3 {
-    font-size: 38px;
-    font-weight: bold;
-    margin: 0 0 10px 0;
-    white-space: nowrap;
-    padding: 0;
-
-  }
-
-  p {
-    font-size: 15px;
-    > small {
-      display: block;
-      color: #f9f9f9;
-      font-size: 13px;
-      margin-top: 5px;
-    }
-  }
-
-  h3, p {
-    z-index: 5;
-  }
-
-  // the icon
-  .icon {
-    transition: all $transition-speed linear;
-    position: absolute;
-    top: -10px;
-    right: 10px;
-    z-index: 0;
-    font-size: 90px;
-    color: rgba(0, 0, 0, 0.15);
-  }
-
-  // Small box hover state
-  &:hover {
-    text-decoration: none;
-    // Animate icons on small box hover
-    .icon {
-      font-size: 95px;
-    }
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  // No need for icons on very small devices
-  .small-box {
-    text-align: center;
-    .icon {
-      display: none;
-    }
-    p {
-      font-size: 12px;
-    }
-  }
-}

build/scss/_social-widgets.scss

@@ -1,81 +0,0 @@
-/*
- * Component: Social Widgets
- * -------------------------
- */
-//General widget style
-.card-widget {
-  border: none;
-  position: relative;
-}
-
-//User Widget Style 1
-.widget-user {
-  //User name container
-  .widget-user-header {
-    padding: 1rem;
-    height: 120px;
-    @if $enable-rounded {
-      @include border-top-radius($border-radius);
-    }
-  }
-  //User name
-  .widget-user-username {
-    margin-top: 0;
-    margin-bottom: 5px;
-    font-size: 25px;
-    font-weight: 300;
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-  }
-  //User single line description
-  .widget-user-desc {
-    margin-top: 0;
-  }
-  //User image container
-  .widget-user-image {
-    position: absolute;
-    top: 65px;
-    left: 50%;
-    margin-left: -45px;
-    > img {
-      width: 90px;
-      height: auto;
-      border: 3px solid $white;
-    }
-  }
-
-  .card-footer {
-    padding-top: 40px;
-  }
-}
-
-//User Widget Style 2
-.widget-user-2 {
-  //User name container
-  .widget-user-header {
-    padding: 1rem;
-    @include border-top-radius($border-radius);
-  }
-  //User name
-  .widget-user-username {
-    margin-top: 5px;
-    margin-bottom: 5px;
-    font-size: 25px;
-    font-weight: 300;
-  }
-  //User single line description
-  .widget-user-desc {
-    margin-top: 0;
-  }
-  .widget-user-username,
-  .widget-user-desc {
-    margin-left: 75px;
-  }
-  //User image container
-  .widget-user-image {
-    > img {
-      width: 65px;
-      height: auto;
-      float: left;
-    }
-  }
-}

build/scss/_table.scss

@@ -1,42 +0,0 @@
-/*
- * Component: Table
- * ----------------
- */
-
-.table.no-border {
-  &,
-  td,
-  th {
-    border: 0;
-  }
-}
-
-// .text-center in tables
-.table.text-center {
-  &, td, th {
-    text-align: center;
-  }
-}
-
-.table-valign-middle {
-  thead > tr > th,
-  thead > tr > td,
-  tbody > tr > th,
-  tbody > tr > td {
-    vertical-align: middle;
-  }
-}
-
-.card-body.p-0 .table {
-  thead > tr > th,
-  thead > tr > td,
-  tbody > tr > th,
-  tbody > tr > td {
-    &:first-of-type {
-      @extend .pl-4;
-    }
-    &:last-of-type {
-      @extend .pr-4;
-    }
-  }
-}

build/scss/_text.scss

@@ -1,21 +0,0 @@
-.text-bold {
-  &, &.table td, &.table th {
-    font-weight: 700;
-  }
-}
-
-.text-sm {
-  font-size: $font-size-sm;
-}
-
-.text-xs {
-  font-size: $font-size-base;
-}
-
-.text-lg {
-  font-size: $font-size-lg;
-}
-
-.text-xl {
-  font-size: $font-size-xl;
-}

build/scss/_users-list.scss

@@ -1,42 +0,0 @@
-/*
- * Component: Users List
- * ---------------------
- */
-.users-list {
-  @extend .list-unstyled;
-  > li {
-    width: 25%;
-    float: left;
-    padding: 10px;
-    text-align: center;
-    img {
-      @include border-radius(50%);
-      max-width: 100%;
-      height: auto;
-    }
-    > a:hover {
-      &,
-      .users-list-name {
-        color: #999;
-      }
-    }
-  }
-}
-
-.users-list-name,
-.users-list-date {
-  display: block;
-}
-
-.users-list-name {
-  font-size: $font-size-sm;
-  color: #444;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.users-list-date {
-  color: #999;
-  font-size: 12px;
-}

build/scss/_variables.scss

@@ -1,153 +0,0 @@
-// AdminLTE 3 Variables.less
-// =========================
-
-// COLORS
-// --------------------------------------------------------
-$blue: #0073b7 !default;
-$navy: #001F3F !default;
-$teal: #39CCCC !default;
-$olive: #3D9970 !default;
-$lime: #01FF70 !default;
-$orange: #FF851B !default;
-$fuchsia: #F012BE !default;
-$purple: #605ca8 !default;
-$maroon: #D81B60 !default;
-$black: #111 !default;
-$gray-x-light: #d2d6de !default;
-
-// LAYOUT
-// --------------------------------------------------------
-
-$font-size-root: 1rem !default;
-
-// Sidebar
-$sidebar-width: 250px !default;
-$sidebar-padding-x: 0.5rem !default;
-$sidebar-padding-y: 0 !default;
-
-// Boxed layout maximum width
-$boxed-layout-max-width: 1250px !default;
-
-// When to show the smaller logo
-$screen-header-collapse: map-get($grid-breakpoints, md) !default;
-
-// Body background (Affects main content background only)
-$main-bg: #f4f6f9 !default;
-
-// Content padding
-$content-padding-y: 0 !default;
-$content-padding-x: $navbar-padding-x !default;
-
-// MAIN HEADER
-// --------------------------------------------------------
-$main-header-link-padding-y: $navbar-padding-y !default;
-$main-header-link-padding-x: $navbar-padding-x !default;
-$main-header-brand-padding-y: $navbar-brand-padding-y !default;
-$main-header-brand-padding-x: $navbar-padding-x !default;
-$main-header-height: (($font-size-root * $line-height-base) + ($main-header-link-padding-y * 2)) !default;
-
-// Main header skins
-$main-header-dark-form-control-bg: hsla(100, 100%, 100%, 0.2) !default;
-$main-header-dark-form-control-focused-bg: hsla(100, 100%, 100%, 0.6) !default;
-$main-header-dark-form-control-focused-color: $gray-800 !default;
-$main-header-dark-form-control-border: 0 !default;
-$main-header-dark-form-control-focused-border: 0 !default;
-$main-header-dark-placeholder-color: hsla(100, 100%, 100%, 0.6) !default;
-
-$main-header-light-form-control-bg: darken($gray-100, 2%) !default;
-$main-header-light-form-control-focused-bg: $gray-200 !default;
-$main-header-light-form-control-focused-color: $gray-800 !default;
-$main-header-light-form-control-border: 0 !default;
-$main-header-light-form-control-focused-border: 0 !default;
-$main-header-light-placeholder-color: hsla(0, 0%, 0%, 0.6) !default;
-
-// MAIN FOOTER
-// --------------------------------------------------------
-$main-footer-padding: 15px !default;
-$main-footer-border-top-width: 1px !default;
-$main-footer-border-top-color: $gray-300 !default;
-$main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
-$main-footer-height: 30px; //(($font-size-root * $line-height-base) + ($main-footer-padding * 2)) + $main-footer-border-top-width !default;
-$main-footer-bg: $white;
-
-// SIDEBAR SKINS
-// --------------------------------------------------------
-
-// Dark sidebar
-$sidebar-dark-bg: $dark !default;
-$sidebar-dark-hover-bg: hsla(100, 100%, 100%, 0.1) !default;
-$sidebar-dark-color: #C2C7D0 !default;
-$sidebar-dark-hover-color: $white !default;
-$sidebar-dark-active-color: $white !default;
-$sidebar-dark-submenu-bg: transparent !default;
-$sidebar-dark-submenu-color: #C2C7D0 !default;
-$sidebar-dark-submenu-hover-color: $white !default;
-$sidebar-dark-submenu-hover-bg: $sidebar-dark-hover-bg !default;
-$sidebar-dark-submenu-active-color: $sidebar-dark-bg !default;
-$sidebar-dark-submenu-active-bg: hsla(100, 100%, 100%, 0.9) !default;
-$sidebar-dark-header-color: $white !default;
-
-// Light sidebar
-$sidebar-light-bg: $white !default;
-$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%) !default;
-$sidebar-light-color: $gray-800 !default;
-$sidebar-light-hover-color: $gray-900 !default;
-$sidebar-light-active-color: $white !default;
-$sidebar-light-submenu-bg: transparent !default;
-$sidebar-light-submenu-color: #777 !default;
-$sidebar-light-submenu-hover-color: #000 !default;
-$sidebar-light-submenu-hover-bg: $sidebar-light-hover-bg !default;
-$sidebar-light-submenu-active-color: $sidebar-light-hover-color !default;
-$sidebar-light-submenu-active-bg: $sidebar-light-submenu-hover-bg !default;
-$sidebar-light-header-color: $gray-800 !default;
-
-// SIDEBAR MINI
-// --------------------------------------------------------
-$sidebar-mini-width: ($nav-link-padding-x + $sidebar-padding-x + .8rem) * 2 !default;
-$sidebar-nav-icon-width: $sidebar-mini-width - (($sidebar-padding-x + $nav-link-padding-x) * 2);
-$sidebar-user-image-width: $sidebar-nav-icon-width + ($nav-link-padding-x / 2);
-
-// CONTROL SIDEBAR
-// --------------------------------------------------------
-$control-sidebar-width: $sidebar-width !default;
-
-// Cards
-// --------------------------------------------------------
-$card-border-color: #f4f4f4 !default;
-$card-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !default;
-$card-title-font-size: $font-size-lg;
-$card-title-font-weight: $font-weight-normal;
-
-// PROGRESS BARS
-// --------------------------------------------------------
-$progress-bar-border-radius: 1px !default;
-$progress-bar-sm-border-radius: 1px !default;
-$progress-bar-xs-border-radius: 1px !default;
-
-// DIRECT CHAT
-// --------------------------------------------------------
-$direct-chat-height: 250px !default;
-$direct-chat-default-msg-bg: $gray-x-light !default;
-$direct-chat-default-font-color: #444 !default;
-$direct-chat-default-msg-border-color: $gray-x-light !default;
-
-// CHAT WIDGET
-// --------------------------------------------------------
-$attachment-border-radius: 3px !default;
-
-// Z-INDEX
-// --------------------------------------------------------
-$zindex-main-header: 1000 !default;
-$zindex-main-sidebar: 1100 !default;
-$zindex-sidebar-mini-links: 010 !default;
-
-// TRANSITIONS SETTINGS
-// --------------------------------------------------------
-
-// Transition global options
-$transition-speed: 0.3s !default;
-$transition-fn: ease-in-out !default;
-
-// TEXT
-// --------------------------------------------------------
-$font-size-xl: ($font-size-base * 2);

composer.json

@@ -1,7 +1,7 @@
 {
   "name": "almasaeed2010/adminlte",
-  "description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 3",
-  "homepage": "http://adminlte.io/",
+  "description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 4",
+  "homepage": "https://adminlte.io/",
   "keywords": [
     "css",
     "js",
@@ -15,12 +15,11 @@
   ],
   "authors": [
     {
-      "name": "Abdullah Almsaeed",
-      "email": "support@adminlte.io"
+      "name": "Colorlib"
     }
   ],
   "license": "MIT",
   "support": {
-    "issues": "https://github.com/almasaeed2010/AdminLTE/issues"
+    "issues": "https://github.com/ColorlibHQ/AdminLTE/issues"
   }
 }