malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Improve card-unavailable filter

Browse Source
This commit is contained in:
Tetrakern 2023-08-31 12:17:38 +02:00
parent 67a1cbd144
commit 566a276ad6
7 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

3
src/scss/_card.scss
View File

@ -36,7 +36,7 @@
contain: style layout; // Improve performance
&._story-unpublished {
filter: grayscale(1);
filter: var(--card-unavailable-filter);
:is(.card__title, .cell-desc, .cell-list, .cell-img) {
user-select: none;
@ -70,7 +70,6 @@
line-height: 1;
text-transform: uppercase;
font-weight: var(--font-weight-heading);
// padding-right: 1rem;
filter: drop-shadow(0 0 8px var(--e-2)) drop-shadow(0 0 6px var(--e-2)) drop-shadow(0 0 2px var(--e-2));
}
}

1
src/scss/common/_lightmode.scss
View File

@ -87,6 +87,7 @@
--litrpg-fg: var(--fg-500);
--litrpg-ins: #16c79a;
--litrpg-del: #be123c;
--card-unavailable-filter: grayscale(0.75) brightness(0.85);
// === FOCUS =================================================================
--focus-box-shadow: inset 0 0 0px 3px rgb(255 255 255 / 75%);

1
src/scss/common/_properties.scss
View File

@ -147,6 +147,7 @@
--tax-cloud-current: var(--primary-500);
--checkmark-not-checked: var(--e-body);
--card-type-font-weight: 600;
--card-unavailable-filter: grayscale(0.5);
--spoiler-background: var(--fg-600);
--spoiler-text-visible: #060606;
--ins-background: #7ebb4e;