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
01d8c94d
Commit
01d8c94d
authored
Oct 04, 2022
by
Sylvain Coulange
🌼
Browse files
debug css phonochromie v4
parent
ef7f2af5
Changes
1
Hide whitespace changes
Inline
Side-by-side
static/styles/phonochromie_alem_v4.css
View file @
01d8c94d
/* CSS ALeM-APP v4 */
/* https://alem.hypotheses.org/ */
/* Last update: 2022/0
8
/0
5
*/
/* Last update: 2022/
1
0/0
4
*/
:root
{
--bicolor1
:
#ff0000
;
...
...
@@ -143,8 +143,8 @@
.phon_a
{
fill
:
var
(
--phon_a
);
color
:
var
(
--phon_a
);
stop-color
:
var
(
--phon_a
);
background
:
-webkit-linear-gradient
(
var
(
--phon_a
),
var
(
--phon_a
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
.phon_a_long
{
fill
:
var
(
--phon_a
);
color
:
var
(
--phon_a
);
stop-color
:
var
(
--phon_a
);
background
:
-webkit-linear-gradient
(
var
(
--phon_a
),
var
(
--phon_a
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
.phon_a_centr
{
fill
:
var
(
--phon_a_centr
);
color
:
var
(
--phon_a_centr
);
stop-color
:
var
(
--phon_a_centr
);
background
:
-webkit-linear-gradient
(
var
(
--phon_a_centr
),
var
(
--phon_a_centr
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ä a_"*/
.phon_arobase_rho
{
fill
:
var
(
--phon_arobase_rho
);
color
:
var
(
--phon_arobase_rho
);
stop-color
:
var
(
--phon_arobase_rho
);
background
:
-webkit-linear-gradient
(
var
(
--phon_arobase_rho
),
var
(
--phon_arobase_rho
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ɚ*/
.phon_arobase_slash
{
fill
:
var
(
--phon_arobase_slash
);
color
:
var
(
--phon_arobase_slash
);
stop-color
:
var
(
--phon_arobase_slash
);
background
:
-webkit-linear-gradient
(
var
(
--phon_arobase_slash
),
var
(
--phon_arobase_slash
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ɘ @\*/
.phon_arobase_rho
.phon_schwarho
{
fill
:
var
(
--phon_arobase_rho
);
color
:
var
(
--phon_arobase_rho
);
stop-color
:
var
(
--phon_arobase_rho
);
background
:
-webkit-linear-gradient
(
var
(
--phon_arobase_rho
),
var
(
--phon_arobase_rho
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ɚ*/
.phon_arobase_slash
.phon_schwa_slash
{
fill
:
var
(
--phon_arobase_slash
);
color
:
var
(
--phon_arobase_slash
);
stop-color
:
var
(
--phon_arobase_slash
);
background
:
-webkit-linear-gradient
(
var
(
--phon_arobase_slash
),
var
(
--phon_arobase_slash
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ɘ @\*/
.phon_arobase
{
fill
:
var
(
--phon_arobase
);
color
:
var
(
--phon_arobase
);
stop-color
:
var
(
--phon_arobase
);
background
:
-webkit-linear-gradient
(
var
(
--phon_arobase
),
var
(
--phon_arobase
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ə*/
.phon_a_maj_nas
{
fill
:
var
(
--phon_a_maj_nas
);
color
:
var
(
--phon_a_maj_nas
);
stop-color
:
var
(
--phon_a_maj_nas
);
background
:
-webkit-linear-gradient
(
var
(
--phon_a_maj_nas
),
var
(
--phon_a_maj_nas
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
/*ɑ̃*/
.phon_b
{
fill
:
var
(
--phon_b
);
color
:
var
(
--phon_b
);
stop-color
:
var
(
--phon_b
);
background
:
-webkit-linear-gradient
(
var
(
--phon_b
),
var
(
--phon_b
));
-webkit-background-clip
:
text
;
background-clip
:
text
;
}
...
...
@@ -264,23 +264,23 @@
.phon_ju_long
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
52%
,
var
(
--phon_u
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
text-decoration
:
underline
var
(
--phon_u
);
-webkit-text-fill-color
:
transparent
;}
.phon_ju_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
52%
,
var
(
--phon_u_maj
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwju
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
52%
,
var
(
--phon_schwu
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasel
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_l
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasem
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_m
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasen
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_n
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasel
.phon_schwal
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_l
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasem
.phon_schwam
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_m
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasen
.phon_schwan
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_n
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwiz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwi
)
52%
,
var
(
--phon_z
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwaz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
52%
,
var
(
--phon_z
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_lj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_l
)
52%
,
var
(
--phon_j
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_sz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_s
)
52%
,
var
(
--phon_z
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_tt_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
52%
,
var
(
--phon_t_maj
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_jarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
52%
,
var
(
--phon_schwa
)
50%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.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_i_majarobase
{
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
{
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_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_arobaseu_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
{
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_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_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
;}
...
...
@@ -296,11 +296,11 @@
/* gradients triples */
.phon_ju_majarobase
{
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_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_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
{
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
;}
.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
;}
/* gradients horizontaux (mandarin) */
...
...
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
