diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index f2233e8..05b62c9 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -144,17 +144,64 @@ justify-content: space-between; color: black; background-color: transparent; + border-bottom: 1px solid #bfbfbf; + margin-bottom: 25px; } [class*="listContainer"] :global(.vtex-button__label) { - color: black; text-transform: capitalize; + padding: 0; + margin: 0; +} + +[class*="listContainer"] :global(.vtex-button__label):hover { + background-color: transparent; +} + +[class*="listItemActive"] :global(.vtex-button) { + color: black !important; + background-color: transparent; + border: none; + border-bottom: 1px solid black; + border-radius: 0; + padding: 0; + margin: 0; +} + +[class*="listItem"] :global(.vtex-button) { + color: #bfbfbf; + border-radius: 0; +} + +[class*="listItem"] :global(.vtex-button):hover { + background-color: transparent; + border: none; + border-bottom: 1px solid black; +} + +[class*="listItemActive"] { + color: black; +} + +[class*="pv2"] { + padding-top: 0; + padding-bottom: 0; +} + +[class*="ma2"] { + margin-top: 0; + margin-bottom: 0; +} + +[class*="listItemActive"] :global(.vtex-button:hover) { + background-color: transparent; + border: none; } [class*="listContainer"] :global(.vtex-button__label:hover) { color: black; - text-transform: capitalize; - background: none; + background-color: transparent; + border: none; } [class*="imageNormal"] { @@ -194,7 +241,7 @@ top: 38px; } -[class*="vtex-input-prefix__group"] { +[class*="newsletter"]:global(.vtex-input-prefix__group) { border: none; border-bottom: 1px solid white; border-radius: 0; diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css new file mode 100644 index 0000000..e69de29