From 3ffb27280c2b2910a8de1ad57e3bf4e453f4ed58 Mon Sep 17 00:00:00 2001 From: Savio Date: Thu, 9 Feb 2023 16:51:24 -0300 Subject: [PATCH] =?UTF-8?q?feat:=20Adicionado=20estilo=20do=20bot=C3=A3o?= =?UTF-8?q?=20do=20newsletter?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/css/vtex.store-components.css | 22 ++++++++++++++++++ .../pages/product/vtex.store-components.scss | 23 +++++++++++++++++++ 2 files changed, 45 insertions(+) diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index b40abe3..55f8050 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -224,4 +224,26 @@ .newsletter .container :global(.vtex-styleguide-9-x-input) { background: transparent; padding: 0 0 0 0; +} +.newsletter .container :global(.vtex-button) { + position: relative; + left: 145px; + background: transparent; + border: none; + border-radius: 0; + border-bottom: 3px solid #bfbfbf; +} +.newsletter .container :global(.vtex-button):hover { + border-bottom: 5px solid #bfbfbf; +} +.newsletter .container :global(.vtex-button) :global(.vtex-button__label) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + color: #ffffff; + border: 1px solid #000000; + text-transform: uppercase; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 9f70129..756b124 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -227,5 +227,28 @@ background: transparent; padding: 0 0 0 0; } + :global(.vtex-button) { + position: relative; + left: 145px; + background: transparent; + border: none; + border-radius: 0; + border-bottom: 3px solid #bfbfbf; + &:hover { + border-bottom: 5px solid #bfbfbf; + } + + :global(.vtex-button__label) { + font-family: "Open Sans"; + font-style: normal; + font-weight: 700; + font-size: 14px; + line-height: 19px; + text-align: center; + color: #ffffff; + border: 1px solid #000000; + text-transform: uppercase; + } + } } }