summaryrefslogtreecommitdiff
path: root/posts/notice.md
diff options
context:
space:
mode:
authorbt <bt@web>2023-12-09 09:54:30 -0500
committerIkiWiki <ikiwiki.info>2023-12-09 09:54:30 -0500
commit225799729f9eb6bce37b7bc3537484d03771cf44 (patch)
tree88fcebf6b5102fddf5c4c2a22e91b886af7723c3 /posts/notice.md
parent9780cc4857eb88a91dedcdc6beead11875483eab (diff)
Diffstat (limited to 'posts/notice.md')
-rw-r--r--posts/notice.md9
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;
}