Tweak langauge tab styling

Author: cwickham

docs/get-started/hello/positron.css

@@ -0,0 +1,40 @@
+div[data-group="language"] .nav-tabs {
+  display: flex;
+  justify-content: flex-end;
+  padding-right: 0;
+}
+
+.callout div[data-group="language"] .nav-tabs {
+  display: flex;
+  justify-content: flex-start;
+}
+
+div[data-group="language"] .tab-content {
+  padding: 0;
+  padding-right: 1rem;
+  padding-top: 1rem;
+  border: none;
+}
+
+
+div[data-group="language"] .nav-tabs .nav-link {
+  border: none;
+  margin-right: 0;
+  margin-top: 0;
+  border-radius: 0;
+  width: auto;
+  padding: 0.25rem 0.5rem;
+}
+
+
+div[data-group="language"] .nav-tabs .nav-link.active, 
+div[data-group="language"] .nav-tabs .nav-item.show .nav-link {
+  border-bottom: solid;
+  border-width: 2px;
+}
+
+div[data-group="language"] .nav-tabs .nav-link:hover { 
+  border-bottom: solid;
+  border-color: rgb(80,146,221);
+  border-width: 2px;
+} 

docs/get-started/hello/positron.qmd

@@ -1,5 +1,6 @@
 ---
 title: "Tutorial: Hello, Quarto"
+css: positron.css
 editor_options:
   markdown:
     wrap: sentence