Skip to content

Commit

Permalink
more
Browse files Browse the repository at this point in the history
  • Loading branch information
janfaracik committed Dec 10, 2023
1 parent 8f0fc2b commit 02f9bee
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ THE SOFTWARE.
<l:search-bar placeholder="${%Search settings}" id="settings-search-bar" />
</l:app-bar>

<div style="display: flex; border: 100px solid gray; background: gray;">
<div style="display: flex; border: 100px solid transparent">
<div style="width: 100px; height: 100px; background: var(--layer-1)"></div>
<div style="width: 100px; height: 100px; background: var(--layer-2)"></div>
<div style="width: 100px; height: 100px; background: var(--layer-3)"></div>
Expand Down
9 changes: 4 additions & 5 deletions war/src/main/scss/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,12 @@
@use "form";
@use "pages";


:root {
//--accent-color: red;
--basey: color-mix(in srgb, color-mix(in srgb, var(--accent-color), white) 70%, grey);
--accent-color: red;
--basey: var(--accent-color);

--layer-1: color-mix(in srgb, var(--basey) 14%, #ffffff);
--layer-10: color-mix(in srgb, var(--basey) 14%, #000000);
--layer-1: color-mix(in srgb, var(--basey) 2.5%, #ffffff);
--layer-10: color-mix(in srgb, var(--basey) 2.5%, #000000);
--layer-2: color-mix(in srgb, var(--layer-1), var(--layer-10) 11.1%);
--layer-3: color-mix(in srgb, var(--layer-1), var(--layer-10) 22.2%);
--layer-4: color-mix(in srgb, var(--layer-1), var(--layer-10) 33.3%);
Expand Down

0 comments on commit 02f9bee

Please sign in to comment.