diff --git a/.prettierrc b/.prettierrc index 951ce9f..57b161e 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,11 +1,27 @@ +{ + "overrides": [ { + "files": ".prettierrc", + "options": { "parser": "json" } + }, + { + "files": "*.scss", + "options": { + "tabWidth": 4, + "semi": false, + "singleQuote": true, + "printWidth": 90 + } + }, + { + "files": "*.js", + "options": { "arrowParens": "avoid", "bracketSpacing": true, "htmlWhitespaceSensitivity": "css", "insertPragma": false, "bracketSameLine": false, "jsxSingleQuote": true, - "parser": "babel", "proseWrap": "preserve", "requirePragma": false, "semi": true, @@ -14,4 +30,7 @@ "useTabs": true, "tabWidth": 4, "printWidth": 90 - } \ No newline at end of file + } + } + ] +} diff --git a/.stylelintrc b/.stylelintrc new file mode 100644 index 0000000..4448120 --- /dev/null +++ b/.stylelintrc @@ -0,0 +1,6 @@ +{ + "extends": [ + "stylelint-config-standard-scss", + "stylelint-config-prettier-scss" + ] +} diff --git a/brain/views/dash/_frame.twig b/brain/views/dash/_frame.twig index 9e7f5bb..4f96798 100644 --- a/brain/views/dash/_frame.twig +++ b/brain/views/dash/_frame.twig @@ -12,7 +12,7 @@
-
+
diff --git a/brain/views/dash/page-edit.twig b/brain/views/dash/page-edit.twig index 9298e34..60eb09e 100644 --- a/brain/views/dash/page-edit.twig +++ b/brain/views/dash/page-edit.twig @@ -4,27 +4,27 @@ if not, just make them empty #} {% if mode == 'edit' %} - {% set id = page['id'] %} - {% set uuid = page['uuid'] %} + {% set id = page['id'] %} + {% set uuid = page['uuid'] %} {% set slug = page['slug'] %} {% set layout = page['layout'] %} - {% set feature = page['feature'] %} - {% set _title = page['title'] %} - {% set tags = page['tags'] %} - {% set content = page['content'] %} + {% set feature = page['feature'] %} + {% set _title = page['title'] %} + {% set tags = page['tags'] %} + {% set content = page['content'] %} {% set date = page['created'] %} {% set updated = page['updated'] %} {% set media = page['media'] %} {% set files = page['docs'] %} {% else %} - {% set id = '' %} - {% set uuid = '' %} + {% set id = '' %} + {% set uuid = '' %} {% set slug = '' %} {% set layout = 'page' %} - {% set feature = '' %} + {% set feature = '' %} {% set title = '' %} - {% set tags = '' %} - {% set content = '' %} + {% set tags = '' %} + {% set content = '' %} {% set date = '' %} {% set updated = '' %} {% set media = '' %} @@ -37,145 +37,144 @@ {% block stylesheets %} -{% endblock %} + {% endblock %} -{% block mainContent %} -
-
-
- {% if page['feature'] == null %} -
-
-
- + {% block mainContent %} +
+
+
+ {% if page['feature'] == null %} +
+
+
+ +
+ IMAGES AND VIDEO +
+ FILES +
- IMAGES AND VIDEO -
- FILES -
+
- -
- {% else %} -
-
-
- -
- IMAGES AND VIDEO -
- {% if media|length > 1 %} - {% for item in media %} - {% if item.type == "mp4"%} -
- {% else %} -
- {% endif %} - {% endfor %} - {% else %} - {% if media[0] != '' %} - {% if media[0].type == "mp4"%} -
- {% else %} -
- {% endif %} - {% else %} - {% endif %} - {% endif %} - -
- FILES -
- {% if files|length > 1 %} - {% for item in files %} - {% if item.type == "mp3"%} -
- {% else %} -
- {% endif %} - {% endfor %} - {% else %} - {% if files[0] != '' %} - {% if files[0].type == "mp3"%} -
- {% else %} -
- {% endif %} - - {% else %} - - {% endif %} - {% endif %} - -
-
- -
- {% endif %} - -
-
-
-
- - - -
- -
- - - {{ date }} - -
-
- - - - {% apply spaceless %} - {{ include("dash/partials/options.twig") }} - {% endapply %} - - - {{ updated }} - - - - -
+ {% endif %} +
-
-
- {% apply spaceless %} - {{ include("dash/partials/editor.twig") }} - {% endapply %} -
- - 
+				

+					

+						

+							
+							
+
+							

+								
+								
+							

+							
+							
+								{{ date }}
+							
+						

+						

+							
+							
+							
+							{% apply spaceless %}
+							{{ include("dash/partials/options.twig") }}
+							{% endapply %}
+							
+							
+								{{ updated }}
+							
+							
+							
+							

+						

+					

+					

+						{% apply spaceless %}
+						{{ include("dash/partials/editor.twig") }}
+						{% endapply %}
+						

+							
+							
                 
                   
                 
               

+						

