Add support for link-based tabs

Author: TorstenDittmann

apps/docs/docs.html

@@ -138,6 +138,12 @@ <h6>Heading 6</h6>
 			<button role="tab">Tab 3</button>
 			<button role="tab">Tab 4</button>
 		</div>
+		<div role="tablist">
+			<a href="#" role="tab" aria-selected="true">Tab 1</a>
+			<a href="#" role="tab">Tab 2</a>
+			<a href="#" role="tab">Tab 3</a>
+			<a href="#" role="tab">Tab 4</a>
+		</div>
 	</section>
 	<section>
 		<div role="grid">

packages/main/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "launch.css",
 	"type": "module",
-	"version": "1.1.0",
+	"version": "1.1.1",
 	"description": "A classless CSS framework built for speed. Style your website later—build it now.",
 	"homepage": "https://launch-css.dev",
 	"main": "dist/index.css",

packages/main/src/compoments/_tabs.scss

@@ -17,6 +17,8 @@
 	background: transparent;
 	padding: 0.75em 0;
 	color: var(--color-muted);
+	text-align: center;
+	text-decoration: none;
 
 	&[aria-selected="true"] {
 		background: var(--background-primary);