feat: add variant outline for tab-sets

Author: lepture

docs/install.rst

@@ -21,16 +21,15 @@ Shibuya is conveniently available as a Python package on PyPI and can be easily
 installed using pip and uv.
 
 .. tab-set::
+    :class: outline
 
     .. tab-item:: :iconify:`devicon:pypi` pip
-        :class-label: icon-pip
 
         .. code-block:: shell
 
             pip install shibuya
 
     .. tab-item:: :iconify:`material-icon-theme:uv` uv
-        :class-label: icon-uv
 
         .. code-block:: shell
 

static/css/extensions/sphinx-design.css

@@ -70,12 +70,23 @@
 }
 
 /* tabs */
+.yue .sd-tab-set.outline {
+  border: 1px solid var(--sy-c-border);
+  border-radius: 4px;
+  overflow: auto;
+}
+
 .yue .sd-tab-set > label {
   padding: 1rem 0.25rem 0.5rem;
   font-size: 0.84rem;
   font-weight: 500;
 }
 
+.yue .sd-tab-set.outline > label {
+  padding-top: 0.5rem;
+  margin-left: 1rem;
+}
+
 .yue .sd-tab-set > label ~ label {
   margin-left: 1rem;
 }