open-props styling (#83)
taylor_socfortress committed
Jul 31, 2023 at 10:24 UTC
ea2556061e8aaa5acb67d490c08a8183a008ffaa
4 files changed
+31
package-lock.json
+11
@@ -34,6 +34,7 @@
34
"mapbox-gl": "^2.14.1",
35
"marquee-infinite": "^0.0.4",
36
"mavon-editor": "^3.0.1",
37
+ "open-props": "^1.5.10",
38
"papaparse": "^5.4.1",
39
"pell": "^1.0.6",
40
"perfect-scrollbar": "^1.5.5",
@@ -5241,6 +5242,11 @@
5242
"url": "https://github.com/sponsors/sindresorhus"
5243
}
5244
},
5245
+ "node_modules/open-props": {
5246
+ "version": "1.5.10",
5247
+ "resolved": "https://registry.npmjs.org/open-props/-/open-props-1.5.10.tgz",
5248
+ "integrity": "sha512-iE+B7Zo0ytgeUNI38uHiBrxF5Nnv3uX8AzogBXzf7wqeNyG6oqQEEBs1gnAZdRF+h7IRO0zOGM5d9/huiNFR+w=="
5249
+ },
5250
"node_modules/optionator": {
5251
"version": "0.9.1",
5252
"dev": true,
@@ -10794,6 +10800,11 @@
10800
"mimic-fn": "^2.1.0"
10801
}
10802
},
10803
+ "open-props": {
10804
+ "version": "1.5.10",
10805
+ "resolved": "https://registry.npmjs.org/open-props/-/open-props-1.5.10.tgz",
10806
+ "integrity": "sha512-iE+B7Zo0ytgeUNI38uHiBrxF5Nnv3uX8AzogBXzf7wqeNyG6oqQEEBs1gnAZdRF+h7IRO0zOGM5d9/huiNFR+w=="
10807
+ },
10808
"optionator": {
10809
"version": "0.9.1",
10810
"dev": true,
package.json
+1
@@ -41,6 +41,7 @@
41
"mapbox-gl": "^2.14.1",
42
"marquee-infinite": "^0.0.4",
43
"mavon-editor": "^3.0.1",
44
+ "open-props": "^1.5.10",
45
"papaparse": "^5.4.1",
46
"pell": "^1.0.6",
47
"perfect-scrollbar": "^1.5.5",
src/assets/open-props/open-props.css
new
+18
@@ -0,0 +1,18 @@
1
+@import "open-props/style";
2
+
3
+/* optional imports that use the props */
4
+@import "open-props/normalize";
5
+@import "open-props/buttons";
6
+
7
+/* just light or dark themes */
8
+@import "open-props/normalize/dark";
9
+@import "open-props/buttons/dark";
10
+@import "open-props/normalize/light";
11
+@import "open-props/buttons/light";
12
+
13
+/* individual imports */
14
+@import "open-props/indigo";
15
+@import "open-props/easings";
16
+@import "open-props/animations";
17
+@import "open-props/sizes";
18
+@import "open-props/gradients";
src/main.ts
+1
@@ -29,6 +29,7 @@ import i18n_messages from "./i18n.json"
29
| CORE ASSETS |
30
\* ═ ═ ═ ═ ═ ═ ═ ═ ═ */
31
import "./assets/scss/global.scss"
32
+import "./assets/open-props/open-props.css"
33
import "flex.box/src/flexbox.css"
34
import "animate.css"
35
import App from "@/App.vue"