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

Actions style done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-22 20:46:56 -03:00
parent 232792b356
commit 9cf2461ad0
7 changed files with 283 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
public/css/index.css
View File

@@ -596,6 +596,83 @@ header .redirect-button:hover {
margin: 0px 0.5vw;
font-size: 1vw;
}
.control-panel .action-form {
box-sizing: border-box;
padding: 0px 16.5vw;
}
.control-panel .action-form form {
height: 100%;
max-width: 742px;
display: flex;
flex-direction: column;
justify-content: space-around;
padding-top: 3vh;
}
.control-panel .action-form form select {
height: 4vh;
outline: none;
}
.control-panel .action-form form textarea {
resize: none;
outline: none;
font-family: Arial, Helvetica, sans-serif;
}
.control-panel .action-form form input[type=submit] {
font-size: 12pt;
margin-top: 1vh;
height: 5vh;
background-color: #2f71d5;
color: #fff;
border: none;
border: 1px solid #5597fc;
}
.control-panel .action-form form input[type=submit]:hover {
background-color: #397de5;
}
.control-panel .action-form form input[type=text] {
height: 5vh;
font-family: Arial, Helvetica, sans-serif;
font-size: 2vw;
border: none;
border-bottom: 1px solid #a2a2a2;
}
.control-panel .action-form.add-word form select {
margin-bottom: 0.5vh;
}
.control-panel .action-form.add-word form textarea {
margin-top: 2vh;
}
.control-panel .action-form.add-category form input[type=text] {
margin-bottom: 1vh;
}
.control-panel .action-form.delete-word form select {
margin-bottom: 0.5vh;
}
.control-panel .action-form.edit-word form select {
margin-bottom: 0.5vh;
}
@media (max-width: 991.98px) {
.control-panel .action-form form input[type=submit] {
font-size: 2.4vw;
}
}
@media (max-width: 576px) {
.control-panel .action-form {
padding-left: 0;
padding-right: 0;
}
.control-panel .action-form form select {
border: none;
border-bottom: 1px solid #a2a2a2;
background-color: #fff;
}
.control-panel .action-form form input[type=submit] {
font-size: 12pt;
}
.control-panel .action-form form input[type=text] {
font-size: 12pt;
}
}
@media (max-width: 991.98px) {
.control-panel .buttons-container {
@@ -622,10 +699,11 @@ header .redirect-button:hover {
align-content: stretch;
}
.control-panel .buttons-container.nav-mode button {
transition: 0.4 ease-in-out;
box-sizing: border-box;
height: 8vh;
border-radius: 0;
min-width: 50vw;
width: 50vw;
flex-grow: 1;
align-self: stretch;
margin: 0;
@@ -637,10 +715,6 @@ header .redirect-button:hover {
-webkit-transform: none;
transform: none;
box-shadow: none;
-webkit-transition-duration: none;
transition-duration: none;
-webkit-transition-property: none;
transition-property: none;
}
.control-panel .buttons-container.nav-mode button:hover, .control-panel .buttons-container.nav-mode button:focus, .control-panel .buttons-container.nav-mode button:active {
-webkit-transform: none;
@@ -650,5 +724,13 @@ header .redirect-button:hover {
transform: none;
}
}
@media (max-width: 576px) {
.control-panel .buttons-container button {
font-size: 12pt;
}
.control-panel .buttons-container.nav-mode button {
font-size: 12pt;
}
}
/*# sourceMappingURL=index.css.map */