mirror/wavelovers
1
0
Fork 0
mirror of https://github.com/eugene-serb/wavelovers.git synced 2023-09-09 23:41:16 +03:00
Code Issues Projects Releases Wiki Activity

Updated styles of the pattern button, dark and light themes

Browse Source
This commit is contained in:
Eugene Serb 2022-06-16 22:09:05 +03:00
parent f66714140b
commit 2716201b2f
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/styles.css
View File

@ -41,6 +41,7 @@
--color-table-header-text: transparent; --color-table-header-text: transparent;
--color-table-item: transparent; --color-table-item: transparent;
--color-anotation: var(--color-coal); --color-anotation: var(--color-coal);
--color-pattern-button: var(--color-c);
} }
} }
@ -59,6 +60,7 @@
--color-table-header-text: transparent; --color-table-header-text: transparent;
--color-table-item: transparent; --color-table-item: transparent;
--color-anotation: var(--color-milk); --color-anotation: var(--color-milk);
--color-pattern-button: var(--color-milk);
} }
} }
@ -139,7 +141,7 @@ hr {
button, input, textarea, select { button, input, textarea, select {
padding: 4px 8px; padding: 4px 8px;
border: 2px solid var(--color-link); border: 2px solid var(--color-link);
background: var(--color-background); background: var(--color-milk);
color: var(--color-text); color: var(--color-text);
font-size: 16px; font-size: 16px;
line-height: 1.382em; line-height: 1.382em;
@ -379,11 +381,12 @@ legend {
} }
.list-item_selected { .list-item_selected {
border: 4px solid var(--color-e); border: 4px solid var(--color-a);
background-color: var(--color-b);
} }
.list-item_selected > button { .list-item_selected > button {
border: 2px solid var(--color-e); border: 2px solid var(--color-a);
} }
.list-item__info { .list-item__info {
@ -414,9 +417,13 @@ legend {
.pattern-item { .pattern-item {
width: 128px; width: 128px;
padding: 8px; height: 128px;
padding: 16px;
border-radius: 8px;
background: var(--color-pattern-button);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end;
gap: 32px; gap: 32px;
text-align: center; text-align: center;
} }
@ -428,5 +435,6 @@ legend {
.pattern-item__name { .pattern-item__name {
font-size: 16px; font-size: 16px;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
} }