Skip to content
GitLab
Menu
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
Phonographe
Commits
339bdbd8
Commit
339bdbd8
authored
Oct 30, 2020
by
Sylvain Coulange
Browse files
merge depuis branche optimisationCode
parent
ed4779f8
Changes
1
Hide whitespace changes
Inline
Side-by-side
static/styles/phonochromie_alem_v3.css
View file @
339bdbd8
...
...
@@ -189,63 +189,63 @@ svg {
.phon_schwa
{
fill
:
var
(
--phon_schwa
);
color
:
var
(
--phon_schwa
);
stop-color
:
var
(
--phon_schwa
);}
/* pour l'anglais ə */
.phon_schwu
{
fill
:
var
(
--phon_schwu
);
color
:
var
(
--phon_schwu
);
stop-color
:
var
(
--phon_schwu
);}
/* pour l'anglais u/ʊ */
/* gradients
6
0% */
.phon_wa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
6
2%
,
var
(
--phon_a
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wa_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
6
2%
,
var
(
--phon_a_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wa_maj_long
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
6
2%
,
var
(
--phon_a_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
text-decoration
:
underline
var
(
--phon_a_maj
);
}
.phon_wv_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
6
2%
,
var
(
--phon_v_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
}
.phon_we_maj_nas
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
6
2%
,
var
(
--phon_e_maj_nas
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ts
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
6
2%
,
var
(
--phon_s
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ts_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
6
2%
,
var
(
--phon_s_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_dz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_d
)
6
2%
,
var
(
--phon_z
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_dz_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_d
)
6
2%
,
var
(
--phon_z_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ks
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
6
2%
,
var
(
--phon_s
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ks_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
6
2%
,
var
(
--phon_s_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_kw
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
6
2%
,
var
(
--phon_w
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_gz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_g
)
6
2%
,
var
(
--phon_z
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_gz_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_g
)
6
2%
,
var
(
--phon_z_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ij
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i
)
6
2%
,
var
(
--phon_j
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_h_maj_i
{
background
:
-webkit-linear-gradient
(
var
(
--phon_h_maj
)
6
2%
,
var
(
--phon_i
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_nj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_n
)
6
2%
,
var
(
--phon_j
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_j_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_n
)
6
2%
,
var
(
--phon_j
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ef
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
6
2%
,
var
(
--phon_f
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
6
2%
,
var
(
--phon_u
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_long
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
6
2%
,
var
(
--phon_u
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
text-decoration
:
underline
var
(
--phon_u
);}
.phon_ju_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
6
2%
,
var
(
--phon_u_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwju
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
6
2%
,
var
(
--phon_schwu
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasel
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
6
2%
,
var
(
--phon_l
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasem
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
6
2%
,
var
(
--phon_m
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasen
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
6
2%
,
var
(
--phon_n
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwiz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwi
)
6
2%
,
var
(
--phon_z
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwaz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
6
2%
,
var
(
--phon_z
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_lj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_l
)
6
2%
,
var
(
--phon_j
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_sz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_s
)
6
2%
,
var
(
--phon_z
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_tt_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
6
2%
,
var
(
--phon_t_maj
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_jarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
6
2%
,
var
(
--phon_schwa
)
6
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradients
5
0% */
.phon_wa
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
5
2%
,
var
(
--phon_a
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wa_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
5
2%
,
var
(
--phon_a_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wa_maj_long
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
5
2%
,
var
(
--phon_a_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
text-decoration
:
underline
var
(
--phon_a_maj
);
}
.phon_wv_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
5
2%
,
var
(
--phon_v_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
}
.phon_we_maj_nas
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
5
2%
,
var
(
--phon_e_maj_nas
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ts
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
5
2%
,
var
(
--phon_s
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ts_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
5
2%
,
var
(
--phon_s_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_dz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_d
)
5
2%
,
var
(
--phon_z
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_dz_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_d
)
5
2%
,
var
(
--phon_z_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ks
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
5
2%
,
var
(
--phon_s
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ks_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
5
2%
,
var
(
--phon_s_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_kw
{
background
:
-webkit-linear-gradient
(
var
(
--phon_k
)
5
2%
,
var
(
--phon_w
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_gz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_g
)
5
2%
,
var
(
--phon_z
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_gz_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_g
)
5
2%
,
var
(
--phon_z_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ij
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i
)
5
2%
,
var
(
--phon_j
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_h_maj_i
{
background
:
-webkit-linear-gradient
(
var
(
--phon_h_maj
)
5
2%
,
var
(
--phon_i
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_nj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_n
)
5
2%
,
var
(
--phon_j
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_j_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_n
)
5
2%
,
var
(
--phon_j
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ef
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
5
2%
,
var
(
--phon_f
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
5
2%
,
var
(
--phon_u
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_long
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
5
2%
,
var
(
--phon_u
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
text-decoration
:
underline
var
(
--phon_u
);}
.phon_ju_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
5
2%
,
var
(
--phon_u_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwju
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
5
2%
,
var
(
--phon_schwu
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasel
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
5
2%
,
var
(
--phon_l
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasem
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
5
2%
,
var
(
--phon_m
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobasen
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
5
2%
,
var
(
--phon_n
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwiz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwi
)
5
2%
,
var
(
--phon_z
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_schwaz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
5
2%
,
var
(
--phon_z
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_lj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_l
)
5
2%
,
var
(
--phon_j
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_sz
{
background
:
-webkit-linear-gradient
(
var
(
--phon_s
)
5
2%
,
var
(
--phon_z
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_tt_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_t
)
5
2%
,
var
(
--phon_t_maj
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_jarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
5
2%
,
var
(
--phon_schwa
)
5
0%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradient
7
0% */
.phon_ei_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
6
0%
,
var
(
--phon_i_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_i_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i_maj
)
6
0%
,
var
(
--phon_schwa
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_earobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
6
0%
,
var
(
--phon_schwa
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_au_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
6
0%
,
var
(
--phon_u_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobaseu_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
6
0%
,
var
(
--phon_u_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_u_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_u_maj
)
6
0%
,
var
(
--phon_schwa
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maji_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
6
0%
,
var
(
--phon_i_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
6
0%
,
var
(
--phon_i_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_er
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
6
0%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_i_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i_maj
)
6
0%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_u_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_u_maj
)
6
0%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_a_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a_maj
)
6
0%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
6
0%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_o_maju_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_o_maj
)
6
0%
,
var
(
--phon_u_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradient
6
0% */
.phon_ei_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
5
0%
,
var
(
--phon_i_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_i_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_i_maj
)
5
0%
,
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
)
5
0%
,
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_a
)
5
0%
,
var
(
--phon_u_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_arobaseu_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_schwa
)
5
0%
,
var
(
--phon_u_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_u_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_u_maj
)
5
0%
,
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_maj
)
5
0%
,
var
(
--phon_i_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
5
0%
,
var
(
--phon_i_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_er
{
background
:
-webkit-linear-gradient
(
var
(
--phon_e
)
5
0%
,
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
)
5
0%
,
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
)
5
0%
,
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
)
5
0%
,
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
)
5
0%
,
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
)
5
0%
,
var
(
--phon_u_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/* gradients triples */
.phon_ju_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
55%
,
var
(
--phon_u_maj
)
65%
,
var
(
--phon_schwa
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
58%
,
var
(
--phon_a
)
58%
,
var
(
--phon_i_maj
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_war
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
58%
,
var
(
--phon_a
)
58%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
58%
,
var
(
--phon_u_maj
)
58%
,
var
(
--phon_r_slash
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
58%
,
var
(
--phon_i_maj
)
58%
,
var
(
--phon_arobase
)
75
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
55%
,
var
(
--phon_u_maj
)
65%
,
var
(
--phon_schwa
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_wai_maj
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
58%
,
var
(
--phon_a
)
58%
,
var
(
--phon_i_maj
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_war
{
background
:
-webkit-linear-gradient
(
var
(
--phon_w
)
58%
,
var
(
--phon_a
)
58%
,
var
(
--phon_r_slash
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ju_majr
{
background
:
-webkit-linear-gradient
(
var
(
--phon_j
)
58%
,
var
(
--phon_u_maj
)
58%
,
var
(
--phon_r_slash
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
.phon_ai_majarobase
{
background
:
-webkit-linear-gradient
(
var
(
--phon_a
)
58%
,
var
(
--phon_i_maj
)
58%
,
var
(
--phon_arobase
)
60
%
);
-webkit-background-clip
:
text
;
background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;}
/*STYLES DES TRANSCRIPTIONS GRAPHIQUES*/
.tran
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a 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
