Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Pédagogies Multimodales
wikicolor
Commits
a5e9d6fd
Commit
a5e9d6fd
authored
Oct 04, 2022
by
Sylvain Coulange
🌼
Browse files
debug css phonochromie v4
parent
01d8c94d
Changes
1
Hide whitespace changes
Inline
Side-by-side
static/styles/phonochromie_alem_v4.css
View file @
a5e9d6fd
...
...
@@ -275,20 +275,20 @@
.phon_jarobase
.phon_jschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
52%
,
var
(
--phon_schwa
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradient 60% */
.phon_ei_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ei_maj
.phon_eschwi
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_i_majarobase
.phon_i_majschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i_maj
)
50%
,
var
(
--phon_schwa
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_earobase
.phon_eschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
50%
,
var
(
--phon_schwa
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_au_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_cbrack
)
50%
,
var
(
--phon_schwu
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_au_maj
.phon_aschwu
{
background
:
-webkit-linear-gradient
(
var
(
--phon_cbrack
)
50%
,
var
(
--phon_schwu
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobaseu_maj
.phon_schwau_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_3
)
50%
,
var
(
--phon_schwu
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_u_majarobase
.phon_u_majschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_u_maj
)
50%
,
var
(
--phon_schwa
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maji_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_v_maj
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maji_maj
.phon_o_majschwi
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_maj
.phon_aschwi
{
background
:
-webkit-linear-gradient
(
var
(
--phon_v_maj
)
50%
,
var
(
--phon_schwi
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_er
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
50%
,
var
(
--phon_r_slash
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_i_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i_maj
)
50%
,
var
(
--phon_r_slash
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_u_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_u_maj
)
50%
,
var
(
--phon_r_slash
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_a_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a_maj
)
50%
,
var
(
--phon_r_slash
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
50%
,
var
(
--phon_r_slash
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maju_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
50%
,
var
(
--phon_schwu
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maju_maj
.phon_o_majschwu
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
50%
,
var
(
--phon_schwu
)
60%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradient 50-70% */
.phon_a_rho
.phon_arho
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
50%
,
var
(
--phon_rho
)
70%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
...
...
@@ -297,7 +297,7 @@
/* gradients triples */
.phon_ju_majarobase
.phon_ju_majschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
45%
,
var
(
--phon_u_maj
)
55%
,
var
(
--phon_schwa
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
45%
,
var
(
--phon_a
)
55%
,
var
(
--phon_schwi
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wai_maj
.phon_waschwi
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
45%
,
var
(
--phon_a
)
55%
,
var
(
--phon_schwi
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_war
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
45%
,
var
(
--phon_a
)
55%
,
var
(
--phon_r_slash
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
45%
,
var
(
--phon_u_maj
)
55%
,
var
(
--phon_r_slash
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_majarobase
.phon_ai_majschwa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
45%
,
var
(
--phon_i_maj
)
55%
,
var
(
--phon_schwa
)
65%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
