From f691b5b203fc225aff158dd889e17eb89035196b Mon Sep 17 00:00:00 2001 From: Rallenson Date: Tue, 10 Jan 2023 22:35:49 -0300 Subject: [PATCH] =?UTF-8?q?feat(institucional):formul=C3=A1rio=204k=20resp?= =?UTF-8?q?onsivo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/modules/home.module.scss | 93 ++++++++++++------- 1 file changed, 59 insertions(+), 34 deletions(-) diff --git a/desafio-5/src/components/modules/home.module.scss b/desafio-5/src/components/modules/home.module.scss index 4899067..afc9f25 100644 --- a/desafio-5/src/components/modules/home.module.scss +++ b/desafio-5/src/components/modules/home.module.scss @@ -1,10 +1,13 @@ @import "../utils/Variables.scss"; + .hiden{ display: none !important; } + .active{ display: block; } + .btn{ &_open{ background: $-black; @@ -165,6 +168,7 @@ font-size: 14px; line-height: 16px; text-decoration: underline; + &:before{ content: ""; display: inline-block; @@ -172,7 +176,7 @@ height: 18px; border: 1px solid $-black; box-sizing: border-box; - border-radius: 3px; + border-radius: 4px; } } .checked { @@ -181,27 +185,6 @@ } } } - - // input[type="checkbox"] + label:after { - // content: ""; - // display: inline-block; - // width: 20px; - // height: 20px; - // margin-right: 10px; - // background-color: white; - // border: 1px solid gray; - // margin-left: 4.28px; - // } - - // input[type="checkbox"]:checked + label:after { - // background-color: green; - // } - - - // input{ - // border: 1px solid $-black; - // border-radius: 3px; - // } } button{ font-family: 'Roboto',sans-serif; @@ -243,13 +226,9 @@ @media screen and (min-width: 2500px){ .main_wrapper{ + padding: 30px 100px 84px; - &_contend{ - &_title{ - font-size: 48px; - line-height: 56px; - } - } + &_breadcrumb{ min-height: 32px; &_title{ @@ -266,6 +245,10 @@ } } &_contend{ + &_title{ + font-size: 48px; + line-height: 56px; + } &-main{ &-departaments{ button{ @@ -277,13 +260,55 @@ &-section{ width: 100%; min-width: 1680px; - #title{ - font-size: 48px; - line-height: 56px; + #Sobre{ + #title{ + font-size: 48px; + line-height: 56px; + } + p{ + font-size: 26px; + line-height: 30px; + } } - p{ - font-size: 26px; - line-height: 30px; + #contact{ + .contactTitlte{ + font-size: 48px; + line-height: 56px; + } + .form{ + &_col{ + label{ + font-size: 28px; + line-height: 33px + } + input{ + min-width: 100%; + width: 1680px; + height: 63px; + } + input[placeholder]{ + font-size: 28px; + line-height: 33px; + } + } + &_check{ + .checkLabel{ + font-size: 28px; + line-height: 33px; + &:before{ + content: ""; + width: 36.4px; + height: 35.15px; + } + } + } + } + button{ + width: 100%; + height: 71px; + font-size: 32px; + line-height: 38px; + } } }