RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve color & outline color & shadow color

Browse Source
This commit is contained in:
srgooglo 2022-03-02 20:56:32 +01:00
parent 53e5c8302e
commit 85f24c973b
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/app/src/components/PostCard/index.less
View File

@ -5,7 +5,7 @@
width : 100%; width : 100%;
max-width: 600px; max-width: 600px;
filter: drop-shadow(3px 3px 2px #c5c5c5); filter: drop-shadow(3px 3px 2px var(--shadow-color));
background-color: var(--background-color-accent); background-color: var(--background-color-accent);
border-radius : 8px; border-radius : 8px;
@ -18,8 +18,7 @@
&.liked { &.liked {
filter: drop-shadow(0px 0px 2px var(--primaryColor)); filter: drop-shadow(0px 0px 2px var(--primaryColor));
outline-color: var(--primaryColor);
//outline-color: ;
} }
.actionsIndicator { .actionsIndicator {
@ -71,7 +70,10 @@
width: fit-content; width: fit-content;
color: var(--background-color-contrast);
h1 { h1 {
color : var(--background-color-contrast);
margin : 0; margin : 0;
font-family: "DM Mono", monospace; font-family: "DM Mono", monospace;
align-self : start; align-self : start;
@ -88,6 +90,8 @@
flex-direction: row; flex-direction: row;
font-size : 16px; font-size : 16px;
color: var(--background-color-contrast);
.item { .item {
cursor: pointer; cursor: pointer;
} }
@ -112,6 +116,8 @@
font-size : 14px; font-size : 14px;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
color: var(--background-color-contrast);
overflow : hidden; overflow : hidden;
word-break : break-all; word-break : break-all;
user-select: text; user-select: text;
@ -144,7 +150,7 @@
transition : all 0.2s ease-in-out; transition : all 0.2s ease-in-out;
background-color: var(--background-color-primary); background-color: var(--background-color-primary);
filter : drop-shadow(3px 3px 2px #c5c5c5); filter : drop-shadow(3px 3px 2px var(--shadow-color));
} }
.actions { .actions {
@ -157,6 +163,8 @@
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
color: var(--background-color-contrast);
.action { .action {
display : inline-flex; display : inline-flex;
flex-direction: column; flex-direction: column;