From 5db4bfc8e748c5a1ecb6c5164548646d4ab703b0 Mon Sep 17 00:00:00 2001
From: Kevin Pruett <pruett.kevin@gmail.com>
Date: Mon, 15 Jun 2020 15:53:29 -0400
Subject: [PATCH] Add @hashicorp/react-tabs css styles

---
 website/pages/style.css | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/website/pages/style.css b/website/pages/style.css
index 8862a5514..cb866824e 100644
--- a/website/pages/style.css
+++ b/website/pages/style.css
@@ -12,15 +12,16 @@
 
 @import '~@hashicorp/react-button/dist/style.css';
 @import '~@hashicorp/react-consent-manager/dist/style.css';
-@import '~@hashicorp/react-toggle/dist/style.css';
-@import '~@hashicorp/react-section-header/dist/style.css';
-@import '~@hashicorp/react-product-downloader/dist/style.css';
-@import '~@hashicorp/react-vertical-text-block-list/dist/style.css';
-@import '~@hashicorp/react-docs-sidenav/dist/style.css';
 @import '~@hashicorp/react-content/dist/style.css';
-@import '~@hashicorp/react-subnav/dist/style.css';
-@import '~@hashicorp/react-mega-nav/style.css';
 @import '~@hashicorp/react-docs-page/style.css';
+@import '~@hashicorp/react-docs-sidenav/dist/style.css';
+@import '~@hashicorp/react-mega-nav/style.css';
+@import '~@hashicorp/react-product-downloader/dist/style.css';
+@import '~@hashicorp/react-section-header/dist/style.css';
+@import '~@hashicorp/react-subnav/dist/style.css';
+@import '~@hashicorp/react-tabs/dist/style.css';
+@import '~@hashicorp/react-toggle/dist/style.css';
+@import '~@hashicorp/react-vertical-text-block-list/dist/style.css';
 
 /* Local Components */
 @import '../components/footer/style.css';
@@ -96,17 +97,17 @@
 .g-section-block section {
   padding-top: 96px;
   padding-bottom: 96px;
-}
 
-.g-section-block section > .g-section-header + *,
-.g-section-block section > .g-container > .g-section-header + * {
+& > .g-section-header + *,
+& > .g-container > .g-section-header + * {
   margin-top: 72px;
 }
 
-.g-section-block section > * + *,
-.g-section-block section > .g-container > * + * {
+& > * + *,
+& > .g-container > * + * {
   margin-top: 96px;
 }
+}
 
 .g-section-block .button-container {
   display: -webkit-box;