Gustavo_Rallenson_Goncalves_Da_Silva/desafio-react-e-typescript
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(institucional):formulário 4k responsivo

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-01-10 22:35:49 -03:00
parent 391cbfb1be
commit f691b5b203
1 changed files with 59 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
desafio-5/src/components/modules/home.module.scss
View File

@ -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;
}
}
}