12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .knight {
- margin: 2em auto 0.5em;
- display: block;
- }
- #create-game {
- width: 100%;
- height: 200px;
- margin: 3em auto 0;
- fieldset {
- border: 0;
- text-align: right;
- margin-bottom: 1em;
- width: 80%;
- input {
- margin-top: 1em;
- margin-left: 1em;
- width: 100px;
- outline: none;
- height: 40px;
- line-height: 30px;
- padding-left: 1em;
- font-size: 1.125rem;
- color: #424242;
- border: 1px solid #000000;
- }
- label {
- position: relative;
- &::before {
- position: absolute;
- content: '';
- top: 0;
- right: 2em;
- margin-top: -2.5em;
- font-size: 0.75rem;
- }
- }
- }
- }
- #game-link {
- width: 80%;
- height: 50px;
- line-height: 50px;
- font-size: 1.125rem;
- color: black;
- border: 2px solid black;
- background: $white;
- padding: 0 1em;
- float: right;
- border-radius: 2px;
- &:hover {
- background: lighten($white, 3%);
- border-bottom: 2px solid darken($black, 3%);;
- box-shadow: inset 0 -2px darken($dark-purple, 3%);
- transition: all 0.2s ease-in-out;
- }
- &:focus {
- color: #eee;
- }
- }
- #game-status {
- font-family: Courier, Monaco, monospace;
- font-size: 1.275rem;
- color: darken($red, 5%);
- width: 100%;
- text-align: center;
- margin: 1em 0;
- float: left;
- }
|