franpcode/Hangman-game-with-React
1
0
Fork 0
mirror of https://github.com/FranP-code/Hangman-game-with-React.git synced 2025-10-13 00:42:32 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Form styles done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-21 22:26:45 -03:00
parent 4aa4d9b11e
commit ba88fd2eb9
5 changed files with 127 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/css/index.css
View File

@@ -388,4 +388,51 @@ header h2 {
color: #ffffff5f;
}
.form-container {
font-family: Arial, Helvetica, sans-serif;
}
.form-container .options-container {
display: flex;
height: 10vh;
width: 100%;
}
.form-container .options-container .option {
color: #fff;
background-color: #3670c9;
cursor: pointer;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: ease-in-out 0.2s;
}
.form-container .options-container .option.active {
cursor: initial;
background-color: #364f75;
transition: ease-in-out 0.4s;
}
.form-container form {
height: 64vh;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 3vh;
}
.form-container form input {
width: 33vw;
height: 5vh;
padding: 0;
box-sizing: content-box;
margin-bottom: 0.5vh;
border: 0;
border-bottom: 1px solid #797979;
outline: none;
}
.form-container form input[type=submit] {
margin-top: 1vh;
border-bottom: 0;
border: 1px solid #797979;
}
/*# sourceMappingURL=index.css.map */