Added scss support
mellobacon committed
Nov 25, 2022 at 01:44 UTC
cab82218b2dd6a6fb178868d11a7a0faf50b5f59
4 files changed
+49
-3
package.json
+2
-1
@@ -18,7 +18,8 @@
18
"sortablejs": "^1.15.0",
19
"svelte-splitpanes": "^0.7.3",
20
"xterm": "^5.0.0",
21
- "xterm-addon-fit": "^0.6.0"
21
+ "xterm-addon-fit": "^0.6.0",
22
+ "sass": "^1.56.1"
23
},
24
"devDependencies": {
25
"@sveltejs/vite-plugin-svelte": "^1.0.1",
src/components/style.scss
new
+30
@@ -0,0 +1,30 @@
1
+$window-background-color: #161616;
2
+$header-height: 2rem;
3
+$footer-height: 1.6rem;
4
+
5
+#handle, #header {
6
+ height: $header-height;
7
+}
8
+
9
+#main {
10
+ height: calc(100vh - $header-height - 0.063rem);
11
+}
12
+
13
+#footer {
14
+ height: $footer-height;
15
+}
16
+.main {
17
+ height: 100%;
18
+}
19
+#container > .splitpanes {
20
+ height: calc(100% - $footer-height);
21
+}
22
+#editor-tabs{
23
+ background-color: $window-background-color;
24
+ min-height: 2rem;
25
+}
26
+.dropdown, .numberinput, .checkboxinput {
27
+ justify-content: space-between;
28
+ width: 300px;
29
+ margin: 15px 0;
30
+}
\ No newline at end of file
src/main.ts
+1
@@ -1,4 +1,5 @@
1
import "./global.css";
2
+import "./components/style.scss";
3
import App from './App.svelte';
4
5
const app = new App({
yarn.lock
+16
-2
@@ -656,7 +656,7 @@ chalk@^5.0.1:
656
resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.1.2.tgz#d957f370038b75ac572471e83be4c5ca9f8e8c45"
657
integrity sha512-E5CkT4jWURs1Vy5qGJye+XwCkNj7Od3Af7CP6SujMetSMkLs8Do2RWJK5yx1wamHV/op8Rz+9rltjaTQWDnEFQ==
658
659
-chokidar@^3.4.1:
659
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.1:
660
version "3.5.3"
661
resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
662
integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -1049,6 +1049,11 @@ human-signals@^2.1.0:
1049
resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
1050
integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
1051
1052
+immutable@^4.0.0:
1053
+ version "4.1.0"
1054
+ resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
1055
+ integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
1056
+
1057
import-fresh@^3.2.1:
1058
version "3.3.0"
1059
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -1481,6 +1486,15 @@ sander@^0.5.0:
1486
mkdirp "^0.5.1"
1487
rimraf "^2.5.2"
1488
1489
+sass@^1.56.1:
1490
+ version "1.56.1"
1491
+ resolved "https://registry.yarnpkg.com/sass/-/sass-1.56.1.tgz#94d3910cd468fd075fa87f5bb17437a0b617d8a7"
1492
+ integrity sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==
1493
+ dependencies:
1494
+ chokidar ">=3.0.0 <4.0.0"
1495
+ immutable "^4.0.0"
1496
+ source-map-js ">=0.6.2 <2.0.0"
1497
+
1498
serve-handler@6.1.3:
1499
version "6.1.3"
1500
resolved "https://registry.yarnpkg.com/serve-handler/-/serve-handler-6.1.3.tgz#1bf8c5ae138712af55c758477533b9117f6435e8"
@@ -1544,7 +1558,7 @@ sortablejs@^1.15.0:
1558
resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.15.0.tgz#53230b8aa3502bb77a29e2005808ffdb4a5f7e2a"
1559
integrity sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==
1560
1547
-source-map-js@^1.0.2:
1561
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
1562
version "1.0.2"
1563
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
1564
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==