Browse Source

add a palette

main
Yanick Champoux 3 years ago
parent
commit
da31439dea
  1. BIN
      palette
  2. 15
      public/global.css
  3. 2
      src/components/App.svelte
  4. 3
      src/components/Field/index.svelte

BIN
palette

Binary file not shown.

15
public/global.css

@ -37,7 +37,7 @@ body { @@ -37,7 +37,7 @@ body {
margin: 0;
padding: 8px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
a {
@ -92,3 +92,16 @@ button:not(:disabled):active { @@ -92,3 +92,16 @@ button:not(:disabled):active {
button:focus {
border-color: #666;
}
/* ---- inputs --- */
input, select {
border: 0px;
border-bottom: 1px solid var(--indigo-dye);
}
input:focus, select:focus {
border: 1px solid var(--indigo-dye);;
}

2
src/components/App.svelte

@ -104,6 +104,8 @@ @@ -104,6 +104,8 @@
display: grid;
width: 60em;
grid-template-columns: 4fr 1fr 1fr;
margin-left: auto;
margin-right: auto;
}
main :global(> *) {

3
src/components/Field/index.svelte

@ -16,5 +16,8 @@ @@ -16,5 +16,8 @@
<style>
label {
font-size: var(--font-scale-8);
font-weight: lighter;
font-family: Dosis;
color: var(--indigo-dye);
}
</style>

Loading…
Cancel
Save