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