From 225799729f9eb6bce37b7bc3537484d03771cf44 Mon Sep 17 00:00:00 2001 From: bt Date: Sat, 9 Dec 2023 09:54:30 -0500 Subject: --- posts/notice.md | 9 ++++----- 1 file 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; } -- cgit v1.2.3-54-g00ecf