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