Merge pull request #250 from shgysk8zer0/feature/popover-styles

Add styles for `[popover]`

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [v2.5.4] - 2024-03-19
+
+### Added
+- Add CSS for [`[popover]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover)
+
 ## [v2.5.3] - 2023-07-26
 
 ### Fixed

element.css

@@ -240,3 +240,29 @@ ol > ol > ol > ol > ol {
 [inert] {
 	pointer-events: none;
 }
+
+@supports not selector(:popover-open) {
+	:is([popover]:not(._popover-open)) {
+		display: none;
+	}
+
+	:is([popover]._popover-open) {
+		position: fixed;
+		z-index: 2147483647;
+		margin: auto;
+		inset: 0;
+		border: 3px solid currentColor;
+		height: fit-content;
+		width: fit-content;
+		padding: 0.25em;
+		background-color: #ffffff;
+		color: #070707;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:is([popover]._popover-open) {
+			background-color: #1c1b22;
+			color: #fbfbfe;
+		}
+	}
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shgysk8zer0/core-css",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "A collection of stylesheets that enable quick and easy styling with customization",
   "private": false,
   "type": "module",