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

Admin place demo look done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-25 13:24:47 -03:00
parent 26251faea3
commit 94cd6f2263
30 changed files with 1101 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
public/css/index.css
View File

@@ -436,7 +436,6 @@ header .redirect-button:hover {
transition: ease-in-out 0.4s;
}
.form-container form {
height: 64vh;
display: flex;
flex-direction: column;
align-items: center;
@@ -457,6 +456,13 @@ header .redirect-button:hover {
border-bottom: 0;
border: 1px solid #797979;
}
.form-container p.aditional-text {
color: #3670c9;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.form-container .loading {
opacity: 70%;
}
@@ -779,5 +785,48 @@ header .redirect-button:hover {
font-size: 12pt;
}
}
.control-panel .demo-message-container {
display: flex;
justify-content: center;
padding-top: 5vh;
}
.control-panel .demo-message-container .demo-message {
font-family: "Raleway", sans-serif;
font-weight: bold;
background-color: #f7f7f7;
width: 40vw;
display: flex;
align-items: center;
flex-direction: column;
border: 1px solid #c4c4c4;
border-radius: 5px;
}
header.demo h1 {
height: 100%;
display: flex;
align-items: center;
}
header.demo h1 span.demoSpan {
background: -webkit-linear-gradient(118deg, #ffaa3b 0%, #ff6b00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: flex;
align-items: center;
}
header.demo h1 span.demoSpan:hover {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.demo h1 span.demoSpan:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
/*# sourceMappingURL=index.css.map */