+
-
-
-{% endblock %} + {% endblock %} -{% block javascripts %} - -{% endblock %} + {% block javascripts %} + + {% endblock %} diff --git a/package-lock.json b/package-lock.json index d89382b..b8331e5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,7 +28,10 @@ "eslint": "^8.11.0", "eslint-plugin-babel": "^5.3.1", "parcel": "^2.0.1", - "prettier": "^2.6.0" + "prettier": "^2.6.0", + "stylelint": "^14.8.2", + "stylelint-config-prettier-scss": "^0.0.1", + "stylelint-config-standard-scss": "^3.0.0" } }, "node_modules/@babel/code-frame": { @@ -3813,12 +3816,24 @@ "@types/node": "*" } }, + "node_modules/@types/minimist": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", + "dev": true + }, "node_modules/@types/node": { "version": "17.0.5", "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.5.tgz", "integrity": "sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==", "dev": true }, + "node_modules/@types/normalize-package-data": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", + "dev": true + }, "node_modules/@types/parse-json": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", @@ -4024,6 +4039,15 @@ "node": ">=0.10.0" } }, + "node_modules/arrify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", + "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/asn1": { "version": "0.2.6", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", @@ -5408,6 +5432,32 @@ "node": ">=6" } }, + "node_modules/camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/camelcase-keys": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", + "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", + "dev": true, + "dependencies": { + "camelcase": "^5.3.1", + "map-obj": "^4.0.0", + "quick-lru": "^4.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -5594,6 +5644,18 @@ "node": ">=0.8" } }, + "node_modules/clone-regexp": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", + "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==", + "dev": true, + "dependencies": { + "is-regexp": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/collection-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", @@ -5880,6 +5942,15 @@ "postcss": "^8.0.9" } }, + "node_modules/css-functions-list": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz", + "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==", + "dev": true, + "engines": { + "node": ">=12.22" + } + }, "node_modules/css-modules-loader-core": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz", @@ -6128,9 +6199,9 @@ } }, "node_modules/debug": { - "version": "4.3.3", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz", - "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==", + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", "dependencies": { "ms": "2.1.2" }, @@ -6143,6 +6214,37 @@ } } }, + "node_modules/decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/decamelize-keys": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", + "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", + "dev": true, + "dependencies": { + "decamelize": "^1.1.0", + "map-obj": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/decamelize-keys/node_modules/map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/decode-uri-component": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", @@ -7242,6 +7344,18 @@ "safe-buffer": "^5.1.1" } }, + "node_modules/execall": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", + "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==", + "dev": true, + "dependencies": { + "clone-regexp": "^2.1.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/expand-brackets": { "version": "0.1.5", "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz", @@ -7590,6 +7704,19 @@ "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true }, + "node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/flat-cache": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", @@ -7782,6 +7909,18 @@ "node": ">=6" } }, + "node_modules/get-stdin": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", + "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/get-symbol-description": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz", @@ -7860,6 +7999,41 @@ "is-glob": "^2.0.0" } }, + "node_modules/global-modules": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", + "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", + "dev": true, + "dependencies": { + "global-prefix": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/global-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", + "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", + "dev": true, + "dependencies": { + "ini": "^1.3.5", + "kind-of": "^6.0.2", + "which": "^1.3.1" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/global-prefix/node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/globals": { "version": "9.18.0", "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", @@ -7869,16 +8043,16 @@ } }, "node_modules/globby": { - "version": "11.0.4", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz", - "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", "dev": true, "dependencies": { "array-union": "^2.1.0", "dir-glob": "^3.0.1", - "fast-glob": "^3.1.1", - "ignore": "^5.1.4", - "merge2": "^1.3.0", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", "slash": "^3.0.0" }, "engines": { @@ -7888,6 +8062,101 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/globby/node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/globby/node_modules/fast-glob": { + "version": "3.2.11", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", + "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/globby/node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/globby/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/globby/node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/globby/node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/globby/node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/globby/node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, "node_modules/globby/node_modules/slash": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", @@ -7897,6 +8166,24 @@ "node": ">=8" } }, + "node_modules/globby/node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/globjoin": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", + "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=", + "dev": true + }, "node_modules/graceful-fs": { "version": "4.2.6", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", @@ -7925,6 +8212,15 @@ "node": ">=6" } }, + "node_modules/hard-rejection": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", + "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/has": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", @@ -8161,6 +8457,18 @@ "node": ">=0.10.0" } }, + "node_modules/hosted-git-info": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/html-encoding-sniffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz", @@ -8478,6 +8786,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/import-lazy": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", + "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -8486,6 +8803,15 @@ "node": ">=0.8.19" } }, + "node_modules/indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/indexes-of": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", @@ -8506,6 +8832,12 @@ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" }, + "node_modules/ini": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true + }, "node_modules/internal-slot": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz", @@ -8958,6 +9290,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-regexp": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz", + "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/is-shared-array-buffer": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz", @@ -9338,6 +9679,12 @@ "graceful-fs": "^4.1.9" } }, + "node_modules/known-css-properties": { + "version": "0.25.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz", + "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==", + "dev": true + }, "node_modules/levn": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", @@ -9414,6 +9761,18 @@ "json5": "lib/cli.js" } }, + "node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", @@ -9454,6 +9813,12 @@ "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=", "dev": true }, + "node_modules/lodash.truncate": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz", + "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=", + "dev": true + }, "node_modules/lodash.uniq": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", @@ -9593,6 +9958,18 @@ "node": ">=0.10.0" } }, + "node_modules/map-obj": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", + "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/map-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", @@ -9647,6 +10024,16 @@ "dev": true, "optional": true }, + "node_modules/mathml-tag-names": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", + "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -9669,6 +10056,44 @@ "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=" }, + "node_modules/meow": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", + "dev": true, + "dependencies": { + "@types/minimist": "^1.2.0", + "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", + "decamelize-keys": "^1.1.0", + "hard-rejection": "^2.1.0", + "minimist-options": "4.1.0", + "normalize-package-data": "^3.0.0", + "read-pkg-up": "^7.0.1", + "redent": "^3.0.0", + "trim-newlines": "^3.0.0", + "type-fest": "^0.18.0", + "yargs-parser": "^20.2.3" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/meow/node_modules/type-fest": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", + "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -9752,6 +10177,15 @@ "node": ">=6" } }, + "node_modules/min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, "node_modules/minami": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/minami/-/minami-1.2.3.tgz", @@ -9785,6 +10219,38 @@ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" }, + "node_modules/minimist-options": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", + "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", + "dev": true, + "dependencies": { + "arrify": "^1.0.1", + "is-plain-obj": "^1.1.0", + "kind-of": "^6.0.3" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/minimist-options/node_modules/is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/minimist-options/node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/mixin-deep": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", @@ -9856,9 +10322,9 @@ "dev": true }, "node_modules/nanoid": { - "version": "3.1.30", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz", - "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==", + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", + "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", "dev": true, "bin": { "nanoid": "bin/nanoid.cjs" @@ -9971,6 +10437,36 @@ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz", "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==" }, + "node_modules/normalize-package-data": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", + "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", + "dev": true, + "dependencies": { + "hosted-git-info": "^4.0.1", + "is-core-module": "^2.5.0", + "semver": "^7.3.4", + "validate-npm-package-license": "^3.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/normalize-package-data/node_modules/semver": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/normalize-path": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", @@ -9984,6 +10480,12 @@ "node": ">=0.10.0" } }, + "node_modules/normalize-selector": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz", + "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=", + "dev": true + }, "node_modules/normalize-url": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz", @@ -10413,6 +10915,42 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", @@ -10619,6 +11157,15 @@ "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", "dev": true }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", @@ -10691,9 +11238,9 @@ "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" }, "node_modules/picomatch": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz", - "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "engines": { "node": ">=8.6" }, @@ -10718,21 +11265,27 @@ } }, "node_modules/postcss": { - "version": "8.4.5", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz", - "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==", + "version": "8.4.13", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz", + "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==", "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + } + ], "dependencies": { - "nanoid": "^3.1.30", + "nanoid": "^3.3.3", "picocolors": "^1.0.0", - "source-map-js": "^1.0.1" + "source-map-js": "^1.0.2" }, "engines": { "node": "^10 || ^12 || >=14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" } }, "node_modules/postcss-calc": { @@ -10829,6 +11382,12 @@ "postcss": "^8.2.15" } }, + "node_modules/postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=", + "dev": true + }, "node_modules/postcss-merge-longhand": { "version": "5.0.4", "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz", @@ -11400,10 +11959,48 @@ "postcss": "^8.2.15" } }, + "node_modules/postcss-resolve-nested-selector": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz", + "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=", + "dev": true + }, + "node_modules/postcss-safe-parser": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz", + "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==", + "dev": true, + "engines": { + "node": ">=12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.3.3" + } + }, + "node_modules/postcss-scss": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.4.tgz", + "integrity": "sha512-aBBbVyzA8b3hUL0MGrpydxxXKXFZc5Eqva0Q3V9qsBOLEMsjb6w49WfpsoWzpEgcqJGW4t7Rio8WXVU9Gd8vWg==", + "dev": true, + "engines": { + "node": ">=12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.3.3" + } + }, "node_modules/postcss-selector-parser": { - "version": "6.0.8", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz", - "integrity": "sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==", + "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", + "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "dependencies": { "cssesc": "^3.0.0", @@ -11656,6 +12253,15 @@ } ] }, + "node_modules/quick-lru": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", + "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/randomatic": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz", @@ -11728,6 +12334,74 @@ "node": ">=0.10.0" } }, + "node_modules/read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "dependencies": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "dependencies": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/read-pkg-up/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg/node_modules/hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "node_modules/read-pkg/node_modules/normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "dependencies": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "node_modules/read-pkg/node_modules/type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/readable-stream": { "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", @@ -12139,6 +12813,19 @@ "dev": true, "optional": true }, + "node_modules/redent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", + "dev": true, + "dependencies": { + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", @@ -12356,6 +13043,15 @@ "request": "^2.34" } }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/requires-port": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", @@ -12811,9 +13507,9 @@ } }, "node_modules/signal-exit": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz", - "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==", + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true }, "node_modules/slash": { @@ -13054,9 +13750,9 @@ } }, "node_modules/source-map-js": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz", - "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", "engines": { "node": ">=0.10.0" } @@ -13091,6 +13787,47 @@ "dev": true, "optional": true }, + "node_modules/spdx-correct": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", + "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", + "dev": true, + "dependencies": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-exceptions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", + "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", + "dev": true + }, + "node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-license-ids": { + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", + "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", + "dev": true + }, + "node_modules/specificity": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", + "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", + "dev": true, + "bin": { + "specificity": "bin/specificity" + } + }, "node_modules/split-string": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", @@ -13357,6 +14094,18 @@ "node": ">=0.10.0" } }, + "node_modules/strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "dependencies": { + "min-indent": "^1.0.0" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-json-comments": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", @@ -13368,6 +14117,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/style-search": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", + "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=", + "dev": true + }, "node_modules/stylehacks": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.0.1.tgz", @@ -13384,6 +14139,337 @@ "postcss": "^8.2.15" } }, + "node_modules/stylelint": { + "version": "14.8.2", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz", + "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==", + "dev": true, + "dependencies": { + "balanced-match": "^2.0.0", + "colord": "^2.9.2", + "cosmiconfig": "^7.0.1", + "css-functions-list": "^3.0.1", + "debug": "^4.3.4", + "execall": "^2.0.0", + "fast-glob": "^3.2.11", + "fastest-levenshtein": "^1.0.12", + "file-entry-cache": "^6.0.1", + "get-stdin": "^8.0.0", + "global-modules": "^2.0.0", + "globby": "^11.1.0", + "globjoin": "^0.1.4", + "html-tags": "^3.2.0", + "ignore": "^5.2.0", + "import-lazy": "^4.0.0", + "imurmurhash": "^0.1.4", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.25.0", + "mathml-tag-names": "^2.1.3", + "meow": "^9.0.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "normalize-selector": "^0.2.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.13", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-safe-parser": "^6.0.0", + "postcss-selector-parser": "^6.0.10", + "postcss-value-parser": "^4.2.0", + "resolve-from": "^5.0.0", + "specificity": "^0.4.1", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "style-search": "^0.1.0", + "supports-hyperlinks": "^2.2.0", + "svg-tags": "^1.0.0", + "table": "^6.8.0", + "v8-compile-cache": "^2.3.0", + "write-file-atomic": "^4.0.1" + }, + "bin": { + "stylelint": "bin/stylelint.js" + }, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + } + }, + "node_modules/stylelint-config-prettier": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz", + "integrity": "sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==", + "dev": true, + "bin": { + "stylelint-config-prettier": "bin/check.js", + "stylelint-config-prettier-check": "bin/check.js" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "stylelint": ">=11.0.0" + } + }, + "node_modules/stylelint-config-prettier-scss": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/stylelint-config-prettier-scss/-/stylelint-config-prettier-scss-0.0.1.tgz", + "integrity": "sha512-lBAYG9xYOh2LeWEPC/64xeUxwOTnQ8nDyBijQoWoJb10/bMGrUwnokpt8jegGck2Vbtxh6XGwH63z5qBcVHreQ==", + "dev": true, + "dependencies": { + "stylelint-config-prettier": ">=9.0.3" + }, + "bin": { + "stylelint-config-prettier-scss": "bin/check.js", + "stylelint-config-prettier-scss-check": "bin/check.js" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "stylelint": ">=11.0.0" + } + }, + "node_modules/stylelint-config-recommended": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz", + "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==", + "dev": true, + "peerDependencies": { + "stylelint": "^14.0.0" + } + }, + "node_modules/stylelint-config-recommended-scss": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz", + "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==", + "dev": true, + "dependencies": { + "postcss-scss": "^4.0.2", + "stylelint-config-recommended": "^6.0.0", + "stylelint-scss": "^4.0.0" + }, + "peerDependencies": { + "stylelint": "^14.0.0" + } + }, + "node_modules/stylelint-config-standard": { + "version": "24.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz", + "integrity": "sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==", + "dev": true, + "dependencies": { + "stylelint-config-recommended": "^6.0.0" + }, + "peerDependencies": { + "stylelint": "^14.0.0" + } + }, + "node_modules/stylelint-config-standard-scss": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz", + "integrity": "sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==", + "dev": true, + "dependencies": { + "stylelint-config-recommended-scss": "^5.0.2", + "stylelint-config-standard": "^24.0.0" + }, + "peerDependencies": { + "stylelint": "^14.0.0" + } + }, + "node_modules/stylelint-scss": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.2.0.tgz", + "integrity": "sha512-HHHMVKJJ5RM9pPIbgJ/XA67h9H0407G68Rm69H4fzFbFkyDMcTV1Byep3qdze5+fJ3c0U7mJrbj6S0Fg072uZA==", + "dev": true, + "dependencies": { + "lodash": "^4.17.21", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-selector-parser": "^6.0.6", + "postcss-value-parser": "^4.1.0" + }, + "peerDependencies": { + "stylelint": "^14.5.1" + } + }, + "node_modules/stylelint/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/balanced-match": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", + "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", + "dev": true + }, + "node_modules/stylelint/node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/fast-glob": { + "version": "3.2.11", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", + "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/stylelint/node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/stylelint/node_modules/html-tags": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz", + "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/stylelint/node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/stylelint/node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/stylelint/node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/stylelint/node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -13429,6 +14515,12 @@ "node": ">=8" } }, + "node_modules/svg-tags": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", + "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", + "dev": true + }, "node_modules/svgo": { "version": "2.8.0", "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz", @@ -13465,6 +14557,65 @@ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", "dev": true }, + "node_modules/table": { + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz", + "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==", + "dev": true, + "dependencies": { + "ajv": "^8.0.1", + "lodash.truncate": "^4.4.2", + "slice-ansi": "^4.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/table/node_modules/ajv": { + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz", + "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/table/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/table/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "node_modules/table/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/taffydb": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/taffydb/-/taffydb-2.6.2.tgz", @@ -13660,6 +14811,15 @@ "punycode": "^2.1.0" } }, + "node_modules/trim-newlines": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", + "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/trim-right": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", @@ -14063,6 +15223,16 @@ "node": ">= 0.10.0" } }, + "node_modules/validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "dependencies": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, "node_modules/verror": { "version": "1.10.0", "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", @@ -14288,6 +15458,19 @@ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" }, + "node_modules/write-file-atomic": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz", + "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==", + "dev": true, + "dependencies": { + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.7" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16" + } + }, "node_modules/ws": { "version": "6.2.2", "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz", @@ -14343,6 +15526,15 @@ "engines": { "node": ">= 6" } + }, + "node_modules/yargs-parser": { + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", + "dev": true, + "engines": { + "node": ">=10" + } } }, "dependencies": { @@ -16970,12 +18162,24 @@ "@types/node": "*" } }, + "@types/minimist": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", + "dev": true + }, "@types/node": { "version": "17.0.5", "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.5.tgz", "integrity": "sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==", "dev": true }, + "@types/normalize-package-data": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", + "dev": true + }, "@types/parse-json": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", @@ -17133,6 +18337,12 @@ "dev": true, "optional": true }, + "arrify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", + "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", + "dev": true + }, "asn1": { "version": "0.2.6", "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", @@ -18375,6 +19585,23 @@ "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==" }, + "camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true + }, + "camelcase-keys": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", + "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", + "dev": true, + "requires": { + "camelcase": "^5.3.1", + "map-obj": "^4.0.0", + "quick-lru": "^4.0.1" + } + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -18522,6 +19749,15 @@ "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=", "dev": true }, + "clone-regexp": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", + "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==", + "dev": true, + "requires": { + "is-regexp": "^2.0.0" + } + }, "collection-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", @@ -18775,6 +20011,12 @@ "timsort": "^0.3.0" } }, + "css-functions-list": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz", + "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==", + "dev": true + }, "css-modules-loader-core": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz", @@ -18970,13 +20212,37 @@ } }, "debug": { - "version": "4.3.3", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz", - "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==", + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", "requires": { "ms": "2.1.2" } }, + "decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", + "dev": true + }, + "decamelize-keys": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", + "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", + "dev": true, + "requires": { + "decamelize": "^1.1.0", + "map-obj": "^1.0.0" + }, + "dependencies": { + "map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "dev": true + } + } + }, "decode-uri-component": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz", @@ -19791,6 +21057,15 @@ "safe-buffer": "^5.1.1" } }, + "execall": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", + "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==", + "dev": true, + "requires": { + "clone-regexp": "^2.1.0" + } + }, "expand-brackets": { "version": "0.1.5", "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz", @@ -20083,6 +21358,16 @@ } } }, + "find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "requires": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + } + }, "flat-cache": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", @@ -20223,6 +21508,12 @@ "integrity": "sha512-/b3jarXkH8KJoOMQc3uVGHASwGLPq3gSFJ7tgJm2diza+bydJPTGOibin2steecKeOylE8oY2JERlVWkAJO6yw==", "dev": true }, + "get-stdin": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", + "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", + "dev": true + }, "get-symbol-description": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz", @@ -20283,33 +21574,147 @@ "is-glob": "^2.0.0" } }, + "global-modules": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", + "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", + "dev": true, + "requires": { + "global-prefix": "^3.0.0" + } + }, + "global-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", + "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", + "dev": true, + "requires": { + "ini": "^1.3.5", + "kind-of": "^6.0.2", + "which": "^1.3.1" + }, + "dependencies": { + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true + } + } + }, "globals": { "version": "9.18.0", "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz", "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==" }, "globby": { - "version": "11.0.4", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.4.tgz", - "integrity": "sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", "dev": true, "requires": { "array-union": "^2.1.0", "dir-glob": "^3.0.1", - "fast-glob": "^3.1.1", - "ignore": "^5.1.4", - "merge2": "^1.3.0", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", "slash": "^3.0.0" }, "dependencies": { + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "fast-glob": { + "version": "3.2.11", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", + "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "requires": { + "is-glob": "^4.0.1" + } + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, + "is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "requires": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + } + }, "slash": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", "dev": true + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } } } }, + "globjoin": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", + "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=", + "dev": true + }, "graceful-fs": { "version": "4.2.6", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", @@ -20331,6 +21736,12 @@ "har-schema": "^2.0.0" } }, + "hard-rejection": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", + "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", + "dev": true + }, "has": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", @@ -20507,6 +21918,15 @@ "os-tmpdir": "^1.0.1" } }, + "hosted-git-info": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, "html-encoding-sniffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz", @@ -20741,11 +22161,23 @@ "resolve-from": "^4.0.0" } }, + "import-lazy": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", + "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", + "dev": true + }, "imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=" }, + "indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true + }, "indexes-of": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz", @@ -20766,6 +22198,12 @@ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==" }, + "ini": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", + "dev": true + }, "internal-slot": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz", @@ -21081,6 +22519,12 @@ "has-tostringtag": "^1.0.0" } }, + "is-regexp": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz", + "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", + "dev": true + }, "is-shared-array-buffer": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.1.tgz", @@ -21386,6 +22830,12 @@ "graceful-fs": "^4.1.9" } }, + "known-css-properties": { + "version": "0.25.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz", + "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==", + "dev": true + }, "levn": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", @@ -21451,6 +22901,15 @@ } } }, + "locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "requires": { + "p-locate": "^4.1.0" + } + }, "lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", @@ -21491,6 +22950,12 @@ "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=", "dev": true }, + "lodash.truncate": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz", + "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=", + "dev": true + }, "lodash.uniq": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", @@ -21592,6 +23057,12 @@ "dev": true, "optional": true }, + "map-obj": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", + "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", + "dev": true + }, "map-visit": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", @@ -21632,6 +23103,12 @@ "dev": true, "optional": true }, + "mathml-tag-names": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", + "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -21654,6 +23131,34 @@ "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=" }, + "meow": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", + "dev": true, + "requires": { + "@types/minimist": "^1.2.0", + "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", + "decamelize-keys": "^1.1.0", + "hard-rejection": "^2.1.0", + "minimist-options": "4.1.0", + "normalize-package-data": "^3.0.0", + "read-pkg-up": "^7.0.1", + "redent": "^3.0.0", + "trim-newlines": "^3.0.0", + "type-fest": "^0.18.0", + "yargs-parser": "^20.2.3" + }, + "dependencies": { + "type-fest": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", + "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", + "dev": true + } + } + }, "merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -21721,6 +23226,12 @@ "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", "dev": true }, + "min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true + }, "minami": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/minami/-/minami-1.2.3.tgz", @@ -21751,6 +23262,31 @@ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" }, + "minimist-options": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", + "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", + "dev": true, + "requires": { + "arrify": "^1.0.1", + "is-plain-obj": "^1.1.0", + "kind-of": "^6.0.3" + }, + "dependencies": { + "is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true + }, + "kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true + } + } + }, "mixin-deep": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", @@ -21811,9 +23347,9 @@ "dev": true }, "nanoid": { - "version": "3.1.30", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz", - "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==", + "version": "3.3.4", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", + "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==", "dev": true }, "nanomatch": { @@ -21899,6 +23435,29 @@ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz", "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==" }, + "normalize-package-data": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", + "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", + "dev": true, + "requires": { + "hosted-git-info": "^4.0.1", + "is-core-module": "^2.5.0", + "semver": "^7.3.4", + "validate-npm-package-license": "^3.0.1" + }, + "dependencies": { + "semver": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + } + } + }, "normalize-path": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", @@ -21909,6 +23468,12 @@ "remove-trailing-separator": "^1.0.1" } }, + "normalize-selector": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz", + "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=", + "dev": true + }, "normalize-url": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz", @@ -22234,6 +23799,30 @@ } } }, + "p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "requires": { + "p-try": "^2.0.0" + } + }, + "p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true + }, "pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", @@ -22390,6 +23979,12 @@ "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", "dev": true }, + "path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true + }, "path-is-absolute": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", @@ -22450,9 +24045,9 @@ "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" }, "picomatch": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz", - "integrity": "sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==" + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" }, "pn": { "version": "1.1.0", @@ -22468,14 +24063,14 @@ "optional": true }, "postcss": { - "version": "8.4.5", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz", - "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==", + "version": "8.4.13", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz", + "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==", "dev": true, "requires": { - "nanoid": "^3.1.30", + "nanoid": "^3.3.3", "picocolors": "^1.0.0", - "source-map-js": "^1.0.1" + "source-map-js": "^1.0.2" } }, "postcss-calc": { @@ -22537,6 +24132,12 @@ "dev": true, "requires": {} }, + "postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=", + "dev": true + }, "postcss-merge-longhand": { "version": "5.0.4", "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.0.4.tgz", @@ -22956,10 +24557,30 @@ "postcss-value-parser": "^4.1.0" } }, + "postcss-resolve-nested-selector": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz", + "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=", + "dev": true + }, + "postcss-safe-parser": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz", + "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==", + "dev": true, + "requires": {} + }, + "postcss-scss": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.4.tgz", + "integrity": "sha512-aBBbVyzA8b3hUL0MGrpydxxXKXFZc5Eqva0Q3V9qsBOLEMsjb6w49WfpsoWzpEgcqJGW4t7Rio8WXVU9Gd8vWg==", + "dev": true, + "requires": {} + }, "postcss-selector-parser": { - "version": "6.0.8", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz", - "integrity": "sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ==", + "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", + "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "requires": { "cssesc": "^3.0.0", @@ -23138,6 +24759,12 @@ "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", "dev": true }, + "quick-lru": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", + "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", + "dev": true + }, "randomatic": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz", @@ -23197,6 +24824,63 @@ "integrity": "sha512-Gvzk7OZpiqKSkxsQvO/mbTN1poglhmAV7gR/DdIrRrSMXraRQQlfikRJOr3Nb9GTMPC5kof948Zy6jJZIFtDvQ==", "dev": true }, + "read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "requires": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "dependencies": { + "hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "requires": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true + } + } + }, + "read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "requires": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "dependencies": { + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true + } + } + }, "readable-stream": { "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", @@ -23543,6 +25227,16 @@ } } }, + "redent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", + "dev": true, + "requires": { + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" + } + }, "regenerate": { "version": "1.4.2", "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", @@ -23712,6 +25406,12 @@ "tough-cookie": "^2.3.3" } }, + "require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "dev": true + }, "requires-port": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", @@ -24052,9 +25752,9 @@ } }, "signal-exit": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz", - "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==", + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true }, "slash": { @@ -24247,9 +25947,9 @@ "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=" }, "source-map-js": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz", - "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==" + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" }, "source-map-resolve": { "version": "0.5.3", @@ -24281,6 +25981,44 @@ "dev": true, "optional": true }, + "spdx-correct": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", + "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", + "dev": true, + "requires": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-exceptions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", + "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", + "dev": true + }, + "spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "requires": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "spdx-license-ids": { + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", + "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", + "dev": true + }, + "specificity": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", + "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", + "dev": true + }, "split-string": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", @@ -24501,11 +26239,26 @@ "ansi-regex": "^2.0.0" } }, + "strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "requires": { + "min-indent": "^1.0.0" + } + }, "strip-json-comments": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==" }, + "style-search": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", + "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=", + "dev": true + }, "stylehacks": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.0.1.tgz", @@ -24516,6 +26269,248 @@ "postcss-selector-parser": "^6.0.4" } }, + "stylelint": { + "version": "14.8.2", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz", + "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==", + "dev": true, + "requires": { + "balanced-match": "^2.0.0", + "colord": "^2.9.2", + "cosmiconfig": "^7.0.1", + "css-functions-list": "^3.0.1", + "debug": "^4.3.4", + "execall": "^2.0.0", + "fast-glob": "^3.2.11", + "fastest-levenshtein": "^1.0.12", + "file-entry-cache": "^6.0.1", + "get-stdin": "^8.0.0", + "global-modules": "^2.0.0", + "globby": "^11.1.0", + "globjoin": "^0.1.4", + "html-tags": "^3.2.0", + "ignore": "^5.2.0", + "import-lazy": "^4.0.0", + "imurmurhash": "^0.1.4", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.25.0", + "mathml-tag-names": "^2.1.3", + "meow": "^9.0.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "normalize-selector": "^0.2.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.13", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-safe-parser": "^6.0.0", + "postcss-selector-parser": "^6.0.10", + "postcss-value-parser": "^4.2.0", + "resolve-from": "^5.0.0", + "specificity": "^0.4.1", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "style-search": "^0.1.0", + "supports-hyperlinks": "^2.2.0", + "svg-tags": "^1.0.0", + "table": "^6.8.0", + "v8-compile-cache": "^2.3.0", + "write-file-atomic": "^4.0.1" + }, + "dependencies": { + "ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true + }, + "balanced-match": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", + "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==", + "dev": true + }, + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "requires": { + "fill-range": "^7.0.1" + } + }, + "fast-glob": { + "version": "3.2.11", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", + "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", + "dev": true, + "requires": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "requires": { + "is-glob": "^4.0.1" + } + }, + "html-tags": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz", + "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=", + "dev": true + }, + "is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true + }, + "is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true + }, + "micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "requires": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + } + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "dev": true + }, + "resolve-from": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", + "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "requires": { + "is-number": "^7.0.0" + } + } + } + }, + "stylelint-config-prettier": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/stylelint-config-prettier/-/stylelint-config-prettier-9.0.3.tgz", + "integrity": "sha512-5n9gUDp/n5tTMCq1GLqSpA30w2sqWITSSEiAWQlpxkKGAUbjcemQ0nbkRvRUa0B1LgD3+hCvdL7B1eTxy1QHJg==", + "dev": true, + "requires": {} + }, + "stylelint-config-prettier-scss": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/stylelint-config-prettier-scss/-/stylelint-config-prettier-scss-0.0.1.tgz", + "integrity": "sha512-lBAYG9xYOh2LeWEPC/64xeUxwOTnQ8nDyBijQoWoJb10/bMGrUwnokpt8jegGck2Vbtxh6XGwH63z5qBcVHreQ==", + "dev": true, + "requires": { + "stylelint-config-prettier": ">=9.0.3" + } + }, + "stylelint-config-recommended": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz", + "integrity": "sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==", + "dev": true, + "requires": {} + }, + "stylelint-config-recommended-scss": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz", + "integrity": "sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==", + "dev": true, + "requires": { + "postcss-scss": "^4.0.2", + "stylelint-config-recommended": "^6.0.0", + "stylelint-scss": "^4.0.0" + } + }, + "stylelint-config-standard": { + "version": "24.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz", + "integrity": "sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw==", + "dev": true, + "requires": { + "stylelint-config-recommended": "^6.0.0" + } + }, + "stylelint-config-standard-scss": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz", + "integrity": "sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw==", + "dev": true, + "requires": { + "stylelint-config-recommended-scss": "^5.0.2", + "stylelint-config-standard": "^24.0.0" + } + }, + "stylelint-scss": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-4.2.0.tgz", + "integrity": "sha512-HHHMVKJJ5RM9pPIbgJ/XA67h9H0407G68Rm69H4fzFbFkyDMcTV1Byep3qdze5+fJ3c0U7mJrbj6S0Fg072uZA==", + "dev": true, + "requires": { + "lodash": "^4.17.21", + "postcss-media-query-parser": "^0.2.3", + "postcss-resolve-nested-selector": "^0.1.1", + "postcss-selector-parser": "^6.0.6", + "postcss-value-parser": "^4.1.0" + } + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -24551,6 +26546,12 @@ } } }, + "svg-tags": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", + "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", + "dev": true + }, "svgo": { "version": "2.8.0", "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz", @@ -24580,6 +26581,54 @@ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", "dev": true }, + "table": { + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz", + "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==", + "dev": true, + "requires": { + "ajv": "^8.0.1", + "lodash.truncate": "^4.4.2", + "slice-ansi": "^4.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1" + }, + "dependencies": { + "ajv": { + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz", + "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==", + "dev": true, + "requires": { + "fast-deep-equal": "^3.1.1", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.2.2" + } + }, + "ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true + }, + "json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", + "dev": true + }, + "strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "requires": { + "ansi-regex": "^5.0.1" + } + } + } + }, "taffydb": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/taffydb/-/taffydb-2.6.2.tgz", @@ -24728,6 +26777,12 @@ "punycode": "^2.1.0" } }, + "trim-newlines": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", + "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", + "dev": true + }, "trim-right": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz", @@ -25046,6 +27101,16 @@ "user-home": "^1.1.1" } }, + "validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "requires": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, "verror": { "version": "1.10.0", "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", @@ -25236,6 +27301,16 @@ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" }, + "write-file-atomic": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz", + "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==", + "dev": true, + "requires": { + "imurmurhash": "^0.1.4", + "signal-exit": "^3.0.7" + } + }, "ws": { "version": "6.2.2", "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz", @@ -25285,6 +27360,12 @@ "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", "dev": true + }, + "yargs-parser": { + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", + "dev": true } } } diff --git a/package.json b/package.json index bba2011..5a49979 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,10 @@ "eslint": "^8.11.0", "eslint-plugin-babel": "^5.3.1", "parcel": "^2.0.1", - "prettier": "^2.6.0" + "prettier": "^2.6.0", + "stylelint": "^14.8.2", + "stylelint-config-prettier-scss": "^0.0.1", + "stylelint-config-standard-scss": "^3.0.0" }, "dependencies": { "@babel/core": "^7.16.5", diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css index 5c567e0..ab11598 100644 --- a/public/assets/css/dash.css +++ b/public/assets/css/dash.css @@ -1745,8 +1745,8 @@ sub { sup { top: -0.55em; - background: #1D3040; - color: #1D3040; + background: #1d3040; + color: #1d3040; border-radius: 2px; padding: 0 2px 0 2px; margin: 0 2px 0 0; @@ -1791,7 +1791,8 @@ select { text-transform: none; } -button, html [type=button], +button, +html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; @@ -1883,8 +1884,10 @@ template { display: none; } -h1, h2, h3 { - color: #EFEBE3; +h1, +h2, +h3 { + color: #efebe3; } h1 { @@ -1902,8 +1905,9 @@ h3 { font-weight: 300; } -html, body { - background: #1D3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat; +html, +body { + background: #1d3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat; font: 400 1em Helvetica, Arial, sans-serif; height: 100%; } @@ -1946,7 +1950,9 @@ svg.icons { transform-origin: 50% 0; overflow: hidden; } -#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working { +#notifications #notifyMessage #notify-good, +#notifications #notifyMessage #notify-lame, +#notifications #notifyMessage #notify-working { display: block; } #notifications #notifyMessage #notify-working-icon { @@ -1964,16 +1970,16 @@ svg.icons { height: 30px; width: 30px; text-align: center; - border: 2px solid #EFEBE3; + border: 2px solid #efebe3; } #notifications #notifyMessage #notify-text { - color: #EFEBE3; + color: #efebe3; background: #32302f; width: 400px; height: 28px; padding: 15px 0 0 0; border-radius: 0 5px 5px 0; - border: 2px solid #EFEBE3; + border: 2px solid #efebe3; text-align: center; overflow: hidden; position: relative; @@ -1991,7 +1997,7 @@ svg.icons { position: relative; } #notifications #notifyMessage .icons { - fill: #EFEBE3; + fill: #efebe3; } .notify-close { @@ -2018,25 +2024,27 @@ svg.icons { width: 100%; max-width: 900px; margin: 10px auto; - background: #EFEBE3; + background: #efebe3; height: 50px; border-radius: 5px; } .main-container section header #wrapper { padding: 5px; } -.main-container section header #wrapper #left, .main-container section header #wrapper #right { +.main-container section header #wrapper #left, +.main-container section header #wrapper #right { width: 49.7%; display: inline-block; vertical-align: top; min-height: 60px; } -.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { +.main-container section header #wrapper #left #the-logo, +.main-container section header #wrapper #right #the-logo { width: 29px; } .main-container section header #wrapper #right { text-align: right; - color: #EFEBE3; + color: #efebe3; } .main-container section header #wrapper #right #dash-menu { text-align: right; @@ -2048,10 +2056,10 @@ svg.icons { transition: all 0.2s linear; width: 40px; height: 20px; - fill: #EFEBE3; + fill: #efebe3; } .main-container section header #wrapper #right #dash-menu a:hover button { - background: #1D3040; + background: #1d3040; } .main-container section header #wrapper #right #dash-menu a:hover svg { fill: #b2cce5; @@ -2060,30 +2068,30 @@ svg.icons { /* Mozilla based browsers */ ::-moz-selection { background-color: #fc6399; - color: #EFEBE3; + color: #efebe3; } /* Works in Safari */ ::selection { background-color: #fc6399; - color: #EFEBE3; + color: #efebe3; } /* Works in Opera */ ::-o-selection { background-color: #fc6399; - color: #EFEBE3; + color: #efebe3; } ::-ms-selection { background-color: #fc6399; - color: #EFEBE3; + color: #efebe3; } /* Works in Internet Explorer */ ::-webkit-selection { background-color: #fc6399; - color: #EFEBE3; + color: #efebe3; } @media only screen and (max-width: 901px) { @@ -2092,7 +2100,8 @@ svg.icons { } } @media only screen and (max-width: 800px) { - .main-container section header #wrapper #left, .main-container section header #wrapper #right { + .main-container section header #wrapper #left, +.main-container section header #wrapper #right { display: inline-block; } } @@ -2120,40 +2129,47 @@ svg.icons { height: 100%; margin: 0 auto; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore { +#dash-index-content #dash-index #dash-index-wrapper .dash-init, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; - color: #1D3040; + color: #1d3040; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form { - background: #EFEBE3; +#dash-index-content #dash-index #dash-index-wrapper .dash-init form, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form { + background: #efebe3; padding: 15px; width: 300px; border-radius: 5px; text-align: center; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo { +#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo { width: 40px; margin: 20px; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input { +#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form input { width: 290px; margin: 0 0 10px 0; height: 30px; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { +#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { width: 300px; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div { - background: #1D3040; - color: #EFEBE3; +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form div { + background: #1d3040; + color: #efebe3; border-radius: 3px; padding: 5px; } -#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label { +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, +#dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label { display: block; padding: 5px; color: #f5ab35; @@ -2170,24 +2186,28 @@ svg.icons { align-items: center; justify-content: center; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { width: 300px; padding: 0.75em; - background: #EFEBE3; + background: #efebe3; border-radius: 5px; - color: #EFEBE3; + color: #efebe3; text-align: center; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo { width: 40px; margin: 20px; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { width: 290px; margin: 0 0 10px 0; height: 30px; } -#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { width: 300px; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu { @@ -2203,7 +2223,7 @@ svg.icons { width: 30%; padding: 5px; border-radius: 3px; - color: #EFEBE3; + color: #efebe3; margin: 0 10px 10px 0; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { @@ -2212,7 +2232,7 @@ svg.icons { #dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { display: inline-block; vertical-align: top; - fill: #EFEBE3; + fill: #efebe3; } #dash-index-content #dash-index #dash-index-wrapper #dash-menu a label { display: inline-block; @@ -2239,7 +2259,7 @@ svg.icons { vertical-align: top; display: inline-block; width: 50%; - color: #EFEBE3; + color: #efebe3; font-size: 3em; } #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right { @@ -2248,7 +2268,7 @@ svg.icons { vertical-align: top; display: inline-block; right: 10px; - color: #EFEBE3; + color: #efebe3; } #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button { border-radius: 3px; @@ -2258,9 +2278,10 @@ svg.icons { transition: all 0.2s linear; width: 40px; height: 20px; - fill: #EFEBE3; + fill: #efebe3; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link { font-size: 1.5em; font-weight: 300; display: inline-block; @@ -2270,16 +2291,18 @@ svg.icons { position: relative; overflow: hidden; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video { width: 100%; height: 100%; object-fit: cover; position: absolute; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label { font-size: 1.4em; font-weight: 700; - color: #EFEBE3; + color: #efebe3; padding: 5px; vertical-align: top; display: inline-block; @@ -2290,57 +2313,68 @@ svg.icons { top: 35%; text-shadow: 2px 2px 0 #32302f; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options { width: 100%; position: absolute; bottom: 0; border-radius: 0 0 3px 3px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left { display: inline-block; vertical-align: top; width: 50%; position: relative; background: none; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button { border-radius: 3px; - background: #1D3040; + background: #1d3040; margin: 0 0 10px 10px; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg { width: 40px; height: 20px; fill: #b2cce5; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options { border-radius: 3px; margin: 5px; display: inline-block; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] { - background: #1D3040; +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] { + background: #1d3040; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg { fill: #b2cce5; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] { background: #f5ab35; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg { - fill: #1D3040; +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg { + fill: #1d3040; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right { display: inline-block; width: 50%; text-align: right; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span { font-weight: bold; display: block; - background: #EFEBE3; - color: #1D3040; + background: #efebe3; + color: #1d3040; border-radius: 3px; font-size: 0.6em; text-align: center; @@ -2355,24 +2389,28 @@ svg.icons { margin-bottom: 20px; height: 500px; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { width: 48.6%; height: 350px; margin: 0 10px 20px 0; } -#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { width: 48.6%; height: 350px; margin: 0 0 20px 10px; } @media only screen and (max-width: 768px) { - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { width: 48.9%; } } @media only screen and (max-width: 640px) { - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { width: 48.5%; } } @@ -2383,7 +2421,11 @@ svg.icons { #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { width: 60%; } - #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { width: 100%; margin: 15px 0 0 0; height: 400px; @@ -2400,12 +2442,12 @@ svg.icons { width: 185px; margin: 28px auto; text-align: center; - background: #EFEBE3; + background: #efebe3; padding: 2px; border-radius: 3px; } #settings-actions #buttons button { - color: #EFEBE3; + color: #efebe3; border-radius: 3px; width: 40px; margin: 0 10px 0 10px; @@ -2413,19 +2455,19 @@ svg.icons { #settings-actions #buttons button svg { width: 25px; height: 20px; - fill: #EFEBE3; + fill: #efebe3; } #settings-actions #buttons button[data-render=false] { background: #b2cce5; } #settings-actions #buttons button[data-render=false] svg { - fill: #1D3040; + fill: #1d3040; } #settings-actions #buttons button[data-render=true] { background: #fc6399; } #settings-actions #buttons button[data-render=true] svg { - fill: #EFEBE3; + fill: #efebe3; } #settings-index { @@ -2442,47 +2484,83 @@ svg.icons { width: 100%; height: 33px; } -#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #feature-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #token-settings, #settings-index #settings-index-wrapper #backup-settings { - background: #EFEBE3; +#settings-index #settings-index-wrapper #member-settings, +#settings-index #settings-index-wrapper #feature-settings, +#settings-index #settings-index-wrapper #option-settings, +#settings-index #settings-index-wrapper #token-settings, +#settings-index #settings-index-wrapper #backup-settings { + background: #efebe3; padding: 0px; border-radius: 5px 0 5px 0; width: 100%; margin: 20px auto; } -#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #feature-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #token-settings label, #settings-index #settings-index-wrapper #backup-settings label { +#settings-index #settings-index-wrapper #member-settings label, +#settings-index #settings-index-wrapper #feature-settings label, +#settings-index #settings-index-wrapper #option-settings label, +#settings-index #settings-index-wrapper #token-settings label, +#settings-index #settings-index-wrapper #backup-settings label { font-family: Helvetica, Arial, sans-serif; - color: #1D3040; + color: #1d3040; font-weight: bold; } -#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #feature-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #token-settings span, #settings-index #settings-index-wrapper #backup-settings span { +#settings-index #settings-index-wrapper #member-settings span, +#settings-index #settings-index-wrapper #feature-settings span, +#settings-index #settings-index-wrapper #option-settings span, +#settings-index #settings-index-wrapper #token-settings span, +#settings-index #settings-index-wrapper #backup-settings span { color: #b2cce5; } -#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #feature-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #token-settings input, #settings-index #settings-index-wrapper #backup-settings input { +#settings-index #settings-index-wrapper #member-settings input, +#settings-index #settings-index-wrapper #feature-settings input, +#settings-index #settings-index-wrapper #option-settings input, +#settings-index #settings-index-wrapper #token-settings input, +#settings-index #settings-index-wrapper #backup-settings input { width: 95%; margin: 0 5px 10px 0; height: 30px; padding: 10px; } -#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #feature-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #token-settings input#backup-upload, #settings-index #settings-index-wrapper #backup-settings input#backup-upload { +#settings-index #settings-index-wrapper #member-settings input#backup-upload, +#settings-index #settings-index-wrapper #feature-settings input#backup-upload, +#settings-index #settings-index-wrapper #option-settings input#backup-upload, +#settings-index #settings-index-wrapper #token-settings input#backup-upload, +#settings-index #settings-index-wrapper #backup-settings input#backup-upload { visibility: hidden; display: none; } -#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #feature-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #token-settings .backup-meta, #settings-index #settings-index-wrapper #backup-settings .backup-meta { - background: #1D3040; - color: #EFEBE3; +#settings-index #settings-index-wrapper #member-settings .backup-meta, +#settings-index #settings-index-wrapper #feature-settings .backup-meta, +#settings-index #settings-index-wrapper #option-settings .backup-meta, +#settings-index #settings-index-wrapper #token-settings .backup-meta, +#settings-index #settings-index-wrapper #backup-settings .backup-meta { + background: #1d3040; + color: #efebe3; padding: 8px; border-radius: 3px; margin: 5px 0 0 0; text-align: center; } -#settings-index #settings-index-wrapper #member-settings #member-images, #settings-index #settings-index-wrapper #feature-settings #member-images, #settings-index #settings-index-wrapper #option-settings #member-images, #settings-index #settings-index-wrapper #token-settings #member-images, #settings-index #settings-index-wrapper #backup-settings #member-images { +#settings-index #settings-index-wrapper #member-settings #member-images, +#settings-index #settings-index-wrapper #feature-settings #member-images, +#settings-index #settings-index-wrapper #option-settings #member-images, +#settings-index #settings-index-wrapper #token-settings #member-images, +#settings-index #settings-index-wrapper #backup-settings #member-images { padding: 10px 15px 0 15px; } -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop { +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, +#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, +#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, +#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, +#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop { display: inline-block; margin: 0 0 10px 0; } -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img { +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, +#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, +#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, +#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, +#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img { width: 100%; border-radius: 5px; overflow: hidden; @@ -2490,40 +2568,72 @@ svg.icons { display: block; margin-bottom: 2px; } -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input { +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, +#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, +#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, +#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, +#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input { visibility: hidden; display: none; } -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle { +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, +#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, +#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, +#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, +#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle { width: 50%; } -#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle { +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, +#settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, +#settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, +#settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, +#settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle { width: 50%; } -#settings-index #settings-index-wrapper #member-settings #member-images #site-background, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background, #settings-index #settings-index-wrapper #option-settings #member-images #site-background, #settings-index #settings-index-wrapper #token-settings #member-images #site-background, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background { +#settings-index #settings-index-wrapper #member-settings #member-images #site-background, +#settings-index #settings-index-wrapper #feature-settings #member-images #site-background, +#settings-index #settings-index-wrapper #option-settings #member-images #site-background, +#settings-index #settings-index-wrapper #token-settings #member-images #site-background, +#settings-index #settings-index-wrapper #backup-settings #member-images #site-background { margin: 0 0 10px 0; } -#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, #settings-index #settings-index-wrapper #option-settings #member-images #site-background img, #settings-index #settings-index-wrapper #token-settings #member-images #site-background img, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background img { +#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, +#settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, +#settings-index #settings-index-wrapper #option-settings #member-images #site-background img, +#settings-index #settings-index-wrapper #token-settings #member-images #site-background img, +#settings-index #settings-index-wrapper #backup-settings #member-images #site-background img { width: 92.1%; height: 292px; border-radius: 3px; overflow: hidden; cursor: pointer; } -#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, #settings-index #settings-index-wrapper #option-settings #member-images #site-background input, #settings-index #settings-index-wrapper #token-settings #member-images #site-background input, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background input { +#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, +#settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, +#settings-index #settings-index-wrapper #option-settings #member-images #site-background input, +#settings-index #settings-index-wrapper #token-settings #member-images #site-background input, +#settings-index #settings-index-wrapper #backup-settings #member-images #site-background input { visibility: hidden; display: none; } -#settings-index #settings-index-wrapper #member-settings #member-meta, #settings-index #settings-index-wrapper #feature-settings #member-meta, #settings-index #settings-index-wrapper #option-settings #member-meta, #settings-index #settings-index-wrapper #token-settings #member-meta, #settings-index #settings-index-wrapper #backup-settings #member-meta { +#settings-index #settings-index-wrapper #member-settings #member-meta, +#settings-index #settings-index-wrapper #feature-settings #member-meta, +#settings-index #settings-index-wrapper #option-settings #member-meta, +#settings-index #settings-index-wrapper #token-settings #member-meta, +#settings-index #settings-index-wrapper #backup-settings #member-meta { padding: 10px 15px 0 15px; position: relative; top: -30px; } -#settings-index #settings-index-wrapper #member-settings #features, #settings-index #settings-index-wrapper #feature-settings #features, #settings-index #settings-index-wrapper #option-settings #features, #settings-index #settings-index-wrapper #token-settings #features, #settings-index #settings-index-wrapper #backup-settings #features { +#settings-index #settings-index-wrapper #member-settings #features, +#settings-index #settings-index-wrapper #feature-settings #features, +#settings-index #settings-index-wrapper #option-settings #features, +#settings-index #settings-index-wrapper #token-settings #features, +#settings-index #settings-index-wrapper #backup-settings #features { padding: 10px 15px 0 15px; } #settings-index #settings-index-wrapper textarea { - background: #1D3040; + background: #1d3040; width: 70%; height: 89.5px; color: #f5ab35; @@ -2532,8 +2642,8 @@ svg.icons { margin-bottom: 10px; } #settings-index #settings-index-wrapper span#key { - color: #EFEBE3; - background: #1D3040; + color: #efebe3; + background: #1d3040; font-size: 0.9em; border-radius: 3px; padding: 5px; @@ -2541,58 +2651,68 @@ svg.icons { width: 95%; overflow: hidden; } -#settings-index #settings-index-wrapper #feature-settings #feature-api, #settings-index #settings-index-wrapper #feature-settings #dynamic-api { - background: #EFEBE3; +#settings-index #settings-index-wrapper #feature-settings #feature-api, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api { + background: #efebe3; border-radius: 3px; padding: 5px; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button { - color: #EFEBE3; +#settings-index #settings-index-wrapper #feature-settings #feature-api button, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button { + color: #efebe3; border-radius: 3px; width: 200px; margin: 0; height: 200px; font-size: 1em; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg { +#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg { width: 100px; height: 90px; - fill: #EFEBE3; + fill: #efebe3; position: relative; display: block; margin: 12px auto; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button span { - color: #EFEBE3; +#settings-index #settings-index-wrapper #feature-settings #feature-api button span, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button span { + color: #efebe3; margin: 6px 0 0 5px; position: relative; vertical-align: middle; display: inline-block; font-weight: bold; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] { +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] { background: #b2cce5; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg { - fill: #1D3040; +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg { + fill: #1d3040; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span { - color: #1D3040; +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span { + color: #1d3040; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] { +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] { background: #fc6399; } -#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg { - fill: #EFEBE3; +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, +#settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg { + fill: #efebe3; } #settings-index #settings-index-wrapper #token-settings #keys-tokens { padding: 10px 15px 0 15px; } -#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, #settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token { - background: #1D3040; +#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, +#settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token { + background: #1d3040; border-radius: 3px; padding: 5px; - color: #EFEBE3; + color: #efebe3; } #settings-index #settings-index-wrapper #option-settings #theme-settings a { width: 95%; @@ -2602,8 +2722,8 @@ svg.icons { display: inline-block; } #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] { - background: #EFEBE3; - color: #1D3040; + background: #efebe3; + color: #1d3040; border-radius: 3px; font-weight: bold; border-top: 1px #fc6399 solid; @@ -2611,14 +2731,14 @@ svg.icons { } #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] { background: #fc6399; - color: #1D3040; + color: #1d3040; border-radius: 3px; font-weight: bold; - border-top: 1px #1D3040 solid; - border-bottom: 1px #1D3040 solid; + border-top: 1px #1d3040 solid; + border-bottom: 1px #1d3040 solid; } #settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg { - fill: #1D3040; + fill: #1d3040; display: inline-block; float: right; } @@ -2637,7 +2757,7 @@ svg.icons { color: #fc6399; } #settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] { - color: #1D3040; + color: #1d3040; } #settings-index #settings-index-wrapper #option-settings #mail-settings input { margin: 0 5px 5px 0; @@ -2648,12 +2768,12 @@ svg.icons { visibility: hidden; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api { - background: #1D3040; + background: #1d3040; border-radius: 3px; padding: 10px; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api span { - color: #EFEBE3 !important; + color: #efebe3 !important; margin: -13px 0 0 5px; position: relative; vertical-align: middle; @@ -2661,7 +2781,7 @@ svg.icons { font-weight: bold; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button { - color: #EFEBE3; + color: #efebe3; border-radius: 3px; width: 40px; margin: 0; @@ -2669,19 +2789,19 @@ svg.icons { #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button svg { width: 25px; height: 20px; - fill: #EFEBE3; + fill: #efebe3; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] { background: #b2cce5; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] svg { - fill: #1D3040; + fill: #1d3040; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] { background: #fc6399; } #settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] svg { - fill: #EFEBE3; + fill: #efebe3; } @media only screen and (max-width: 480px) { @@ -2717,7 +2837,7 @@ svg.icons { } #error-index label#error { font-size: 25px; - color: #F64747; + color: #f64747; font-weight: 500; } @@ -2729,7 +2849,7 @@ svg.icons { #nav-index #nav-index-wrapper #nav-pages .nav-item { display: block; width: 98%; - background: #EFEBE3; + background: #efebe3; border-radius: 3px; color: #fc6399; height: 30px; @@ -2739,7 +2859,7 @@ svg.icons { cursor: move; } #nav-index #nav-index-wrapper #nav-pages .nav-item #item-arrows { - fill: #1D3040; + fill: #1d3040; width: 40px; height: 30px; } @@ -2756,13 +2876,13 @@ svg.icons { position: relative; } #nav-index #nav-index-wrapper #nav-pages #nav-btns button { - color: #EFEBE3; + color: #efebe3; border-radius: 3px; width: 40px; margin: 0 10px 0 10px; } #nav-index #nav-index-wrapper #nav-pages #nav-btns button svg { - fill: #EFEBE3; + fill: #efebe3; width: 25px; height: 20px; } @@ -2795,39 +2915,42 @@ form { display: inline-block; } form a { - color: #1D3040; + color: #1d3040; } form p { background: #f5ab35; - color: #1D3040; + color: #1d3040; padding: 5px; display: block; border-radius: 5px; text-align: left; } -input[type=email], input[type=password], input[type=text] { +input[type=email], +input[type=password], +input[type=text] { border: 0; border-radius: 5px; padding: 5px; margin: 10px 5px 0 0; font: 18px Helvetica, Arial, sans-serif; display: inline-block; - background: #1D3040; + background: #1d3040; color: #f5ab35; } textarea { border: 0; border-radius: 3px; - color: #EFEBE3; + color: #efebe3; font: 15px Helvetica, Arial, sans-serif; - background: #1D3040; + background: #1d3040; } -button, input[type=submit] { +button, +input[type=submit] { background: #fc6399; - color: #1D3040; + color: #1d3040; font: 20px Helvetica, Arial, sans-serif; border-radius: 5px; position: relative; @@ -2843,29 +2966,29 @@ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; - color: #1D3040; + color: #1d3040; } ::-webkit-input-placeholder { font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; + color: #efebe3; } :-moz-placeholder { /* Firefox 18- */ font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; + color: #efebe3; } ::-moz-placeholder { /* Firefox 19+ */ font: 15px Helvetica, Arial, sans-serif; - color: #EFEBE3; + color: #efebe3; } :-ms-input-placeholder { font: 25px Helvetica, Arial, sans-serif; - color: #EFEBE3; + color: #efebe3; } #post-index { @@ -2883,7 +3006,7 @@ select { text-transform: capitalize; display: inline-block; width: 50%; - color: #EFEBE3; + color: #efebe3; font-size: 3em; } #post-index #post-index-wrapper #post-index-header #post-index-header-right { @@ -2892,7 +3015,7 @@ select { width: 50%; } #post-index #post-index-wrapper #post-index-header #post-index-header-right a button { - color: #EFEBE3; + color: #efebe3; border-radius: 3px; margin-left: 10px; width: 55px; @@ -2901,7 +3024,7 @@ select { transition: all 0.1s linear; width: 20px; height: 17px; - fill: #EFEBE3; + fill: #efebe3; } #post-index #post-index-wrapper #post-index-header #post-index-header-right .current-filter { color: #fc6399; @@ -2911,7 +3034,7 @@ select { margin: 20px 0 0 0; } #post-index #post-index-wrapper #posts-list a.page-link { - background: #EFEBE3; + background: #efebe3; display: inline-block; vertical-align: top; width: 100%; @@ -2929,20 +3052,23 @@ select { vertical-align: top; width: 100%; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video { width: 100%; height: 350px; background-color: #fc6399; position: relative; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, #post-index #post-index-wrapper #posts-list a.page-link div.page-video video { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video video { width: 100%; position: absolute; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, #post-index #post-index-wrapper #posts-list a.page-link div.page-video label { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video label { font-size: 2em; font-weight: 700; - color: #EFEBE3; + color: #efebe3; padding: 5px; vertical-align: top; display: inline-block; @@ -2953,7 +3079,8 @@ select { top: 35%; text-shadow: 2px 2px 0 #32302f; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta { width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); border-radius: 3px; @@ -2962,56 +3089,67 @@ select { position: absolute; padding: 0 0 20px 0; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options { width: 100%; bottom: 0; position: absolute; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left { display: inline-block; vertical-align: top; width: 50%; position: relative; background: none; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button { border-radius: 3px; - background: #1D3040; + background: #1d3040; margin: 0 0 10px 10px; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { transition: all 0.2s linear; width: 40px; height: 20px; fill: #b2cce5; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options { border-radius: 3px; margin: 5px; display: inline-block; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] { - background: #1D3040; +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] { + background: #1d3040; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg { fill: #b2cce5; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] { background: #f5ab35; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg { - fill: #1D3040; +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg { + fill: #1d3040; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right { display: inline-block; width: 50%; text-align: right; } -#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span { +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, +#post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span { font-weight: bold; display: block; - background: #EFEBE3; - color: #1D3040; + background: #efebe3; + color: #1d3040; border-radius: 3px; font-size: 0.6em; text-align: center; @@ -3061,25 +3199,25 @@ select { padding: 0.75rem; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { - color: #EFEBE3; + color: #efebe3; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif; font-weight: 600; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { - color: #1D3040; + color: #1d3040; font-size: 0.9em; font-weight: 600; text-transform: uppercase; float: right; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { - background: #EFEBE3; + background: #efebe3; font-family: Helvetica, Arial, sans-serif; width: 97.6%; height: 80px; font-size: 2em; - color: #1D3040; + color: #1d3040; padding: 5px; margin: 0 0 5px 0; } @@ -3091,10 +3229,10 @@ select { color: #b2cce5; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #layouts select { - background: #1D3040; + background: #1d3040; color: #b2cce5; border-radius: 3px; - border-color: #1D3040; + border-color: #1d3040; margin: 0 0 10px 0; width: 100%; height: 45px; @@ -3102,11 +3240,11 @@ select { font-size: 1.5em; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags { - background: #EFEBE3; + background: #efebe3; font-family: Helvetica, Arial, sans-serif; width: 97.6%; height: 80px; - color: #1D3040; + color: #1d3040; padding: 5px; margin: 0 0 5px 0; } @@ -3137,7 +3275,7 @@ select { text-align: center; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] { - background: #1D3040; + background: #1d3040; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg { fill: #b2cce5; @@ -3146,9 +3284,10 @@ select { background: #f5ab35; } #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg { - fill: #1D3040; + fill: #1d3040; } -#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { display: none; } #post-edit-index #post-edit-index-wrapper #post-feature { @@ -3165,7 +3304,7 @@ select { padding: 10px; margin: 0 auto; font-weight: bold; - font-color: #1D3040; + font-color: #1d3040; font-size: 1em; } #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop { @@ -3174,8 +3313,8 @@ select { justify-content: center; width: 100%; min-height: 100px; - background: #EFEBE3; - color: #1D3040; + background: #efebe3; + color: #1d3040; vertical-align: middle; border-radius: 5px; margin: 0 0 10px 0; @@ -3190,10 +3329,12 @@ select { margin: 0; padding: 0; } -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list { +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list { padding: 10px 0 0 0; } -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item { +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item { height: 150px; width: 23.8%; border-radius: 3px; @@ -3201,34 +3342,37 @@ select { display: inline-block; cursor: pointer; } -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item { +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item { height: 150px; width: 23.8%; border-radius: 3px; margin: 0 10px 10px 0; display: inline-block; cursor: pointer; - background: #1D3040; + background: #1d3040; background: url("/assets/images/global/upload-audio.png") no-repeat center center/cover; } -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item { +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item { height: 150px; width: 23.8%; border-radius: 3px; margin: 0 10px 10px 0; display: inline-block; cursor: pointer; - background: #1D3040; + background: #1d3040; background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; } -#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item { +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item { height: 150px; width: 23.8%; border-radius: 3px; margin: 0 10px 10px 0; display: inline-block; cursor: pointer; - background: #1D3040; + background: #1d3040; background: url("/assets/images/global/upload-doc.png") no-repeat center center/cover; } #post-edit-index #post-edit-index-wrapper #edit-post { @@ -3246,7 +3390,8 @@ select { outline: none; border-color: #fc6399; } -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { border: 0; width: 100%; min-height: 300px; @@ -3264,7 +3409,9 @@ select { white-space: pre-wrap; line-break: normal; } -#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * { +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * { font-size: 1.2em; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; line-height: 22pt; @@ -3390,13 +3537,12 @@ select { left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, 0.75); z-index: 2000; } .dp { position: relative; - background: #1D3040; + background: #1d3040; box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); line-height: 1.4; border-radius: 4px; @@ -3419,7 +3565,7 @@ select { .dp-permanent .dp { padding-top: 0; - border: 1px solid #EEE; + border: 1px solid #eee; box-shadow: none; } @@ -3471,12 +3617,16 @@ select { overflow: auto !important; } -.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { +.dp-cal-month, +.dp-cal-year, +.dp-day, +.dp-month, +.dp-year { box-sizing: border-box; text-align: center; text-decoration: none; position: relative; - color: #EFEBE3; + color: #efebe3; border-radius: 2px; border: 0; background: transparent; @@ -3489,7 +3639,8 @@ select { background: #0d161d; } -.dp-next, .dp-prev { +.dp-next, +.dp-prev { position: absolute; width: 30px; height: 30px; @@ -3501,7 +3652,10 @@ select { background: transparent; } -.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover { +.dp-next:focus, +.dp-prev:focus, +.dp-next:hover, +.dp-prev:hover { outline: none; color: inherit; } @@ -3514,7 +3668,8 @@ select { right: 24px; } -.dp-prev:before, .dp-next:before { +.dp-prev:before, +.dp-next:before { content: ""; border: 2px solid; width: 10px; @@ -3537,7 +3692,8 @@ select { margin-right: 4px; } -.dp-cal-month, .dp-cal-year { +.dp-cal-month, +.dp-cal-year { display: inline-block; font-size: 1.4em; padding: 16px 8px 8px; @@ -3561,7 +3717,9 @@ select { right: 0; } -.dp-close, .dp-clear, .dp-today { +.dp-close, +.dp-clear, +.dp-today { box-sizing: border-box; display: inline-block; width: 33%; @@ -3572,22 +3730,43 @@ select { background: transparent; } -.dp-permanent .dp-close, .dp-permanent .dp-clear { +.dp-permanent .dp-close, +.dp-permanent .dp-clear { display: none; } -.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active { +.dp-close:active, +.dp-clear:active, +.dp-today:active, +.dp-next:active, +.dp-prev:active, +.dp-cal-month:active, +.dp-cal-year:active { background: #fc6399; - color: #EFEBE3; + color: #efebe3; } @media screen and (min-device-width: 1200px) { - .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus { + .dp-close:hover, +.dp-close:focus, +.dp-clear:hover, +.dp-clear:focus, +.dp-today:hover, +.dp-today:focus, +.dp-next:hover, +.dp-next:focus, +.dp-prev:hover, +.dp-prev:focus, +.dp-cal-month:focus, +.dp-cal-month:hover, +.dp-cal-year:hover, +.dp-cal-year:focus { background: #fc6399; - color: #EFEBE3; + color: #efebe3; } } -.dp-col-header, .dp-day { +.dp-col-header, +.dp-day { width: 14.28571429%; display: inline-block; padding: 8px; @@ -3595,7 +3774,7 @@ select { } .dp-col-header { - color: #AAA; + color: #aaa; text-transform: uppercase; font-weight: 300; font-size: 0.8em; @@ -3615,27 +3794,37 @@ select { } .dp-edge-day { - color: #AAA; + color: #aaa; } -.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus { +.dp-day:hover, +.dp-month:hover, +.dp-year:hover, +.dp-current:focus, +.dp-current, +.dp-day:focus, +.dp-month:focus, +.dp-year:focus { outline: none; background: black; - color: #EFEBE3; + color: #efebe3; } -.dp-selected:hover, .dp-selected:focus, .dp-selected { +.dp-selected:hover, +.dp-selected:focus, +.dp-selected { background: #fc6399; color: black; } .dp-day-disabled { background: transparent; - color: #DDD; + color: #ddd; } -.dp-day-disabled:focus, .dp-day-disabled:hover { - background: #DDD; +.dp-day-disabled:focus, +.dp-day-disabled:hover { + background: #ddd; } .dp-focuser { @@ -3652,7 +3841,8 @@ select { width: 100%; } - .dp-day-of-week, .dp-day { + .dp-day-of-week, +.dp-day { padding: 8px; } } @@ -3703,7 +3893,7 @@ select { visibility: hidden; } #edit-control .submit-start { - background: #EFEBE3; + background: #efebe3; } #edit-control .submit-start svg { fill: #32cd32; @@ -3712,13 +3902,13 @@ select { background: #32cd32; } #edit-control .submit-cool svg { - fill: #EFEBE3; + fill: #efebe3; } #edit-control .submit-delete { - background: #F64747 !important; + background: #f64747 !important; } #edit-control .submit-delete svg { - fill: #EFEBE3 !important; + fill: #efebe3 !important; } #edit-control #option-date { height: 30px; @@ -3728,18 +3918,18 @@ select { margin: -13px 5px 0 0; display: inline-block; vertical-align: top; - fill: #EFEBE3; + fill: #efebe3; } #edit-control .content-editor-btn-icon { padding: 5px 5px 1px 5px; - color: #1D3040; + color: #1d3040; } #edit-control .content-editor-btn-icon svg { - fill: #1D3040; + fill: #1d3040; } #edit-control .content-editor-btn-text { padding: 5px; - color: #1D3040; + color: #1d3040; } #edit-control #option-bold { font-weight: bold; @@ -3786,7 +3976,7 @@ pre[class*=language-] { :not(pre) > code[class*=language-], pre[class*=language-] { - background: #1D3040; + background: #1d3040; } :not(pre) > code[class*=language-] { diff --git a/src/styles/dash.sass b/src/styles/dash.sass deleted file mode 100644 index 621dd38..0000000 --- a/src/styles/dash.sass +++ /dev/null @@ -1,43 +0,0 @@ -@use "sass:color" -//CSS -//Bulma -@import '../../node_modules/bulma/sass/utilities/_all' -@import '../../node_modules/bulma/sass/grid/columns' - -//Colors -@import 'main/_colors' - -//Mixins -@import 'main/_mixins' - -//Normalize -@import 'main/_normalize' - -//Typography -@import 'main/_typography' - -//Main Structure -@import 'main/_structure' - -//Index -@import 'main/_index' - -//Settings -@import 'main/_settings' - -//Error -@import 'main/_error' - -//Navigation -@import 'main/_navigation' - -//Forms -@import 'main/_forms' - -//Posts -@import 'main/_posts' - -//Editor -@import 'main/_calendar' -@import 'main/_editor' -@import 'main/_editor-highlight' diff --git a/src/styles/dash.scss b/src/styles/dash.scss new file mode 100644 index 0000000..77c9a63 --- /dev/null +++ b/src/styles/dash.scss @@ -0,0 +1,43 @@ +@use "sass:color"; +//CSS +//Bulma +@import "../../node_modules/bulma/sass/utilities/_all"; +@import "../../node_modules/bulma/sass/grid/columns"; + +//Colors +@import "main/_colors"; + +//Mixins +@import "main/_mixins"; + +//Normalize +@import "main/_normalize"; + +//Typography +@import "main/_typography"; + +//Main Structure +@import "main/_structure"; + +//Index +@import "main/_index"; + +//Settings +@import "main/_settings"; + +//Error +@import "main/_error"; + +//Navigation +@import "main/_navigation"; + +//Forms +@import "main/_forms"; + +//Posts +@import "main/_posts"; + +//Editor +@import "main/_calendar"; +@import "main/_editor"; +@import "main/_editor-highlight"; diff --git a/src/styles/main/_calendar.sass b/src/styles/main/_calendar.sass deleted file mode 100644 index d1d72dd..0000000 --- a/src/styles/main/_calendar.sass +++ /dev/null @@ -1,242 +0,0 @@ -// TINY DATE -.dp-modal - position: fixed - top: 0 - left: 0 - right: 0 - bottom: 0 - // background rgba(255, 255, 255, 0.75) - @include background-opacity(color.adjust($primary, $lightness: -70%), 0.75) - z-index: 2000 - -.dp - position: relative - background: $primary - box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25) - line-height: 1.4 - border-radius: 4px - max-height: 400px - z-index: 5000 - padding-top: 6px - overflow: hidden - -webkit-tap-highlight-color: transparent - -.dp:before - content: ' ' - height: 6px - position: absolute - top: 0 - left: 0 - right: 0 - background: $highlight - // background linear-gradient(-90deg, #3B99FC 0%, #8AEFC8 100%) - -.dp-permanent .dp - padding-top: 0 - border: 1px solid #EEE - box-shadow: none - -.dp-permanent .dp:before - display: none - -.dp-cal - min-height: 300px - -.dp-below - position: absolute - font-size: 0.8em - width: 400px - max-width: 90vw - -.dp-permanent - position: relative - font-size: 0.8em - width: 400px - max-width: 100vw - -.dp-permanent .dp - z-index: 0 - -.dp-modal .dp - position: absolute - top: 50% - left: 50% - max-width: 600px - width: calc(100% - 4em) - transform: translate(-50%, -50%) - animation: slide-up 0.3s forwards - -.dp-months - padding: 24px - -.dp-years - box-sizing: border-box - max-height: 400px - padding: 8px 0 - /* HACK for Chrome on Android */ - overflow: auto !important - -.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year - box-sizing: border-box - text-align: center - text-decoration: none - position: relative - color: $white - border-radius: 2px - border: 0 - background: transparent - -.dp-cal-header - position: relative - text-align: center - padding-bottom: 16px - background: color.adjust($primary, $lightness: -10%) - -.dp-next, .dp-prev - position: absolute - width: 30px - height: 30px - overflow: hidden - top: 14px - color: color.adjust($primary, $lightness: -50%) - border-radius: 2px - border: 0 - background: transparent - -.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover - outline: none - color: inherit - -.dp-prev - left: 24px - -.dp-next - right: 24px - -.dp-prev:before, .dp-next:before - content: '' - border: 2px solid - width: 10px - height: 10px - display: inline-block - transform: rotate(-45deg) - transition: border-color 0.2s - margin: 9px 0 40px 4px - -.dp-prev:before - border-right: 0 - border-bottom: 0 - -.dp-next:before - border-left: 0 - border-top: 0 - margin-left: 0 - margin-right: 4px - -.dp-cal-month, .dp-cal-year - display: inline-block - font-size: 1.4em - padding: 16px 8px 8px - outline: none - -.dp-cal-footer - text-align: center - background: color.adjust($primary, $lightness: -10%) - -.dp-day-today:after - content: '' - height: 0 - width: 0 - border: 7px solid $highlight - border-bottom-color: transparent - border-left-color: transparent - position: absolute - top: 0 - right: 0 - -.dp-close, .dp-clear, .dp-today - box-sizing: border-box - display: inline-block - width: 33% - padding: 8px - text-decoration: none - color: color.adjust($primary, $lightness: -50%) - border: 0 - background: transparent - -.dp-permanent .dp-close, .dp-permanent .dp-clear - display: none - -.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active - background: $highlight - color: $white - -@media screen and (min-device-width: 1200px) - .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus - background: $highlight - color: $white - -.dp-col-header, .dp-day - width: 14.28571429% - display: inline-block - padding: 8px - text-align: center - -.dp-col-header - color: #AAA - text-transform: uppercase - font-weight: 300 - font-size: 0.8em - padding: 8px 0 - -.dp-month - width: 33% - display: inline-block - padding: 8px - -.dp-year - display: block - padding: 8px 40px - width: 100% - -.dp-edge-day - color: #AAA - -.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus - outline: none - background: color.adjust($primary, $lightness: -40%) - color: $white - -.dp-selected:hover, .dp-selected:focus, .dp-selected - background: $highlight - color: color.adjust($primary, $lightness: -60%) - -.dp-day-disabled - background: transparent - color: #DDD - -.dp-day-disabled:focus, .dp-day-disabled:hover - background: #DDD - -.dp-focuser - position: absolute - z-index: 0 - top: 50% - left: 50% - -// Responsive -@media (max-width: 480px), (max-height: 480px) - .dp-modal .dp - font-size: 0.9em - width: auto - width: 100% - - .dp-day-of-week, .dp-day - padding: 8px - -@keyframes slide-up - 0% - transform: translate(-50%, 100%) - - 100% - transform: translate(-50%, -50%) \ No newline at end of file diff --git a/src/styles/main/_calendar.scss b/src/styles/main/_calendar.scss new file mode 100644 index 0000000..bf9432b --- /dev/null +++ b/src/styles/main/_calendar.scss @@ -0,0 +1,288 @@ +.dp-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2000; +} +.dp { + position: relative; + background: $primary; + box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); + line-height: 1.4; + border-radius: 4px; + max-height: 400px; + z-index: 5000; + padding-top: 6px; + overflow: hidden; + -webkit-tap-highlight-color: transparent; +} +.dp:before { + content: " "; + height: 6px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: $highlight; +} +.dp-permanent .dp { + padding-top: 0; + border: 1px solid #eee; + box-shadow: none; +} +.dp-permanent .dp:before { + display: none; +} +.dp-cal { + min-height: 300px; +} +.dp-below { + position: absolute; + font-size: 0.8em; + width: 400px; + max-width: 90vw; +} +.dp-permanent { + position: relative; + font-size: 0.8em; + width: 400px; + max-width: 100vw; +} +.dp-permanent .dp { + z-index: 0; +} +.dp-modal .dp { + position: absolute; + top: 50%; + left: 50%; + max-width: 600px; + width: calc(100% - 4em); + transform: translate(-50%, -50%); + animation: slide-up 0.3s forwards; +} +.dp-months { + padding: 24px; +} +.dp-years { + box-sizing: border-box; + max-height: 400px; + padding: 8px 0; + /* HACK for Chrome on Android */ + overflow: auto !important; +} +.dp-cal-month, +.dp-cal-year, +.dp-day, +.dp-month, +.dp-year { + box-sizing: border-box; + text-align: center; + text-decoration: none; + position: relative; + color: $white; + border-radius: 2px; + border: 0; + background: transparent; +} +.dp-cal-header { + position: relative; + text-align: center; + padding-bottom: 16px; + background: color.adjust($primary, $lightness: -10%); +} +.dp-next, +.dp-prev { + position: absolute; + width: 30px; + height: 30px; + overflow: hidden; + top: 14px; + color: color.adjust($primary, $lightness: -50%); + border-radius: 2px; + border: 0; + background: transparent; +} +.dp-next:focus, +.dp-prev:focus, +.dp-next:hover, +.dp-prev:hover { + outline: none; + color: inherit; +} +.dp-prev { + left: 24px; +} +.dp-next { + right: 24px; +} +.dp-prev:before, +.dp-next:before { + content: ""; + border: 2px solid; + width: 10px; + height: 10px; + display: inline-block; + transform: rotate(-45deg); + transition: border-color 0.2s; + margin: 9px 0 40px 4px; +} +.dp-prev:before { + border-right: 0; + border-bottom: 0; +} +.dp-next:before { + border-left: 0; + border-top: 0; + margin-left: 0; + margin-right: 4px; +} +.dp-cal-month, +.dp-cal-year { + display: inline-block; + font-size: 1.4em; + padding: 16px 8px 8px; + outline: none; +} +.dp-cal-footer { + text-align: center; + background: color.adjust($primary, $lightness: -10%); +} +.dp-day-today:after { + content: ""; + height: 0; + width: 0; + border: 7px solid $highlight; + border-bottom-color: transparent; + border-left-color: transparent; + position: absolute; + top: 0; + right: 0; +} +.dp-close, +.dp-clear, +.dp-today { + box-sizing: border-box; + display: inline-block; + width: 33%; + padding: 8px; + text-decoration: none; + color: color.adjust($primary, $lightness: -50%); + border: 0; + background: transparent; +} +.dp-permanent .dp-close, +.dp-permanent .dp-clear { + display: none; +} +.dp-close:active, +.dp-clear:active, +.dp-today:active, +.dp-next:active, +.dp-prev:active, +.dp-cal-month:active, +.dp-cal-year:active { + background: $highlight; + color: $white; +} +@media screen and (min-device-width: 1200px) { + .dp-close:hover, + .dp-close:focus, + .dp-clear:hover, + .dp-clear:focus, + .dp-today:hover, + .dp-today:focus, + .dp-next:hover, + .dp-next:focus, + .dp-prev:hover, + .dp-prev:focus, + .dp-cal-month:focus, + .dp-cal-month:hover, + .dp-cal-year:hover, + .dp-cal-year:focus { + background: $highlight; + color: $white; + } +} + +.dp-col-header, +.dp-day { + width: 14.28571429%; + display: inline-block; + padding: 8px; + text-align: center; +} +.dp-col-header { + color: #aaa; + text-transform: uppercase; + font-weight: 300; + font-size: 0.8em; + padding: 8px 0; +} +.dp-month { + width: 33%; + display: inline-block; + padding: 8px; +} +.dp-year { + display: block; + padding: 8px 40px; + width: 100%; +} +.dp-edge-day { + color: #aaa; +} +.dp-day:hover, +.dp-month:hover, +.dp-year:hover, +.dp-current:focus, +.dp-current, +.dp-day:focus, +.dp-month:focus, +.dp-year:focus { + outline: none; + background: color.adjust($primary, $lightness: -40%); + color: $white; +} +.dp-selected:hover, +.dp-selected:focus, +.dp-selected { + background: $highlight; + color: color.adjust($primary, $lightness: -60%); +} +.dp-day-disabled { + background: transparent; + color: #ddd; +} +.dp-day-disabled:focus, +.dp-day-disabled:hover { + background: #ddd; +} +.dp-focuser { + position: absolute; + z-index: 0; + top: 50%; + left: 50%; +} +// Responsive +@media (max-width: 480px), (max-height: 480px) { + .dp-modal .dp { + font-size: 0.9em; + width: auto; + width: 100%; + } + .dp-day-of-week, + .dp-day { + padding: 8px; + } +} + +@keyframes slide-up { + 0% { + transform: translate(-50%, 100%); + } + 100% { + transform: translate(-50%, -50%); + } +} ; diff --git a/src/styles/main/_colors.sass b/src/styles/main/_colors.sass deleted file mode 100644 index c54b490..0000000 --- a/src/styles/main/_colors.sass +++ /dev/null @@ -1,18 +0,0 @@ -$primary: #1D3040 //gradient #2F4C65 -//$primary = #200317; deep sexy purple -$secondary: #b2cce5 -$tertiary: #f5ab35 -$highlight: #fc6399 -$white: #EFEBE3 -$grey: #abb7b7 -$black: #32302f - -//editor colors -$eventCool: #32cd32 -$eventLame: #F64747 - -$editorPrimary: #fde3a7 -$editorSecondary: #e7903c -$editorTertiary: #6bb9f0 -$editorString: #dcc6e0 -$editorTag: #e73c4e \ No newline at end of file diff --git a/src/styles/main/_colors.scss b/src/styles/main/_colors.scss new file mode 100644 index 0000000..b78c14c --- /dev/null +++ b/src/styles/main/_colors.scss @@ -0,0 +1,17 @@ +$primary: #1d3040; +$secondary: #b2cce5; +$tertiary: #f5ab35; +$highlight: #fc6399; +$white: #efebe3; +$grey: #abb7b7; +$black: #32302f; + +//editor colors +$eventCool: #32cd32; +$eventLame: #f64747; + +$editorPrimary: #fde3a7; +$editorSecondary: #e7903c; +$editorTertiary: #6bb9f0; +$editorString: #dcc6e0; +$editorTag: #e73c4e; diff --git a/src/styles/main/_editor-highlight.sass b/src/styles/main/_editor-highlight.sass deleted file mode 100644 index ef92003..0000000 --- a/src/styles/main/_editor-highlight.sass +++ /dev/null @@ -1,85 +0,0 @@ -code[class*="language-"], -pre[class*="language-"] - color: $editorPrimary - background: none - text-shadow: 0 1px rgba(0, 0, 0, 0.3) - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace - font-size: 1em - text-align: left - white-space: pre - word-spacing: normal - word-break: normal - word-wrap: normal - line-height: 1.5 - -moz-tab-size: 4 - -o-tab-size: 4 - tab-size: 4 - -webkit-hyphens: none - -moz-hyphens: none - -ms-hyphens: none - hyphens: none -pre[class*="language-"] - //padding: 1em - margin: .1em 0 - overflow: auto - border-radius: 0.3em -:not(pre) > code[class*="language-"], -pre[class*="language-"] - background: $primary -:not(pre) - & > code[class*="language-"] - padding: .1em - border-radius: .3em - white-space: normal -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata - color: #8292a2 -.token - &.punctuation - color: $editorSecondary - &.namespace - opacity: .6 - &.keyword - color: #66d9ef - &.italic - font-style: italic - &.entity - cursor: help - &.content - color: $editorTertiary -.token.property, -.token.tag, -.token.constant, -.token.symbol, -.token.deleted - color: $editorTag -.token.boolean, -.token.number - color: #ae81ff -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted - color: #a6e22e -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string, -.token.variable - color: $editorString -.token.atrule, -.token.attr-value, -.token.function, -.token.class-name - color: #e6db74 -.token.regex, -.token.important - color: $editorSecondary -.token.important, -.token.bold - font-weight: bold diff --git a/src/styles/main/_editor-highlight.scss b/src/styles/main/_editor-highlight.scss new file mode 100644 index 0000000..481dd01 --- /dev/null +++ b/src/styles/main/_editor-highlight.scss @@ -0,0 +1,105 @@ +code[class*="language-"], +pre[class*="language-"] { + color: $editorPrimary; + background: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.3); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} +pre[class*="language-"] { + //padding: 1em + margin: 0.1em 0; + overflow: auto; + border-radius: 0.3em; +} +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: $primary; +} +:not(pre) { + & > code[class*="language-"] { + padding: 0.1em; + border-radius: 0.3em; + white-space: normal; + } +} +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8292a2; +} +.token { + &.punctuation { + color: $editorSecondary; + } + &.namespace { + opacity: 0.6; + } + &.keyword { + color: #66d9ef; + } + &.italic { + font-style: italic; + } + &.entity { + cursor: help; + } + &.content { + color: $editorTertiary; + } +} +.token.property, +.token.tag, +.token.constant, +.token.symbol, +.token.deleted { + color: $editorTag; +} +.token.boolean, +.token.number { + color: #ae81ff; +} +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #a6e22e; +} +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string, +.token.variable { + color: $editorString; +} +.token.atrule, +.token.attr-value, +.token.function, +.token.class-name { + color: #e6db74; +} +.token.regex, +.token.important { + color: $editorSecondary; +} +.token.important, +.token.bold { + font-weight: bold; +} diff --git a/src/styles/main/_editor.sass b/src/styles/main/_editor.sass deleted file mode 100644 index 88b53a7..0000000 --- a/src/styles/main/_editor.sass +++ /dev/null @@ -1,94 +0,0 @@ -#edit-control - // margin 10px - top: 1px - border-radius: 3px - width: 100% - max-width: 880px - margin-top: 30px - z-index: 2000 - - button:nth-child(1) - border-radius: 3px 0 0 3px - button:nth-child(10) - border-radius: 0 3px 3px 0 - - button - background: $secondary - width: 10% - height: 39px - transition: all 0.3s linear - margin: 0 - border-radius: 0 - display: inline-block - vertical-align: top - text-align: center - button:hover - background: color.adjust($secondary, $lightness: -20%) - - #option-update - padding: 5px 5px 1px 5px - display: inline-block - vertical-align: top - text-align: center - - .icon-hide - display: none - visibility: hidden - - .submit-start - background: $white - - svg - fill: $eventCool - - .submit-cool - background: $eventCool - - svg - fill: $white - - .submit-delete - background: $eventLame !important - - svg - fill: $white !important - - - - #option-date - height: 30px - padding-top: 6px - - svg - margin: -13px 5px 0 0 - display: inline-block - vertical-align: top - fill: $white - - .content-editor-btn-icon - padding: 5px 5px 1px 5px - // border-radius 20px - color: $primary - - svg - fill: $primary - - .content-editor-btn-text - padding: 5px - // border-radius 20px - color: $primary - - #option-bold - font-weight: bold - text-decoration: none - - #option-italic - font-weight: bold - text-decoration: none - font-style: italic - - #option-strikethrough - font-weight: bold - text-decoration: line-through - font-style: italic - diff --git a/src/styles/main/_editor.scss b/src/styles/main/_editor.scss new file mode 100644 index 0000000..c7cf376 --- /dev/null +++ b/src/styles/main/_editor.scss @@ -0,0 +1,100 @@ +#edit-control { + // margin 10px + top: 1px; + border-radius: 3px; + width: 100%; + max-width: 880px; + margin-top: 30px; + z-index: 2000; + + button:nth-child(1) { + border-radius: 3px 0 0 3px; + } + button:nth-child(10) { + border-radius: 0 3px 3px 0; + } + button { + background: $secondary; + width: 10%; + height: 39px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; + } + button:hover { + background: color.adjust($secondary, $lightness: -20%); + } + #option-update { + padding: 5px 5px 1px 5px; + display: inline-block; + vertical-align: top; + text-align: center; + } + .icon-hide { + display: none; + visibility: hidden; + } + .submit-start { + background: $white; + + svg { + fill: $eventCool; + } + } + .submit-cool { + background: $eventCool; + + svg { + fill: $white; + } + } + .submit-delete { + background: $eventLame !important; + + svg { + fill: $white !important; + } + } + #option-date { + height: 30px; + padding-top: 6px; + + svg { + margin: -13px 5px 0 0; + display: inline-block; + vertical-align: top; + fill: $white; + } + } + .content-editor-btn-icon { + padding: 5px 5px 1px 5px; + // border-radius 20px + color: $primary; + + svg { + fill: $primary; + } + } + .content-editor-btn-text { + padding: 5px; + // border-radius 20px + color: $primary; + } + #option-bold { + font-weight: bold; + text-decoration: none; + } + #option-italic { + font-weight: bold; + text-decoration: none; + font-style: italic; + } + #option-strikethrough { + font-weight: bold; + text-decoration: line-through; + font-style: italic; + } +} diff --git a/src/styles/main/_error.sass b/src/styles/main/_error.sass deleted file mode 100644 index 448b4cb..0000000 --- a/src/styles/main/_error.sass +++ /dev/null @@ -1,22 +0,0 @@ -#error-index - width: 100% - max-width: 900px - margin: 0 auto - padding: 10px - height: 100% - z-index: 10 - position: relative - label#title - font-size: 100px - color: $highlight - font-weight: 500 - - label#message - font-size: 50px - color: $tertiary - font-weight: 500 - - label#error - font-size: 25px - color: $eventLame - font-weight: 500 \ No newline at end of file diff --git a/src/styles/main/_error.scss b/src/styles/main/_error.scss new file mode 100644 index 0000000..256d1cc --- /dev/null +++ b/src/styles/main/_error.scss @@ -0,0 +1,24 @@ +#error-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + padding: 10px; + height: 100%; + z-index: 10; + position: relative; + label#title { + font-size: 100px; + color: $highlight; + font-weight: 500; + } + label#message { + font-size: 50px; + color: $tertiary; + font-weight: 500; + } + label#error { + font-size: 25px; + color: $eventLame; + font-weight: 500; + } +} diff --git a/src/styles/main/_forms.sass b/src/styles/main/_forms.sass deleted file mode 100644 index ce57400..0000000 --- a/src/styles/main/_forms.sass +++ /dev/null @@ -1,67 +0,0 @@ -form - display: inline-block - a - color: $primary - p - background: $tertiary - color: $primary - padding: 5px - display: block - border-radius: 5px - text-align: left - -input[type=email], input[type=password], input[type=text] - border: 0 - border-radius: 5px - padding: 5px - margin: 10px 5px 0 0 - font: 18px $baseType - display: inline-block - background: $primary - color: $tertiary - -textarea - border: 0 - border-radius: 3px - color: $white - font: 15px $baseType - background: $primary - -button, input[type=submit] - background: $highlight - color: $primary - font: 20px $baseType - border-radius: 5px - position: relative - cursor: pointer - border: 0 - padding: 10px 0 5px 0 - transition: all 0.3s linear - -select - font: 14px $baseType - border: 1px solid $secondary - -webkit-appearance: none - -moz-appearance: none - appearance: none - color: $primary - -::-webkit-input-placeholder - font: 25px $baseType - color: $white - -:-moz-placeholder - /* Firefox 18- */ - font: 25px $baseType - color: $white - -::-moz-placeholder - /* Firefox 19+ */ - font: 15px $baseType - color: $white - -:-ms-input-placeholder - font: 25px $baseType - color: $white - - diff --git a/src/styles/main/_forms.scss b/src/styles/main/_forms.scss new file mode 100644 index 0000000..f5e1083 --- /dev/null +++ b/src/styles/main/_forms.scss @@ -0,0 +1,71 @@ +form { + display: inline-block; + a { + color: $primary; + } + p { + background: $tertiary; + color: $primary; + padding: 5px; + display: block; + border-radius: 5px; + text-align: left; + } +} +input[type="email"], +input[type="password"], +input[type="text"] { + border: 0; + border-radius: 5px; + padding: 5px; + margin: 10px 5px 0 0; + font: 18px $baseType; + display: inline-block; + background: $primary; + color: $tertiary; +} +textarea { + border: 0; + border-radius: 3px; + color: $white; + font: 15px $baseType; + background: $primary; +} +button, +input[type="submit"] { + background: $highlight; + color: $primary; + font: 20px $baseType; + border-radius: 5px; + position: relative; + cursor: pointer; + border: 0; + padding: 10px 0 5px 0; + transition: all 0.3s linear; +} +select { + font: 14px $baseType; + border: 1px solid $secondary; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: $primary; +} +::-webkit-input-placeholder { + font: 25px $baseType; + color: $white; +} +:-moz-placeholder { + /* Firefox 18- */ + font: 25px $baseType; + color: $white; +} +::-moz-placeholder { + /* Firefox 19+ */ + font: 15px $baseType; + color: $white; +} +:-ms-input-placeholder { + font: 25px $baseType; + color: $white; +} diff --git a/src/styles/main/_index.sass b/src/styles/main/_index.sass deleted file mode 100644 index 236f1ad..0000000 --- a/src/styles/main/_index.sass +++ /dev/null @@ -1,283 +0,0 @@ -#dash-index-content - width: 100% - height: 100% - margin: 0 auto - - #dash-index - width: 100% - height: 100% - z-index: 10 - position: relative - - #dash-index-wrapper - width: 100% - height: 100% - margin: 0 auto - - .dash-init, .dash-restore - width: 100% - height: 100% - display: flex - align-items: center - justify-content: center - color: $primary - - form - background: $white - padding: 15px - width: 300px - border-radius: 5px - text-align: center - #the-logo - width: 40px - margin: 20px - - input - width: 290px - margin: 0 0 10px 0 - height: 30px - - button - width: 300px - div - background: $primary - color: $white - border-radius: 3px - padding: 5px - label - display: block - padding: 5px - color: $tertiary - .dash-restore - display: none - visibility: hidden - - #dash-login - width: 100% - height: 100% - margin: 0 auto - display: flex - align-items: center - justify-content: center - - #dash-form, #dash-reset - width: 300px - padding: 0.75em - background: $white - border-radius: 5px - color: $white - text-align: center - #the-logo - width: 40px - margin: 20px - - input - width: 290px - margin: 0 0 10px 0 - height: 30px - - button - width: 300px - - #dash-menu - padding: 10px - width: 90% - max-width: 900px - margin: 50px auto - - a - display: inline-block - vertical-align: top - background: color.adjust($primary, $lightness: -60%) - width: 30% - padding: 5px - border-radius: 3px - color: $white - margin: 0 10px 10px 0 - - &:hover - background: color.adjust($primary, $lightness: -60%) - - svg - display: inline-block - vertical-align: top - fill: $white - - label - display: inline-block - margin-top: 5px - width: 85% - text-align: center - cursor: pointer - - #dash-recent - width: 100% - max-width: 900px - height: 100% - padding: 5px 0 0 0 - margin: 0 auto - - #recent-list - //padding: 5px - position: relative - - .recent-header - height: 50px - margin-top: 5px - .index-header-left - vertical-align: top - display: inline-block - width: 50% - color: $white - font-size: 3em - .index-header-right - width: 50% - text-align: right - vertical-align: top - display: inline-block - right: 10px - color: $white - a - button - border-radius: 3px - margin-left: 10px - svg - transition: all 0.2s linear - width: 40px - height: 20px - fill: $white - - a.post-link, a.post-video-link - font-size: 1.5em - font-weight: 300 - display: inline-block - border-radius: 3px - vertical-align: top - text-decoration: none - position: relative - overflow: hidden - .post-video - width: 100% - height: 100% - object-fit: cover - position: absolute - - label - font-size: 1.4em - font-weight: 700 - color: $white - padding: 5px - vertical-align: top - display: inline-block - word-wrap: break-word - width: 100% - text-align: center - position: relative - top: 35% - text-shadow: 2px 2px 0 rgba($black, 1) - - div#options - width: 100% - position: absolute - bottom: 0 - border-radius: 0 0 3px 3px - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) - - #option-left - display: inline-block - vertical-align: top - width: 50% - position: relative - background: none - button - border-radius: 3px - background: $primary - margin: 0 0 10px 10px - svg - //@include object-transitions(0.1s) - width: 40px - height: 20px - fill: $secondary - .item-options - border-radius: 3px - margin: 5px - display: inline-block - button[data-active='false'] - background: $primary - svg - fill: $secondary - - button[data-active='true'] - background: $tertiary - svg - fill: $primary - #option-right - display: inline-block - width: 50% - text-align: right - span - font-weight: bold - display: block - background: $white - color: $primary - border-radius: 3px - font-size: .6em - text-align: center - position: relative - padding: 5px - float: right - margin: 0 10px 0 0 - bottom: -15px - - - a:nth-child(3) - width: 100% - margin-bottom: 20px - height: 500px - - a:nth-child(4), a:nth-child(6) - width: 48.6% - height: 350px - margin: 0 10px 20px 0 - - a:nth-child(5), a:nth-child(7) - width: 48.6% - height: 350px - margin: 0 0 20px 10px - -//Reponsive -@media only screen and (max-width: 768px) - #dash-index-content - #dash-index - #dash-index-wrapper - #dash-recent - #recent-list - a:nth-child(4), a:nth-child(6) - width: 48.9% - -@media only screen and (max-width: 640px) - #dash-index-content - #dash-index - #dash-index-wrapper - #dash-recent - #recent-list - a:nth-child(4), a:nth-child(6) - width: 48.5% - -@media only screen and (max-width: 480px) - #dash-index-content - #dash-index - #dash-index-wrapper - #dash-recent - #recent-list - .recent-header - h3 - width: 40% - - .index-menu - width: 60% - - a:nth-child(3), a:nth-child(4), a:nth-child(5), a:nth-child(6), a:nth-child(7) - width: 100% - margin: 15px 0 0 0 - height: 400px diff --git a/src/styles/main/_index.scss b/src/styles/main/_index.scss new file mode 100644 index 0000000..db37566 --- /dev/null +++ b/src/styles/main/_index.scss @@ -0,0 +1,346 @@ +#dash-index-content { + width: 100%; + height: 100%; + margin: 0 auto; + + #dash-index { + width: 100%; + height: 100%; + z-index: 10; + position: relative; + + #dash-index-wrapper { + width: 100%; + height: 100%; + margin: 0 auto; + + .dash-init, + .dash-restore { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: $primary; + + form { + background: $white; + padding: 15px; + width: 300px; + border-radius: 5px; + text-align: center; + #the-logo { + width: 40px; + margin: 20px; + } + input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; + } + button { + width: 300px; + } + div { + background: $primary; + color: $white; + border-radius: 3px; + padding: 5px; + label { + display: block; + padding: 5px; + color: $tertiary; + } + } + } + } + .dash-restore { + display: none; + visibility: hidden; + } + #dash-login { + width: 100%; + height: 100%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + + #dash-form, + #dash-reset { + width: 300px; + padding: 0.75em; + background: $white; + border-radius: 5px; + color: $white; + text-align: center; + #the-logo { + width: 40px; + margin: 20px; + } + input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; + } + button { + width: 300px; + } + } + } + #dash-menu { + padding: 10px; + width: 90%; + max-width: 900px; + margin: 50px auto; + + a { + display: inline-block; + vertical-align: top; + background: color.adjust($primary, $lightness: -60%); + width: 30%; + padding: 5px; + border-radius: 3px; + color: $white; + margin: 0 10px 10px 0; + + &:hover { + background: color.adjust($primary, $lightness: -60%); + } + svg { + display: inline-block; + vertical-align: top; + fill: $white; + } + label { + display: inline-block; + margin-top: 5px; + width: 85%; + text-align: center; + cursor: pointer; + } + } + } + #dash-recent { + width: 100%; + max-width: 900px; + height: 100%; + padding: 5px 0 0 0; + margin: 0 auto; + + #recent-list { + //padding: 5px + position: relative; + + .recent-header { + height: 50px; + margin-top: 5px; + .index-header-left { + vertical-align: top; + display: inline-block; + width: 50%; + color: $white; + font-size: 3em; + } + .index-header-right { + width: 50%; + text-align: right; + vertical-align: top; + display: inline-block; + right: 10px; + color: $white; + a { + button { + border-radius: 3px; + margin-left: 10px; + svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: $white; + } + } + } + } + } + a.post-link, + a.post-video-link { + font-size: 1.5em; + font-weight: 300; + display: inline-block; + border-radius: 3px; + vertical-align: top; + text-decoration: none; + position: relative; + overflow: hidden; + .post-video { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + } + label { + font-size: 1.4em; + font-weight: 700; + color: $white; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 rgba($black, 1); + } + div#options { + width: 100%; + position: absolute; + bottom: 0; + border-radius: 0 0 3px 3px; + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.65) 100% + ); + + #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; + button { + border-radius: 3px; + background: $primary; + margin: 0 0 10px 10px; + svg { + //@include object-transitions(0.1s) + width: 40px; + height: 20px; + fill: $secondary; + } + } + .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; + } + button[data-active="false"] { + background: $primary; + svg { + fill: $secondary; + } + } + button[data-active="true"] { + background: $tertiary; + svg { + fill: $primary; + } + } + } + #option-right { + display: inline-block; + width: 50%; + text-align: right; + span { + font-weight: bold; + display: block; + background: $white; + color: $primary; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; + } + } + } + } + a:nth-child(3) { + width: 100%; + margin-bottom: 20px; + height: 500px; + } + a:nth-child(4), + a:nth-child(6) { + width: 48.6%; + height: 350px; + margin: 0 10px 20px 0; + } + a:nth-child(5), + a:nth-child(7) { + width: 48.6%; + height: 350px; + margin: 0 0 20px 10px; + } + //Reponsive + } + } + } + } +} +@media only screen and (max-width: 768px) { + #dash-index-content { + #dash-index { + #dash-index-wrapper { + #dash-recent { + #recent-list { + a:nth-child(4), + a:nth-child(6) { + width: 48.9%; + } + } + } + } + } + } +} +@media only screen and (max-width: 640px) { + #dash-index-content { + #dash-index { + #dash-index-wrapper { + #dash-recent { + #recent-list { + a:nth-child(4), + a:nth-child(6) { + width: 48.5%; + } + } + } + } + } + } +} +@media only screen and (max-width: 480px) { + #dash-index-content { + #dash-index { + #dash-index-wrapper { + #dash-recent { + #recent-list { + .recent-header { + h3 { + width: 40%; + } + .index-menu { + width: 60%; + } + } + a:nth-child(3), + a:nth-child(4), + a:nth-child(5), + a:nth-child(6), + a:nth-child(7) { + width: 100%; + margin: 15px 0 0 0; + height: 400px; + } + } + } + } + } + } +} ; diff --git a/src/styles/main/_mixins.sass b/src/styles/main/_mixins.sass deleted file mode 100644 index ef3093f..0000000 --- a/src/styles/main/_mixins.sass +++ /dev/null @@ -1,6 +0,0 @@ -@mixin background-opacity($rgb_value, $opacity) - background: rgba($rgb_value, $opacity) - -@mixin custom-header($weight, $size, $line_height, $color) - font: $weight $size/$line_height $bodyTypeSans - color: $color \ No newline at end of file diff --git a/src/styles/main/_mixins.scss b/src/styles/main/_mixins.scss new file mode 100644 index 0000000..0a5b591 --- /dev/null +++ b/src/styles/main/_mixins.scss @@ -0,0 +1,7 @@ +@mixin background-opacity($rgb_value, $opacity) { + background: rgba($rgb_value, $opacity); +} +@mixin custom-header($weight, $size, $line_height, $color) { + font: $weight $size/$line_height $bodyTypeSans; + color: $color; +} diff --git a/src/styles/main/_navigation.sass b/src/styles/main/_navigation.sass deleted file mode 100644 index 8a39189..0000000 --- a/src/styles/main/_navigation.sass +++ /dev/null @@ -1,71 +0,0 @@ -#nav-index - width: 100% - max-width: 900px - margin: 0 auto - - #nav-index-wrapper - #nav-pages - .nav-item - display: block - width: 98% - background: $white - border-radius: 3px - color: $highlight - height: 30px - padding: 10px - margin: 0 0 10px 0 - font-size: 1.5em - cursor: move - #item-arrows - fill: $primary - width: 40px - height: 30px - - label - display: inline-block - vertical-align: middle - padding: 0 - margin: -15px 0 0 10px - cursor: move - - #nav-btns - float: right - top: -5px - position: relative - button - color: $white - border-radius: 3px - width: 40px - margin: 0 10px 0 10px - svg - fill: $white - width: 25px - height: 20px - -@media only screen and (max-width: 375px) - #nav-index - #nav-index-wrapper - #nav-pages - .nav-item - width: 94.5% - font-size: 1em - - label - width: 40% - vertical-align: top - margin-top: 0px - line-height: 1em - -@media only screen and (max-width: 320px) - #nav-index - #nav-index-wrapper - #nav-pages - .nav-item - width: 94.5% - font-size: 1em - - label - width: 37% - vertical-align: top - margin-top: 0px - line-height: 1em diff --git a/src/styles/main/_navigation.scss b/src/styles/main/_navigation.scss new file mode 100644 index 0000000..b3b2081 --- /dev/null +++ b/src/styles/main/_navigation.scss @@ -0,0 +1,88 @@ +#nav-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + + #nav-index-wrapper { + #nav-pages { + .nav-item { + display: block; + width: 98%; + background: $white; + border-radius: 3px; + color: $highlight; + height: 30px; + padding: 10px; + margin: 0 0 10px 0; + font-size: 1.5em; + cursor: move; + #item-arrows { + fill: $primary; + width: 40px; + height: 30px; + } + } + label { + display: inline-block; + vertical-align: middle; + padding: 0; + margin: -15px 0 0 10px; + cursor: move; + } + #nav-btns { + float: right; + top: -5px; + position: relative; + button { + color: $white; + border-radius: 3px; + width: 40px; + margin: 0 10px 0 10px; + svg { + fill: $white; + width: 25px; + height: 20px; + } + } + } + } + } +} +@media only screen and (max-width: 375px) { + #nav-index { + #nav-index-wrapper { + #nav-pages { + .nav-item { + width: 94.5%; + font-size: 1em; + + label { + width: 40%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } + } + } + } + } +} +@media only screen and (max-width: 320px) { + #nav-index { + #nav-index-wrapper { + #nav-pages { + .nav-item { + width: 94.5%; + font-size: 1em; + + label { + width: 37%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } + } + } + } + } +} ; diff --git a/src/styles/main/_normalize.sass b/src/styles/main/_normalize.sass deleted file mode 100644 index 7fd62eb..0000000 --- a/src/styles/main/_normalize.sass +++ /dev/null @@ -1,197 +0,0 @@ -html - line-height: 1.15 - -ms-text-size-adjust: 100% - -webkit-text-size-adjust: 100% - -body - margin: 0 - -article, -aside, -footer, -header, -nav, -section - display: block - -h1 - font-size: 2em - margin: 0.67em 0 - line-height: 1em - -figcaption, -figure, -main - display: block - -figure - margin: 1em 40px - -hr - box-sizing: content-box - height: 0 - overflow: visible - -pre - font-family: monospace, monospace - font-size: 1em -a - background-color: transparent - -webkit-text-decoration-skip: objects - -a:active, -a:hover - outline-width: 0 - -abbr[title] - border-bottom: none - text-decoration: underline - text-decoration: underline dotted - -b, -strong - font-weight: inherit - font-weight: bolder - -//code, -kbd, -samp - font-family: monospace, monospace - font-size: 1em - -dfn - font-style: italic - -mark - background-color: #ff0 - color: #000 - -small - font-size: 80% - -sub, -sup - font-size: 60% - line-height: 0 - position: relative - vertical-align: baseline - -sub - bottom: -0.25em - -sup - top: -0.55em - background: $primary - color: $primary - border-radius: 2px - padding: 0 2px 0 2px - margin: 0 2px 0 0 - -audio, -video - display: inline-block - -audio - &:not([controls]) - display: none - height: 0 - -img - border-style: none - -svg - &:not(:root) - overflow: hidden - -button, -input, -optgroup, -select, -textarea - font-family: sans-serif - font-size: 100% - line-height: 1.15 - margin: 0 - -button, -input - overflow: visible - -button, -select - text-transform: none - -button, html [type="button"], -[type="reset"], -[type="submit"] - -webkit-appearance: button - -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner, -button::-moz-focus-inner - border-style: none - padding: 0 - -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring, -button:-moz-focusring - outline: 1px dotted ButtonText - -fieldset - border: 1px solid #c0c0c0 - margin: 0 2px - padding: 0.35em 0.625em 0.75em - -legend - box-sizing: border-box - color: inherit - display: table - max-width: 100% - padding: 0 - white-space: normal - -progress - display: inline-block - vertical-align: baseline - -textarea - overflow: auto - -[type="checkbox"], -[type="radio"] - box-sizing: border-box - padding: 0 - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button - height: auto - -[type="search"] - -webkit-appearance: textfield - outline-offset: -2px - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration - -webkit-appearance: none - -::-webkit-file-upload-button - -webkit-appearance: button - font: inherit - -details, -menu - display: block - -summary - display: list-item - -canvas - display: inline-block - -template - display: none - -[hidden] - display: none diff --git a/src/styles/main/_normalize.scss b/src/styles/main/_normalize.scss new file mode 100644 index 0000000..9a435a9 --- /dev/null +++ b/src/styles/main/_normalize.scss @@ -0,0 +1,202 @@ +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +footer, +header, +nav, +section { + display: block; +} +h1 { + font-size: 2em; + margin: 0.67em 0; + line-height: 1em; +} +figcaption, +figure, +main { + display: block; +} +figure { + margin: 1em 40px; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +pre { + font-family: monospace, monospace; + font-size: 1em; +} +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} +a:active, +a:hover { + outline-width: 0; +} +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} +b, +strong { + font-weight: inherit; + font-weight: bolder; +} +//code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +dfn { + font-style: italic; +} +mark { + background-color: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 60%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.55em; + background: $primary; + color: $primary; + border-radius: 2px; + padding: 0 2px 0 2px; + margin: 0 2px 0 0; +} +audio, +video { + display: inline-block; +} +audio { + &:not([controls]) { + display: none; + height: 0; + } +} +img { + border-style: none; +} +svg { + &:not(:root) { + overflow: hidden; + } +} +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} +progress { + display: inline-block; + vertical-align: baseline; +} +textarea { + overflow: auto; +} +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; +} +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} +details, +menu { + display: block; +} +summary { + display: list-item; +} +canvas { + display: inline-block; +} +template { + display: none; +} +[hidden] { + display: none; +} diff --git a/src/styles/main/_posts.sass b/src/styles/main/_posts.sass deleted file mode 100644 index 5f1b028..0000000 --- a/src/styles/main/_posts.sass +++ /dev/null @@ -1,512 +0,0 @@ -#post-index - width: 100% - max-width: 900px - margin: 0 auto - #post-index-wrapper - //padding: 0.75rem - overflow: hidden - #post-index-header - margin: 10px 0 0 0 - #post-index-header-left - text-transform: capitalize - display: inline-block - width: 50% - color: $white - font-size: 3em - #post-index-header-right - text-align: right - display: inline-block - width: 50% - a - button - color: $white - border-radius: 3px - margin-left: 10px - width: 55px - svg - transition: all 0.1s linear - width: 20px - height: 17px - fill: $white - - .current-filter - color: $highlight - text-decoration-color: $secondary - - #posts-list - margin: 20px 0 0 0 - - a.page-link - background: $white - display: inline-block - vertical-align: top - width: 100% - text-decoration: none - margin: 0 0 20px 0 - border-radius: 3px - overflow: hidden - color: color.adjust($primary, $lightness: -60%) - - label - font-size: 2em - font-weight: 500 - padding: 10px - display: inline-block - vertical-align: top - width: 100% - - div.page-bg, div.page-video - video - width: 100% - position: absolute - width: 100% - height: 350px - background-color: $highlight - position: relative - label - font-size: 2em - font-weight: 700 - color: $white - padding: 5px - vertical-align: top - display: inline-block - word-wrap: break-word - width: 100% - text-align: center - position: relative - top: 35% - text-shadow: 2px 2px 0 rgba($black, 1) - #meta - width: 100% - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) - border-radius: 3px - margin: auto - bottom: 0 - position: absolute - padding: 0 0 20px 0 - #options - width: 100% - bottom: 0 - position: absolute - #option-left - display: inline-block - vertical-align: top - width: 50% - position: relative - background: none - button - border-radius: 3px - background: $primary - margin: 0 0 10px 10px - svg - transition: all 0.2s linear - width: 40px - height: 20px - fill: $secondary - .item-options - border-radius: 3px - margin: 5px - display: inline-block - button[data-active='false'] - background: $primary - svg - fill: $secondary - - button[data-active='true'] - background: $tertiary - svg - fill: $primary - #option-right - display: inline-block - width: 50% - text-align: right - span - font-weight: bold - display: block - background: $white - color: $primary - border-radius: 3px - font-size: .6em - text-align: center - position: relative - padding: 5px - float: right - margin: 0 10px 0 0 - bottom: -15px - - p - padding: 5px 10px 5px 10px - font-size: 1.2em - font-weight: 400 - .paginate - width: 260px - display: block - margin: 0 auto - a - display: inline-block - vertical-align: top - span.count - text-align: center - padding: 5px - margin-top: -2px - display: inline-block - width: 190px - font-size: 1.5em - color: $tertiary - -#post-edit-index - width: 100% - overflow: hidden - - #post-edit-index-wrapper - width: 100% - #post-header - // width 100% - - background: $highlight - #post-header-wrapper - max-width: 900px - margin: 0 auto - padding: 0.75rem - label - color: $white - font-size: 0.9em - font-family: $baseType - font-weight: 600 - span - color: $primary - font-size: 0.9em - font-weight: 600 - text-transform: uppercase - float: right - - #post-title - #post_title - background: $white - font-family: $baseType - width: 97.6% - height: 80px - font-size: 2em - color: $primary - padding: 5px - margin: 0 0 5px 0 - - #calendar-icon - background: color.adjust($primary, $lightness: -15%) - border-radius: 3px 0 0 3px - display: inline-block - padding: 5.2px - color: $secondary - #layouts - select - background: $primary - color: $secondary - border-radius: 3px - border-color: $primary - margin: 0 0 10px 0 - width: 100% - height: 45px - padding: 5px - font-size: 1.5em - - #post-meta - #post_tags - background: $white - font-family: $baseType - width: 97.6% - height: 80px - color: $primary - padding: 5px - margin: 0 0 5px 0 - - #post-options - display: inline-block - vertical-align: top - width: 100% - padding: 0 - margin: 0 0 10px 0 - - button:nth-child(1) - border-radius: 3px 0 0 3px - - button:nth-child(4) - border-radius: 0 3px 3px 0 - - a - button - border-radius: 0 3px 3px 0 !important - - button - width: 25% - height: 45px - transition: all 0.3s linear - margin: 0 - border-radius: 0 - display: inline-block - vertical-align: top - text-align: center - - button[data-active='false'] - background: $primary - svg - fill: $secondary - - button[data-active='true'] - background: $tertiary - svg - fill: $primary - - #page-files-upload, #post-image-upload - display: none - - #post-feature - width: 100% - - #page-file-manager - background: $tertiary - width: 100% - min-height: 300px - #page-file-wrapper - width: 100% - max-width: 900px - padding: 10px - margin: 0 auto - font-weight: bold - font-color: $primary - font-size: 1em - #page-file-drop - display: flex - align-items: center - justify-content: center - width: 100% - min-height: 100px - background: $white - color: $primary - vertical-align: middle - border-radius: 5px - margin: 0 0 10px 0 - - label - cursor: pointer - font-weight: 600px - text-transform: capitalize - - img - width: 100% - margin: 0 - padding: 0 - #page-images-list, #page-files-list - padding: 10px 0 0 0 - .img-item - height: 150px - width: 23.8% - border-radius: 3px - margin: 0 10px 10px 0 - display: inline-block - cursor: pointer - .audio-item - height: 150px - width: 23.8% - border-radius: 3px - margin: 0 10px 10px 0 - display: inline-block - cursor: pointer - background: $primary - background: url('/assets/images/global/upload-audio.png') no-repeat center center / cover - .video-item - height: 150px - width: 23.8% - border-radius: 3px - margin: 0 10px 10px 0 - display: inline-block - cursor: pointer - background: $primary - background: url('/assets/images/global/upload-video.png') no-repeat center center / cover - .file-item - height: 150px - width: 23.8% - border-radius: 3px - margin: 0 10px 10px 0 - display: inline-block - cursor: pointer - background: $primary - background: url('/assets/images/global/upload-doc.png') no-repeat center center / cover - - - #edit-post - width: 100% - max-width: 880px - margin: 0 auto - - #edit-post-wrapper - width: 100% - max-width: 900px - border-radius: 5px - //background $primary - 10% - //margin: 10px 0 50px 0 - position: relative - //editor sometimes scrolls throwing it all out of wack - //turning of scrolling keeps it aligned - textarea:focus - outline: none - border-color: $highlight - - #edit, #highlight - border: 0 - width: 100% - min-height: 300px - height: auto - position: absolute - top: 0 - left: 0 - overflow: auto - word-wrap: normal - white-space: pre-wrap - line-break: normal - #highlight-content - word-wrap: normal - white-space: pre-wrap - line-break: normal - - #edit, #highlight, #hightlight * - font-size: 1.2em - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace - line-height: 22pt - - #edit - z-index: 1 - color: transparent - background: transparent - caret-color: $highlight - #highlight - z-index: 0 - - pre - margin: 0 - code - font-family: $monoType - padding: 5px - border-radius: 5px - line-height: 1.6em - font-size: 1.25em - color: $editorPrimary - word-wrap: normal - white-space: pre-wrap - line-break: normal - -webkit-line-break: normal - -o-line-break: normal - -moz-line-break: normal - display: inline-block - width: 100% - max-width: 900px - min-height: 200px - caret-color: $highlight - -//Responsive -@media only screen and (max-width: 800px) - #post-edit-index - #post-edit-index-wrapper - #post-header - #post-title - #post-date - width: 37.6% - -@media only screen and (max-width: 768px) - #post-edit-index - #post-edit-index-wrapper - #post-header - #post-title - #post-date - width: 43.1% - - #post-meta - #edit-control - max-width: 100% - - button - width: 9.91% - -@media only screen and (max-width: 640px) - #post-edit-index - #post-edit-index-wrapper - #post-header - #post-title - #post-date - width: 42% - -@media only screen and (max-width: 480px) - #post-index - #post-index-wrapper - #post-index-header - #post-index-header-left - font-size: 1.35em - width: 30% - #post-index-header-right - width: 70% - vertical-align: top - #post-index-menu - a - font-size: 0.95em - - label - display: none - visibility: hidden - - #post-edit-index - #post-edit-index-wrapper - #post-header - #post-title - #post-options - margin: 5px 0 0 0 - width: 100% - padding: 0 - - #post-date - width: 89.2% - - #post-meta - #edit-control - button - width: 9.91% - -@media only screen and (max-width: 320px) - #post-index - #post-index-wrapper - #post-index-menu - a - font-size: 0.95em - - label - display: none - visibility: hidden - - #post-edit-index - #post-edit-index-wrapper - #post-header - #post-title - #post_title - width: 96.4% - - #post-options - margin: 5px 0 0 0 - width: 100% - padding: 0 - - #post-date - width: 83.1% - - #post-meta - #post_tags - width: 96.4% - - #edit-control - .content-editor-btn-icon - svg.icons - width: 20px - - .post-sumbit-btn - svg.icons - width: 20px - - button - width: 10% diff --git a/src/styles/main/_posts.scss b/src/styles/main/_posts.scss new file mode 100644 index 0000000..8a94baa --- /dev/null +++ b/src/styles/main/_posts.scss @@ -0,0 +1,622 @@ +#post-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + #post-index-wrapper { + //padding: 0.75rem + overflow: hidden; + #post-index-header { + margin: 10px 0 0 0; + #post-index-header-left { + text-transform: capitalize; + display: inline-block; + width: 50%; + color: $white; + font-size: 3em; + } + #post-index-header-right { + text-align: right; + display: inline-block; + width: 50%; + a { + button { + color: $white; + border-radius: 3px; + margin-left: 10px; + width: 55px; + } + svg { + transition: all 0.1s linear; + width: 20px; + height: 17px; + fill: $white; + } + } + .current-filter { + color: $highlight; + text-decoration-color: $secondary; + } + } + } + #posts-list { + margin: 20px 0 0 0; + + a.page-link { + background: $white; + display: inline-block; + vertical-align: top; + width: 100%; + text-decoration: none; + margin: 0 0 20px 0; + border-radius: 3px; + overflow: hidden; + color: color.adjust($primary, $lightness: -60%); + + label { + font-size: 2em; + font-weight: 500; + padding: 10px; + display: inline-block; + vertical-align: top; + width: 100%; + } + div.page-bg, + div.page-video { + video { + width: 100%; + position: absolute; + } + width: 100%; + height: 350px; + background-color: $highlight; + position: relative; + label { + font-size: 2em; + font-weight: 700; + color: $white; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 rgba($black, 1); + } + #meta { + width: 100%; + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.65) 100% + ); + border-radius: 3px; + margin: auto; + bottom: 0; + position: absolute; + padding: 0 0 20px 0; + #options { + width: 100%; + bottom: 0; + position: absolute; + #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; + button { + border-radius: 3px; + background: $primary; + margin: 0 0 10px 10px; + } + svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: $secondary; + } + .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; + } + button[data-active="false"] { + background: $primary; + svg { + fill: $secondary; + } + } + button[data-active="true"] { + background: $tertiary; + svg { + fill: $primary; + } + } + } + #option-right { + display: inline-block; + width: 50%; + text-align: right; + span { + font-weight: bold; + display: block; + background: $white; + color: $primary; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; + } + } + } + } + } + p { + padding: 5px 10px 5px 10px; + font-size: 1.2em; + font-weight: 400; + } + } + } + .paginate { + width: 260px; + display: block; + margin: 0 auto; + a { + display: inline-block; + vertical-align: top; + } + span.count { + text-align: center; + padding: 5px; + margin-top: -2px; + display: inline-block; + width: 190px; + font-size: 1.5em; + color: $tertiary; + } + } + } +} +#post-edit-index { + width: 100%; + overflow: hidden; + + #post-edit-index-wrapper { + width: 100%; + #post-header { + // width 100% + + background: $highlight; + #post-header-wrapper { + max-width: 900px; + margin: 0 auto; + padding: 0.75rem; + label { + color: $white; + font-size: 0.9em; + font-family: $baseType; + font-weight: 600; + } + span { + color: $primary; + font-size: 0.9em; + font-weight: 600; + text-transform: uppercase; + float: right; + } + #post-title { + #post_title { + background: $white; + font-family: $baseType; + width: 97.6%; + height: 80px; + font-size: 2em; + color: $primary; + padding: 5px; + margin: 0 0 5px 0; + } + #calendar-icon { + background: color.adjust($primary, $lightness: -15%); + border-radius: 3px 0 0 3px; + display: inline-block; + padding: 5.2px; + color: $secondary; + } + #layouts { + select { + background: $primary; + color: $secondary; + border-radius: 3px; + border-color: $primary; + margin: 0 0 10px 0; + width: 100%; + height: 45px; + padding: 5px; + font-size: 1.5em; + } + } + } + #post-meta { + #post_tags { + background: $white; + font-family: $baseType; + width: 97.6%; + height: 80px; + color: $primary; + padding: 5px; + margin: 0 0 5px 0; + } + #post-options { + display: inline-block; + vertical-align: top; + width: 100%; + padding: 0; + margin: 0 0 10px 0; + + button:nth-child(1) { + border-radius: 3px 0 0 3px; + } + button:nth-child(4) { + border-radius: 0 3px 3px 0; + } + a { + button { + border-radius: 0 3px 3px 0 !important; + } + } + button { + width: 25%; + height: 45px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; + } + button[data-active="false"] { + background: $primary; + svg { + fill: $secondary; + } + } + button[data-active="true"] { + background: $tertiary; + svg { + fill: $primary; + } + } + } + #page-files-upload, + #post-image-upload { + display: none; + } + } + } + } + #post-feature { + width: 100%; + + #page-file-manager { + background: $tertiary; + width: 100%; + min-height: 300px; + #page-file-wrapper { + width: 100%; + max-width: 900px; + padding: 10px; + margin: 0 auto; + font-weight: bold; + font-color: $primary; + font-size: 1em; + #page-file-drop { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + min-height: 100px; + background: $white; + color: $primary; + vertical-align: middle; + border-radius: 5px; + margin: 0 0 10px 0; + + label { + cursor: pointer; + font-weight: 600px; + text-transform: capitalize; + } + img { + width: 100%; + margin: 0; + padding: 0; + } + } + #page-images-list, + #page-files-list { + padding: 10px 0 0 0; + .img-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + } + .audio-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: $primary; + background: url("/assets/images/global/upload-audio.png") + no-repeat center center / cover; + } + .video-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: $primary; + background: url("/assets/images/global/upload-video.png") + no-repeat center center / cover; + } + .file-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: $primary; + background: url("/assets/images/global/upload-doc.png") no-repeat + center center / cover; + } + } + } + } + } + #edit-post { + width: 100%; + max-width: 880px; + margin: 0 auto; + + #edit-post-wrapper { + width: 100%; + max-width: 900px; + border-radius: 5px; + //background $primary - 10% + //margin: 10px 0 50px 0 + position: relative; + //editor sometimes scrolls throwing it all out of wack + //turning of scrolling keeps it aligned + textarea:focus { + outline: none; + border-color: $highlight; + } + #edit, + #highlight { + border: 0; + width: 100%; + min-height: 300px; + height: auto; + position: absolute; + top: 0; + left: 0; + overflow: auto; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + } + #highlight-content { + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + } + #edit, + #highlight, + #hightlight * { + font-size: 1.2em; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + line-height: 22pt; + } + #edit { + z-index: 1; + color: transparent; + background: transparent; + caret-color: $highlight; + } + #highlight { + z-index: 0; + + pre { + margin: 0; + code { + font-family: $monoType; + padding: 5px; + border-radius: 5px; + line-height: 1.6em; + font-size: 1.25em; + color: $editorPrimary; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + -webkit-line-break: normal; + -o-line-break: normal; + -moz-line-break: normal; + display: inline-block; + width: 100%; + max-width: 900px; + min-height: 200px; + caret-color: $highlight; + } + //Responsive + } + } + } + } + } +} +@media only screen and (max-width: 800px) { + #post-edit-index { + #post-edit-index-wrapper { + #post-header { + #post-title { + #post-date { + width: 37.6%; + } + } + } + } + } +} +@media only screen and (max-width: 768px) { + #post-edit-index { + #post-edit-index-wrapper { + #post-header { + #post-title { + #post-date { + width: 43.1%; + } + } + #post-meta { + #edit-control { + max-width: 100%; + + button { + width: 9.91%; + } + } + } + } + } + } +} +@media only screen and (max-width: 640px) { + #post-edit-index { + #post-edit-index-wrapper { + #post-header { + #post-title { + #post-date { + width: 42%; + } + } + } + } + } +} +@media only screen and (max-width: 480px) { + #post-index { + #post-index-wrapper { + #post-index-header { + #post-index-header-left { + font-size: 1.35em; + width: 30%; + } + #post-index-header-right { + width: 70%; + vertical-align: top; + } + } + #post-index-menu { + a { + font-size: 0.95em; + + label { + display: none; + visibility: hidden; + } + } + } + } + } + #post-edit-index { + #post-edit-index-wrapper { + #post-header { + #post-title { + #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-date { + width: 89.2%; + } + } + #post-meta { + #edit-control { + button { + width: 9.91%; + } + } + } + } + } + } +} +@media only screen and (max-width: 320px) { + #post-index { + #post-index-wrapper { + #post-index-menu { + a { + font-size: 0.95em; + + label { + display: none; + visibility: hidden; + } + } + } + } + } + #post-edit-index { + #post-edit-index-wrapper { + #post-header { + #post-title { + #post_title { + width: 96.4%; + } + #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-date { + width: 83.1%; + } + } + #post-meta { + #post_tags { + width: 96.4%; + } + #edit-control { + .content-editor-btn-icon { + svg.icons { + width: 20px; + } + } + .post-sumbit-btn { + svg.icons { + width: 20px; + } + } + button { + width: 10%; + } + } + } + } + } + } +} ; diff --git a/src/styles/main/_settings.sass b/src/styles/main/_settings.sass deleted file mode 100644 index 98396bb..0000000 --- a/src/styles/main/_settings.sass +++ /dev/null @@ -1,282 +0,0 @@ -#settings-actions - position: fixed - width: 40% - margin-top: -85px - left: 50% - margin-left: -20% - #buttons - width: 185px - margin: 28px auto - text-align: center - background: $white - padding: 2px - border-radius: 3px - button - color: $white - border-radius: 3px - width: 40px - margin: 0 10px 0 10px - svg - width: 25px - height: 20px - fill: $white - button[data-render='false'] - background: $secondary - svg - fill: $primary - - button[data-render='true'] - background: $highlight - svg - fill: $white - -#settings-index - width: 94% - max-width: 900px - margin: 0 auto - overflow: hidden - #settings-index-wrapper - padding: 0 - - button - margin-top: 5px - width: 100% - height: 33px - - #member-settings, #feature-settings, #option-settings, #token-settings, #backup-settings - background: $white - padding: 0px - border-radius: 5px 0 5px 0 - width: 100% - margin: 20px auto - - label - font-family: $baseType - color: $primary - font-weight: bold - span - color: $secondary - - input - width: 95% - margin: 0 5px 10px 0 - height: 30px - padding: 10px - input#backup-upload - visibility: hidden - display: none - .backup-meta - background: $primary - color: $white - padding: 8px - border-radius: 3px - margin: 5px 0 0 0 - text-align: center - - #member-images - padding: 10px 15px 0 15px - - #member-avatar-drop - display: inline-block - margin: 0 0 10px 0 - - img - width: 100% - border-radius: 5px - overflow: hidden - cursor: pointer - display: block - margin-bottom: 2px - - input - visibility: hidden - display: none - #privacy-toggle - width: 50% - #render-toggle - width: 50% - - #site-background - margin: 0 0 10px 0 - - img - width: 92.1% - height: 292px - border-radius: 3px - overflow: hidden - cursor: pointer - - input - visibility: hidden - display: none - #member-meta - padding: 10px 15px 0 15px - position: relative - top: -30px - - - #features - padding: 10px 15px 0 15px - - - textarea - background: $primary - width: 70% - height: 89.5px - color: $tertiary - padding: 10px - display: inline-block - margin-bottom: 10px - span#key - color: $white - background: $primary - font-size: 0.9em - border-radius: 3px - padding: 5px - display: block - width: 95% - overflow: hidden - - #feature-settings - #feature-api, #dynamic-api - background: $white - border-radius: 3px - padding: 5px - - - button - color: $white - border-radius: 3px - width: 200px - margin: 0 - height: 200px - font-size: 1em - svg - width: 100px - height: 90px - fill: $white - position: relative - display: block - margin: 12px auto - span - color: $white - margin: 6px 0 0 5px - position: relative - vertical-align: middle - display: inline-block - font-weight: bold - - button[data-enabled='false'] - background: $secondary - svg - fill: $primary - span - color: $primary - button[data-enabled='true'] - background: $highlight - svg - fill: $white - #token-settings - #keys-tokens - padding: 10px 15px 0 15px - #member-api-key, #form-token - background: $primary - border-radius: 3px - padding: 5px - color: $white - - #option-settings - #theme-settings - a - width: 95% - margin: 0 5px 5px 0 - height: 15px - padding: 10px - display: inline-block - - a[data-enabled='false'] - background: $white - color: $primary - border-radius: 3px - font-weight: bold - border-top: 1px $highlight solid - border-bottom: 1px $highlight solid - - a[data-enabled='true'] - background: $highlight - color: $primary - border-radius: 3px - font-weight: bold - border-top: 1px $primary solid - border-bottom: 1px $primary solid - svg - fill: $primary - display: inline-block - float: right - - #mail-settings - min-height: 240px - - a.mail-option - float: right - font-family: $monoType - font-size: 0.9em - border-radius: 3px - text-decoration: none - margin: 0 0 0 5px - // padding: 1px - - a.mail-option[data-enabled='true'] - color: $highlight - - a.mail-option[data-enabled='false'] - color: $primary - - input - // width 94% - margin: 0 5px 5px 0 - vertical-align: top - - div[data-enabled='false'] - display: none - visibility: hidden - #settings-api - background: $primary - border-radius: 3px - padding: 10px - span - color: $white !important - margin: -13px 0 0 5px - position: relative - vertical-align: middle - display: inline-block - font-weight: bold - - button - color: $white - border-radius: 3px - width: 40px - margin: 0 - svg - width: 25px - height: 20px - fill: $white - button[data-enabled='false'] - background: $secondary - svg - fill: $primary - button[data-enabled='true'] - background: $highlight - svg - fill: $white - -// responsive -@media only screen and (max-width: 480px) - #settings-actions - margin-left: -42% - #buttons - width: 150px - background: none - button - margin: 0 5px 0 5px - \ No newline at end of file diff --git a/src/styles/main/_settings.scss b/src/styles/main/_settings.scss new file mode 100644 index 0000000..bb82328 --- /dev/null +++ b/src/styles/main/_settings.scss @@ -0,0 +1,328 @@ +#settings-actions { + position: fixed; + width: 40%; + margin-top: -85px; + left: 50%; + margin-left: -20%; + #buttons { + width: 185px; + margin: 28px auto; + text-align: center; + background: $white; + padding: 2px; + border-radius: 3px; + button { + color: $white; + border-radius: 3px; + width: 40px; + margin: 0 10px 0 10px; + svg { + width: 25px; + height: 20px; + fill: $white; + } + } + button[data-render="false"] { + background: $secondary; + svg { + fill: $primary; + } + } + button[data-render="true"] { + background: $highlight; + svg { + fill: $white; + } + } + } +} +#settings-index { + width: 94%; + max-width: 900px; + margin: 0 auto; + overflow: hidden; + #settings-index-wrapper { + padding: 0; + + button { + margin-top: 5px; + width: 100%; + height: 33px; + } + #member-settings, + #feature-settings, + #option-settings, + #token-settings, + #backup-settings { + background: $white; + padding: 0px; + border-radius: 5px 0 5px 0; + width: 100%; + margin: 20px auto; + + label { + font-family: $baseType; + color: $primary; + font-weight: bold; + } + span { + color: $secondary; + } + input { + width: 95%; + margin: 0 5px 10px 0; + height: 30px; + padding: 10px; + } + input#backup-upload { + visibility: hidden; + display: none; + } + .backup-meta { + background: $primary; + color: $white; + padding: 8px; + border-radius: 3px; + margin: 5px 0 0 0; + text-align: center; + } + #member-images { + padding: 10px 15px 0 15px; + + #member-avatar-drop { + display: inline-block; + margin: 0 0 10px 0; + + img { + width: 100%; + border-radius: 5px; + overflow: hidden; + cursor: pointer; + display: block; + margin-bottom: 2px; + } + input { + visibility: hidden; + display: none; + } + #privacy-toggle { + width: 50%; + } + #render-toggle { + width: 50%; + } + } + #site-background { + margin: 0 0 10px 0; + + img { + width: 92.1%; + height: 292px; + border-radius: 3px; + overflow: hidden; + cursor: pointer; + } + input { + visibility: hidden; + display: none; + } + } + } + #member-meta { + padding: 10px 15px 0 15px; + position: relative; + top: -30px; + } + #features { + padding: 10px 15px 0 15px; + } + } + textarea { + background: $primary; + width: 70%; + height: 89.5px; + color: $tertiary; + padding: 10px; + display: inline-block; + margin-bottom: 10px; + } + span#key { + color: $white; + background: $primary; + font-size: 0.9em; + border-radius: 3px; + padding: 5px; + display: block; + width: 95%; + overflow: hidden; + } + #feature-settings { + #feature-api, + #dynamic-api { + background: $white; + border-radius: 3px; + padding: 5px; + + button { + color: $white; + border-radius: 3px; + width: 200px; + margin: 0; + height: 200px; + font-size: 1em; + svg { + width: 100px; + height: 90px; + fill: $white; + position: relative; + display: block; + margin: 12px auto; + } + span { + color: $white; + margin: 6px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; + } + } + button[data-enabled="false"] { + background: $secondary; + svg { + fill: $primary; + } + span { + color: $primary; + } + } + button[data-enabled="true"] { + background: $highlight; + svg { + fill: $white; + } + } + } + } + #token-settings { + #keys-tokens { + padding: 10px 15px 0 15px; + #member-api-key, + #form-token { + background: $primary; + border-radius: 3px; + padding: 5px; + color: $white; + } + } + } + #option-settings { + #theme-settings { + a { + width: 95%; + margin: 0 5px 5px 0; + height: 15px; + padding: 10px; + display: inline-block; + } + a[data-enabled="false"] { + background: $white; + color: $primary; + border-radius: 3px; + font-weight: bold; + border-top: 1px $highlight solid; + border-bottom: 1px $highlight solid; + } + a[data-enabled="true"] { + background: $highlight; + color: $primary; + border-radius: 3px; + font-weight: bold; + border-top: 1px $primary solid; + border-bottom: 1px $primary solid; + svg { + fill: $primary; + display: inline-block; + float: right; + } + } + } + #mail-settings { + min-height: 240px; + + a.mail-option { + float: right; + font-family: $monoType; + font-size: 0.9em; + border-radius: 3px; + text-decoration: none; + margin: 0 0 0 5px; + } + a.mail-option[data-enabled="true"] { + color: $highlight; + } + a.mail-option[data-enabled="false"] { + color: $primary; + } + input { + // width 94% + margin: 0 5px 5px 0; + vertical-align: top; + } + div[data-enabled="false"] { + display: none; + visibility: hidden; + } + #settings-api { + background: $primary; + border-radius: 3px; + padding: 10px; + span { + color: $white !important; + margin: -13px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; + } + button { + color: $white; + border-radius: 3px; + width: 40px; + margin: 0; + svg { + width: 25px; + height: 20px; + fill: $white; + } + } + button[data-enabled="false"] { + background: $secondary; + svg { + fill: $primary; + } + } + button[data-enabled="true"] { + background: $highlight; + svg { + fill: $white; + } + // responsive + } + } + } + } + } +} +@media only screen and (max-width: 480px) { + #settings-actions { + margin-left: -42%; + #buttons { + width: 150px; + background: none; + button { + margin: 0 5px 0 5px; + } + } + } +} ; diff --git a/src/styles/main/_structure.sass b/src/styles/main/_structure.sass deleted file mode 100644 index 405bda8..0000000 --- a/src/styles/main/_structure.sass +++ /dev/null @@ -1,188 +0,0 @@ -html, body - background: $primary linear-gradient(0deg, rgba($primary,1) 0%, rgba(color.adjust($primary, $lightness: 10%),1) 100%) no-repeat - font: 400 1em $baseType - height: 100% - -a - font: 300 1em $baseType - color: $secondary - text-decoration: underline - transition: all 0.2s linear - -svg.icons - width: 25px - fill: $secondary - -#notifications - perspective: 1000px - position: fixed - z-index: 2000 - height: 55px - width: 100% - display: block - align-items: center - justify-content: center - padding: 0 - margin-top: -55px - #notifyMessage - margin: 0 auto - //ks-easing( "out-back" ); - transition: all 0.6s cubic-bezier(.83,.05,.28,1.0) - //padding-top -125px - height: 50px - width: 500px - display: flex - align-items: center - justify-content: center - opacity: 1 - transform-style: preserve-3d - transform: rotateX(120deg) - transform-origin: 50% 0 - overflow: hidden - #notify-good, #notify-lame, #notify-working - display: block - #notify-working-icon - -webkit-animation: spin 2s linear infinite - -moz-animation: spin 2s linear infinite - animation: spin 2s linear infinite - @keyframes spin - transform: rotate(360deg) - - .notify-icon - background: $black - padding: 8px 5px 5px 5px - border-radius: 5px 0 0 5px - height: 30px - width: 30px - text-align: center - border: 2px solid $white - #notify-text - color: $white - background: $black - width: 400px - height: 28px - padding: 15px 0 0 0 - border-radius: 0 5px 5px 0 - border: 2px solid $white - text-align: center - overflow: hidden - position: relative - #notify-progress - width: 0 - background: $highlight - height: 43px - position: absolute - top: 0px - p - top: -15px - display: block - position: relative - - .icons - fill: $white - -.notify-close - transform-style: preserve-3d - transform: rotateX(-120deg) - -.notify-open - transform-style: preserve-3d - transform: rotateX(0deg) -.blog-container - width: 100% - -.main-container - margin: 0 auto - z-index: 10 - position: relative - height: 100% - - section - header - width: 100% - max-width: 900px - margin: 10px auto - background: $white - height: 50px - border-radius: 5px - - #wrapper - padding: 5px - - #left, #right - width: 49.7% - display: inline-block - vertical-align: top - min-height: 60px - - #the-logo - width: 29px - - #right - text-align: right - color: $white - - // word-break: break-all; - #dash-menu - text-align: right - a - button - border-radius: 50px - svg - transition: all 0.2s linear - width: 40px - height: 20px - fill: $white - &:hover - button - background: $primary - svg - fill: $secondary - -/* Mozilla based browsers */ -::-moz-selection - background-color: $highlight - color: $white - -/* Works in Safari */ -::selection - background-color: $highlight - color: $white - -/* Works in Opera */ -::-o-selection - background-color: $highlight - color: $white - -::-ms-selection - background-color: $highlight - color: $white - -/* Works in Internet Explorer */ -::-webkit-selection - background-color: $highlight - color: $white - -//Responsive -@media only screen and (max-width: 901px) - .main-container - padding: 10px - -@media only screen and (max-width: 800px) - .main-container - section - header - #wrapper - #left, #right - display: inline-block - -@media only screen and (max-width: 480px) - .main-container - section - header - #wrapper - #left - width: 30% - - #right - width: 70% diff --git a/src/styles/main/_structure.scss b/src/styles/main/_structure.scss new file mode 100644 index 0000000..240e024 --- /dev/null +++ b/src/styles/main/_structure.scss @@ -0,0 +1,251 @@ +html, +body { + background: $primary + linear-gradient( + 0deg, + rgba($primary, 1) 0%, + rgba(color.adjust($primary, $lightness: 10%), 1) 100% + ) + no-repeat; + font: 400 1em $baseType; + height: 100%; +} + +a { + font: 300 1em $baseType; + color: $secondary; + text-decoration: underline; + transition: all 0.2s linear; +} + +svg.icons { + width: 25px; + fill: $secondary; +} + +#notifications { + perspective: 1000px; + position: fixed; + z-index: 2000; + height: 55px; + width: 100%; + display: block; + align-items: center; + justify-content: center; + padding: 0; + margin-top: -55px; + + #notify-message { + margin: 0 auto; + + // ks-easing( "out-back" ); + transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1); + + // padding-top -125px + height: 50px; + width: 500px; + display: flex; + align-items: center; + justify-content: center; + opacity: 1; + transform-style: preserve-3d; + transform: rotateX(120deg); + transform-origin: 50% 0; + overflow: hidden; + + #notify-good, + #notify-lame, + #notify-working { + display: block; + } + + #notify-working-icon { + animation: spin 2s linear infinite; + @keyframes spin { + transform: rotate(360deg); + } + } + + .notify-icon { + background: $black; + padding: 8px 5px 5px; + border-radius: 5px 0 0 5px; + height: 30px; + width: 30px; + text-align: center; + border: 2px solid $white; + } + + #notify-text { + color: $white; + background: $black; + width: 400px; + height: 28px; + padding: 15px 0 0; + border-radius: 0 5px 5px 0; + border: 2px solid $white; + text-align: center; + overflow: hidden; + position: relative; + + #notify-progress { + width: 0; + background: $highlight; + height: 43px; + position: absolute; + top: 0; + } + + p { + top: -15px; + display: block; + position: relative; + } + } + + .icons { + fill: $white; + } + } +} + +.notify-close { + transform-style: preserve-3d; + transform: rotateX(-120deg); +} + +.notify-open { + transform-style: preserve-3d; + transform: rotateX(0deg); +} + +.blog-container { + width: 100%; +} + +.main-container { + margin: 0 auto; + z-index: 10; + position: relative; + height: 100%; + + section { + header { + width: 100%; + max-width: 900px; + margin: 10px auto; + background: $white; + height: 50px; + border-radius: 5px; + + #wrapper { + padding: 5px; + + #left, + #right { + width: 49.7%; + display: inline-block; + vertical-align: top; + min-height: 60px; + + #the-logo { + width: 29px; + } + } + + #right { + text-align: right; + color: $white; + + // word-break: break-all; + #dash-menu { + text-align: right; + + a { + button { + border-radius: 50px; + + svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: $white; + } + } + + &:hover { + button { + background: $primary; + } + + svg { + fill: $secondary; + } + } + } + } + } + } + } + } +} /* Mozilla based browsers */ +::selection { + background-color: $highlight; + color: $white; +} + +/* Works in Opera */ +::-o-selection { + background-color: $highlight; + color: $white; +} + +::-ms-selection { + background-color: $highlight; + color: $white; +} + +/* Works in Internet Explorer */ +::-webkit-selection { + background-color: $highlight; + color: $white; +} + +// Responsive +@media only screen and (max-width: 901px) { + .main-container { + padding: 10px; + } +} + +@media only screen and (max-width: 800px) { + .main-container { + section { + header { + #wrapper { + #left, + #right { + display: inline-block; + } + } + } + } + } +} +@media only screen and (max-width: 480px) { + .main-container { + section { + header { + #wrapper { + #left { + width: 30%; + } + + #right { + width: 70%; + } + } + } + } + } +} ; diff --git a/src/styles/main/_typography.sass b/src/styles/main/_typography.sass deleted file mode 100644 index 00a834a..0000000 --- a/src/styles/main/_typography.sass +++ /dev/null @@ -1,18 +0,0 @@ -$baseType: Helvetica, Arial, sans-serif -$monoType: "Lucida Console", Monaco, monospace - -h1, h2, h3 - color: $white - -h1 - font-size: 2em - font-weight: 400 - -h2 - font-size: 1.75em - font-weight: 400 - -h3 - font-size: 1.5em - font-weight: 300 - diff --git a/src/styles/main/_typography.scss b/src/styles/main/_typography.scss new file mode 100644 index 0000000..6300a98 --- /dev/null +++ b/src/styles/main/_typography.scss @@ -0,0 +1,20 @@ +$baseType: Helvetica, Arial, sans-serif; +$monoType: "Lucida Console", Monaco, monospace; + +h1, +h2, +h3 { + color: $white; +} +h1 { + font-size: 2em; + font-weight: 400; +} +h2 { + font-size: 1.75em; + font-weight: 400; +} +h3 { + font-size: 1.5em; + font-weight: 300; +}