dont repeat colors in repeating-linear-gradient

master
Aevann 2023-10-06 20:57:27 +03:00
parent 33b65c3f7d
commit ae182a6766
3 changed files with 11 additions and 19 deletions

View File

@ -193,7 +193,7 @@
background: repeating-linear-gradient( background: repeating-linear-gradient(
135deg, 135deg,
violet, violet,
rgb(178, 94, 238) 20px, #b25eee 20px,
lightblue 40px, lightblue 40px,
green 60px, green 60px,
yellow 80px, yellow 80px,
@ -208,18 +208,12 @@
} }
.gold-text:not(a), h1.gold-text.post-title a { .gold-text:not(a), h1.gold-text.post-title a {
--color1: gold;
--color2: #debd00;
--color3: #cdae00;
font-family: open sans,sans-serif !important; font-family: open sans,sans-serif !important;
background: repeating-linear-gradient( background: repeating-linear-gradient(
45deg, 45deg,
var(--color1), gold,
var(--color1) 10px, #debd00 20px,
var(--color2) 20px, #cdae00 60px
var(--color2) 20px,
var(--color3) 60px,
var(--color3) 60px
); );
color: transparent !important; color: transparent !important;
font-weight: 700 !important; font-weight: 700 !important;

View File

@ -1,10 +1,11 @@
#post-title, #post-content p { #post-title, #post-content p {
--color1: rgb(12, 128, 101); --color1: rgb(12, 128, 101);
--color2: #cc4145; --color2: ;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
background: repeating-linear-gradient( background: repeating-linear-gradient(
45deg, var(--color2), var(--color2) 10px, 45deg,
var(--color1) 11px, var(--color1) 30px #cc4145,
#0c8065 11px
); );
background-clip: text; background-clip: text;
color: transparent; color: transparent;

View File

@ -491,12 +491,9 @@ body::after {
font-family: "Open Sans", sans-serif !important; font-family: "Open Sans", sans-serif !important;
background: repeating-linear-gradient( background: repeating-linear-gradient(
45deg, 45deg,
var(--color1), #fdfbda,
var(--color1) 10px, #f66a3c 20px,
var(--color2) 20px, #fbed21 60px
var(--color2) 20px,
var(--color3) 60px,
var(--color3) 60px
); );
background-clip: text; background-clip: text;
color: transparent !important; color: transparent !important;