anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(main): add estilo no formulário

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-07 17:29:26 -03:00
parent c2685a7dd4
commit 477ae3ee20
2 changed files with 76 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/Main/Main.module.scss
View File

@ -104,7 +104,8 @@ main {
display: flex;
flex-direction: column;
width: 27.864%;
border-right: 1px solid #000000;
height: 285px;
border-right: 1px solid $black;
@media (min-width: 2500px) {
width: 25.601%;
}
@ -133,7 +134,7 @@ main {
height: 58px;
font-size: 32px;
line-height: 38px;
}
}
}
}
}
@ -188,3 +189,71 @@ main {
}
}
}
//Form
.Contato {
form {
.FormContent {
width: 100%;
row-gap: 12px;
display: flex;
flex-direction: column;
&__Field {
width: 100%;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $secundary-100;
& label {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $secundary-200;
margin-left: 15px;
}
& input {
width: 94.39%;
height: 14.02px;
background: $white;
border: 1px solid $secundary-200;
border-radius: 25px;
padding: 15px 20px;
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $secundary-100;
margin-top: 12px;
}
&__Error {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: right;
color: $primary-900;
position: absolute;
right: 120px;
transform: translateY(-2px);
}
}
& button {
background: $black;
border-radius: 25px;
color: $white;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
padding: 17px 0 16.44px;
}
}
}
}

6
src/variaveis.scss
View File

@ -6,4 +6,8 @@ $primary-200: #303030;
$primary-300: #5E5E5E;
$primary-700: #f2f2f2;
$primary-600: #C4C4C4;
$primary-500: #C6C6C6;
$primary-500: #C6C6C6;
$primary-900: #FF0000;
$secundary-100: #b9b7b7;
$secundary-200: #100d0e;