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

View File

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

View File

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