Commit 01d8c94d authored by Sylvain Coulange's avatar Sylvain Coulange 🌼
Browse files

debug css phonochromie v4

parent ef7f2af5
/* CSS ALeM-APP v4 */
/* https://alem.hypotheses.org/ */
/* Last update: 2022/08/05 */
/* Last update: 2022/10/04 */
: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) */
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment