Simple text editor based on tiptap. HTML format.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

84 lines
1.1 KiB

  1. body{
  2. --txt-font-size: 1.2rem
  3. }
  4. .editor{
  5. position: relative;
  6. }
  7. .editor-main {
  8. width: 800px;
  9. margin: auto;
  10. }
  11. .editor__content {
  12. margin: auto;
  13. margin-top: 100px;
  14. line-height: 1.58;
  15. text-rendering: optimizelegibility;
  16. font-size: var(--txt-font-size);
  17. }
  18. /* MOTS */
  19. /*// — Mot - Accronyme*/
  20. .acronym{
  21. color: pink;
  22. }
  23. /*// — Mot - Etranger*/
  24. .foreign{
  25. color: red;
  26. }
  27. /* NOMS */
  28. /*// — Nom - Auteur - Citation*/
  29. .author-quotation{
  30. color : yellow;
  31. }
  32. /*// — Nom - Auteur - Œuvre*/
  33. .author-work{
  34. color: orange;
  35. }
  36. /*// — Nom - Marque*/
  37. .brand{
  38. color: coral;
  39. }
  40. /*// — Nom - Propre*/
  41. .proper-noun{
  42. color: darkorange;
  43. }
  44. /* NOMBRES */
  45. /*// — Numeral - Chapitre*/
  46. .chapter{
  47. color: blue;
  48. }
  49. /*// — Numeral - Date*/
  50. .date{
  51. color: aqua;
  52. }
  53. /*// — Numeral - Siecle*/
  54. .century{
  55. color: cornflowerblue;
  56. }
  57. /*TYPO */
  58. /*// — Typo - Exposant*/
  59. .superscript{
  60. color: green;
  61. font-variant-position: super;
  62. }
  63. /*// — Typo - Indice*/
  64. .subscript{
  65. color:chartreuse;
  66. font-variant-position: sub;
  67. }
  68. /*// — Typo - Particulier*/
  69. p:nth-child(1){
  70. text-indent: 75px;
  71. }