diff --git a/NOTES b/NOTES
new file mode 100644
index 0000000..4d4d73a
--- /dev/null
+++ b/NOTES
@@ -0,0 +1,2 @@
+vertical rythm: 16px = 1rem
+ 24px = 1.5rem <== ?
diff --git a/src/lib/components/MainLayout.svelte b/src/lib/components/MainLayout.svelte
index 7228224..92e01d1 100644
--- a/src/lib/components/MainLayout.svelte
+++ b/src/lib/components/MainLayout.svelte
@@ -43,6 +43,9 @@
diff --git a/src/lib/components/ShipEdit/Weaponry/Weapon/Arcs.svelte b/src/lib/components/ShipEdit/Weaponry/Weapon/Arcs.svelte
index effd42c..aef7a7a 100644
--- a/src/lib/components/ShipEdit/Weaponry/Weapon/Arcs.svelte
+++ b/src/lib/components/ShipEdit/Weaponry/Weapon/Arcs.svelte
@@ -7,7 +7,7 @@
on:click={() => clickArc(arc)}
/>
{/each}
-
+
@@ -19,6 +19,7 @@
export let selected = [];
export let size = 60;
+ export let inner = size / 3;
const dispatch = createEventDispatcher();
diff --git a/src/lib/components/ShipEdit/Weaponry/Weapon/Beam/index.svelte b/src/lib/components/ShipEdit/Weaponry/Weapon/Beam/index.svelte
index 8296d95..3e69191 100644
--- a/src/lib/components/ShipEdit/Weaponry/Weapon/Beam/index.svelte
+++ b/src/lib/components/ShipEdit/Weaponry/Weapon/Beam/index.svelte
@@ -19,7 +19,13 @@
arrow_drop_down
- setArcs(detail)} />
+
+
setArcs(detail)}
+ />
+
+
+
diff --git a/src/lib/style/index.css b/src/lib/style/index.css
index 307d35a..21b384b 100644
--- a/src/lib/style/index.css
+++ b/src/lib/style/index.css
@@ -1,20 +1,25 @@
@import "/fonts/faktos.css";
@import "/fonts/dosis/dosis.css";
- @font-face {
- font-family: "Faktos";
- font-style: normal;
- src: url(/fonts/Faktos.ttf) format("truetype");
- }
- @font-face {
- font-family: "Dosis";
- src: url(/fonts/dosis/Dosis-VariableFont_wght.ttf) format("truetype");
- }
+@font-face {
+ font-family: "Faktos";
+ font-style: normal;
+ src: url(/fonts/Faktos.ttf) format("truetype");
+}
+@font-face {
+ font-family: "Dosis";
+ src: url(/fonts/dosis/Dosis-VariableFont_wght.ttf) format("truetype");
+}
:root {
- --font: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- --main-font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- --font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI",
+ --font: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+ Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ --main-font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI",
+ Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ --font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI";
+
+ --vertical-rythm: 1.5rem;
+ /* == 24px */
--font-scale-9: 0.75rem;
--font-scale-10: 1rem;
@@ -24,46 +29,52 @@
--font-scale-14: 2.3125rem;
--font-scale-15: 3.0625rem;
- --oxford-blue: hsla(226, 60%, 10%, 1);
- --royal-blue-dark: hsla(218, 100%, 16%, 1);
- --indigo-dye: hsla(209, 95%, 24%, 1);
- --cg-blue: hsla(193, 80%, 35%, 1);
- --white: hsla(20, 60%, 99%, 1);
+ --oxford-blue: hsla(226, 60%, 10%, 1);
+ --royal-blue-dark: hsla(218, 100%, 16%, 1);
+ --indigo-dye: hsla(209, 95%, 24%, 1);
+ --cg-blue: hsla(193, 80%, 35%, 1);
+ --white: hsla(20, 60%, 99%, 1);
- --main-width: 60em;
+ --main-width: 60em;
}
input.short {
width: 5em !important;
}
+body {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: var(--white);
+ color: #333;
+ margin: 0;
+ padding: 8px;
+ box-sizing: border-box;
+}
- body {
- position: relative;
- width: 100%;
- height: 100%;
- background-color: var(--white);
- color: #333;
- margin: 0;
- padding: 8px;
- box-sizing: border-box;
- }
+a {
+ color: rgb(0, 100, 200);
+ text-decoration: none;
+}
- a {
- color: rgb(0, 100, 200);
- text-decoration: none;
- }
+a:hover {
+ text-decoration: underline;
+}
- a:hover {
- text-decoration: underline;
- }
+a:visited {
+ color: rgb(0, 80, 160);
+}
- a:visited {
- color: rgb(0, 80, 160);
- }
-
-
-h1 { font-size: var(--font-scale-15); }
-h2 { font-size: var(--font-scale-14); }
-h3 { font-size: var(--font-scale-13); }
-h4 { font-size: var(--font-scale-12); }
+h1 {
+ font-size: var(--font-scale-15);
+}
+h2 {
+ font-size: var(--font-scale-14);
+}
+h3 {
+ font-size: var(--font-scale-13);
+}
+h4 {
+ font-size: var(--font-scale-12);
+}