primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-06 14:29:26 +03:00
Code Issues Projects Releases Wiki Activity

Update box-overlay.md

Browse Source
This commit is contained in:
Jishnu P Sreekumar 2020-05-26 13:54:26 +05:30 committed by GitHub
parent 92599763be
commit 944a483d91
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/components/box-overlay.md
View File

@ -14,7 +14,7 @@ Box overlays come in three widths. The default `Box--overlay` is 440px wide, `Bo
```html live ```html live
<details class="details-reset details-overlay"> <details class="details-reset details-overlay details-overlay-dark">
<summary class="btn" aria-haspopup="dialog">Open dialog</summary> <summary class="btn" aria-haspopup="dialog">Open dialog</summary>
<details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast"> <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast">
<div class="Box-header"> <div class="Box-header">
@ -53,7 +53,7 @@ Box overlays come in three widths. The default `Box--overlay` is 440px wide, `Bo
<!-- Temporary overrides (don't use in production) --> <!-- Temporary overrides (don't use in production) -->
<style> .frame-example { min-height: 500px; } </style> <style> .frame-example { min-height: 500px; } </style>
<link href="https://unpkg.com/@github/details-dialog-element/index.css" rel="stylesheet" /> <link href="https://unpkg.com/@github/details-dialog-element/dist/index.css" rel="stylesheet" />
``` ```
[aria attributes]: https://www.w3.org/TR/html-aria/#allowed-aria-roles-states-and-properties [aria attributes]: https://www.w3.org/TR/html-aria/#allowed-aria-roles-states-and-properties