diff options
author | bt <bt@web> | 2023-12-09 09:54:30 -0500 |
---|---|---|
committer | IkiWiki <ikiwiki.info> | 2023-12-09 09:54:30 -0500 |
commit | 225799729f9eb6bce37b7bc3537484d03771cf44 (patch) | |
tree | 88fcebf6b5102fddf5c4c2a22e91b886af7723c3 /posts | |
parent | 9780cc4857eb88a91dedcdc6beead11875483eab (diff) |
Diffstat (limited to 'posts')
-rw-r--r-- | posts/notice.md | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/posts/notice.md b/posts/notice.md index 02496fd..1741f6f 100644 --- a/posts/notice.md +++ b/posts/notice.md @@ -1,6 +1,5 @@ -# RE: Creating a Simple HTML/CSS Notice Box - -2022-09-22 +[[!meta title="RE: Creating a Simple HTML/CSS Notice Box"]] +[[!meta date="2022-09-22"]] I recently read Kev Quirk's post, [How to Create a Simple HTML/CSS Notice Box](https://kevquirk.com/how-to-create-a-simple-html-css-notice-box/) and loved the simplicity of it. I'm a sucker for using pseudo elements in creative ways but still managing to make them useful. Of course, this got me thinking as to whether or not the same style of box could be achieved *without* the use of static, pseudo elements... @@ -75,10 +74,10 @@ Important to note: you can hide the default "arrow toggle" on `summary` elements details > summary { - list-style: none; + list-style: none; } details > summary::-webkit-details-marker { - display: none; + display: none; } |