cover variables
This commit is contained in:
parent
a7b7d3edfc
commit
0cbd1df7b8
1 changed files with 14 additions and 5 deletions
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue