Différences

Ci-dessous, les différences entre deux révisions de la page.

--- css:slides [2024/06/06 16:52] – avillepreux
+++ css:slides [2024/06/06 17:07] (Version actuelle) – avillepreux
@@ Ligne 154: / Ligne 154: @@
 }
-.h1, h1 { font-size: var(--font-size-h1, 3em); text-transform: var(--text-h1, uppercase); text-border: var(--text-border-h1, none); }
+.h1, h1 { font-size: var(--font-size-h1, 3rem); text-transform: var(--text-h1, uppercase); text-border: var(--text-border-h1, none); }
-.h2, h2 { font-size: var(--font-size-h2, 2em); text-transform: var(--text-h2, normal);    text-border: var(--text-border-h2, none); }
+.h2, h2 { font-size: var(--font-size-h2, 2rem); text-transform: var(--text-h2, normal);    text-border: var(--text-border-h2, none); }
 .h3, h3,
 .h4, h4,
@@ Ligne 162: / Ligne 162: @@
  ul, p { font-size: var(--font-size, 1em); }
-.wrap_txt :is(.h1, h1) { margin: var(--margin-h1, .4em 1rem .6em 1rem) !important; }
+.wrap_txt :is(.h1, h1) { margin: var(--margin-h1, .4rem 1rem .6rem 1rem) !important; }
-.wrap_txt :is(.h2, h2) { margin: var(--margin-h2, .3em 1rem .5em 1rem) !important; }
+.wrap_txt :is(.h2, h2) { margin: var(--margin-h2, .3rem 1rem .5rem 1rem) !important; }
 .wrap_txt :is(.h3, h3,
 	      .h4, h4,
 	      .h5, h5,
 	      .h6, h6,
- 	       ul, p) { margin: var(--margin, .2em 1rem .4em 1rem) !important; }
+ 	       ul, p, table) { margin: var(--margin, .2rem 1rem .4rem 1rem) !important; }
 .wrap_txt {
@@ Ligne 192: / Ligne 192: @@
 }
-body {
+html, body {
-    font-size: min(3vw, 3vh);
+    font-size: min(3vw, 3vh) !important;
 }
@@ Ligne 216: / Ligne 216: @@
     display: block;
     position: absolute;
-    bottom: .2em;
+    bottom: .2rem;
     left: 50%;
   }
@@ Ligne 251: / Ligne 251: @@
 body {
-    --font-size: 1em;
-    --background-color: white;
-    --margin: .2em 1rem .4em 1rem;
-    --text-max-width: calc(4 * 100vh / 3);
     --txt-area-aspect-ratio: 4 / 3;
+    --font-size: 1.5rem;
+    --background-color: white;
+    --margin: .2rem 1rem .4rem 1rem;
     --color-h1: var(--color-theme, black);
-    --font-size-h1: 3em;
+    --font-size-h1: 3rem;
-    --margin-h1: .4em 1rem .6em 1rem;
+    --margin-h1: .4rem 1rem .6rem 1rem;
     --text-h1: uppercase;
     --text-border-h1: none;
     --color-h2: black;
-    --font-size-h2: 2em;
+    --font-size-h2: 2rem;
-    --margin-h2: .3em 1rem .5em 1rem;
+    --margin-h2: .3rem 1rem .5rem 1rem;
     --text-h2: normal;
     --text-border-h2: none;