From a9ad72cc0ff197fda4ea7a138a5dc388782316bb Mon Sep 17 00:00:00 2001 From: Sam Atkins Date: Wed, 23 Feb 2022 19:39:58 +0000 Subject: [PATCH] Base: Add a pseudo-element test page --- Base/res/html/misc/pseudo-elements.html | 70 +++++++++++++++++++++++++ Base/res/html/misc/welcome.html | 1 + 2 files changed, 71 insertions(+) create mode 100644 Base/res/html/misc/pseudo-elements.html diff --git a/Base/res/html/misc/pseudo-elements.html b/Base/res/html/misc/pseudo-elements.html new file mode 100644 index 0000000000..e0f98f3cc2 --- /dev/null +++ b/Base/res/html/misc/pseudo-elements.html @@ -0,0 +1,70 @@ + + + + + + + Pseudo-elements + + + +

::before and ::after

+

This should have chonky quotation marks.

+

+ This is some text. Each link should have a little icon before it, and this one has a tooltip too. +

+

There should be a sentence before this, and one after, forming a single paragraph.

+

There should be a sentence before this, and one after, each as its own block.

+ + diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index 3cd6292dd1..3043c1e1d9 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -133,6 +133,7 @@
  • position: absolute; for top and left
  • Cascade keywords (initial, inherit, unset)
  • Styling "inline" elements
  • +
  • Pseudo-elements (::before, ::after, etc)
  • JavaScript/Wasm