cover variables

This commit is contained in:
Dan 2026-01-14 09:44:14 +00:00
parent a7b7d3edfc
commit 0cbd1df7b8

View file

@ -13,7 +13,8 @@
--border-radius: 30px; --border-radius: 30px;
--paper-color: #fff8dc; --paper-color: #fff8dc;
--leather-color: #8b6f47; --cover-color-top: #be8f32;
--cover-color-bottom: #846f24;
--line-color: rgba(135, 180, 210, 0.25); --line-color: rgba(135, 180, 210, 0.25);
--internal-border-radius: calc(var(--border-radius) * 0.9); --internal-border-radius: calc(var(--border-radius) * 0.9);
@ -51,8 +52,8 @@
height: 100%; height: 100%;
background: linear-gradient( background: linear-gradient(
135deg, 135deg,
var(--leather-color) 0%, var(--cover-color-top) 0%,
#6d5638 100% var(--cover-color-bottom) 100%
); );
z-index: 1; z-index: 1;
border-radius: var(--border-radius); border-radius: var(--border-radius);
@ -73,7 +74,11 @@
rgba(70, 50, 30, 0.3) 0%, rgba(70, 50, 30, 0.3) 0%,
transparent 60% transparent 60%
), ),
linear-gradient(135deg, var(--leather-color) 0%, #6d5638 100%); linear-gradient(
135deg,
var(--cover-color-top) 0%,
var(--cover-color-top) 100%
);
box-shadow: box-shadow:
inset -2px 0 8px rgba(0, 0, 0, 0.4), inset -2px 0 8px rgba(0, 0, 0, 0.4),
inset 2px 2px 4px rgba(160, 130, 90, 0.3); inset 2px 2px 4px rgba(160, 130, 90, 0.3);
@ -94,7 +99,11 @@
rgba(70, 50, 30, 0.3) 0%, rgba(70, 50, 30, 0.3) 0%,
transparent 60% transparent 60%
), ),
linear-gradient(225deg, var(--leather-color) 0%, #6d5638 100%); linear-gradient(
225deg,
var(--cover-color-top) 0%,
var(--cover-color-bottom) 100%
);
box-shadow: box-shadow:
inset 2px 0 8px rgba(0, 0, 0, 0.4), inset 2px 0 8px rgba(0, 0, 0, 0.4),
inset -2px 2px 4px rgba(160, 130, 90, 0.3); inset -2px 2px 4px rgba(160, 130, 90, 0.3);