mfbs

commit

66b1409c6eee46cda9e666019290a397a76ce377

parent

51319e5fff0de72f25b746cbbbe187f42bdf2ffe

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2025-08-28 13:11

add base style for <dialog>

Diffstat

2 files changed, 12 insertions, 0 deletions

diff --git a/css/base.css b/css/base.css

@@ -5,6 +5,7 @@
    5     5     --color-border: #888;
    6     6     --color-link: #26c;
    7     7     --color-link-focus: #248;
   -1     8     --color-shadow: #0005;
    8     9 
    9    10     --padding: 0.5em;
   10    11     --spacer: 1em;
@@ -115,6 +116,12 @@ sub, sup {
  115   116     line-height: 0;
  116   117 }
  117   118 
   -1   119 dialog {
   -1   120     box-shadow: 0 0 0.5em var(--color-shadow);
   -1   121     border: 1px solid var(--color-border);
   -1   122     padding: var(--padding);
   -1   123 }
   -1   124 
  118   125 @media print {
  119   126     :root {
  120   127         --color-fg: #000;

diff --git a/examples/styleguide.html b/examples/styleguide.html

@@ -396,6 +396,11 @@ To edit settings, press <span class="nt">&lt;kbd&gt;&lt;kbd&gt;</span>ctrl<span 
  396   396   Curabitur&lt;sup&gt;blandit&lt;/sup&gt; tempus porttitor. Aenean eu leo quam. Pellentesque&lt;sub&gt;ornare&lt;/sub&gt; sem lacinia quam venenatis vestibulum.
  397   397 &lt;/p&gt;</code></pre>
  398   398 
   -1   399     <h3 id="dialog">Dialog</h3>
   -1   400     <div class="example example--code">
   -1   401       <dialog open>Hello World!</dialog>
   -1   402     </div>
   -1   403     <pre class="example-code"><code>&lt;dialog open&gt;Hello World!&lt;/dialog&gt;</pre>
  399   404   </main>
  400   405 </body>
  401   406 </html
  401   406 
\ No newline at end of file