Contents

.active{
    display: block;
}
.close{
    background-color: transparent;
    border:none;
    outline: none;
}
.times-icon{
    font-size: 25px;
}
.modal-header .close{
    margin: -1rem 0rem -1rem auto !important
}
.modal-dialog {
    max-width: 450px !important; 
    margin: 0rem auto !important; 
    top: 60px !important;
}
.custom-word{
    width: 60%;
    margin: 15px auto;
    padding: 2rem 10px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
   
}
::placeholder{
    text-transform: capitalize ;
}
.generate-word-game-link,.copy-btn{
    background-color: dodgerblue;
    border: dodgerblue;
    color: #fff;
    padding: 10px;
    width: 120px;
    border-radius: 5px;
    font-size: 12px;
}
.copy-btn{
    display: none;
}

.generate-word-game-link:hover,.copy-btn:hover{
    color:#fff !important
}
.word-game-rows,.Game-keyboard{
    display: flex;
    flex-direction: column;
    width: 50%;
    margin:0rem auto
}
.row{
    justify-content: center;
    align-items: center;
    margin:0 !important

}
.row-letter{
    text-align: center;
    border:2px solid #d3d6da;
    border-radius: 5px;
    color: #363535;
    flex: 1 1;
    font-size: 28px;
    font-weight: 700;
    height: 64px;
    margin: 3px;
    max-width: 64px;
    text-transform: uppercase;
}
.Game-keyboard-row{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.Game-keyboard-button {
    align-items: center;
    background-color: #d3d6da;
    border: 2px solid transparent;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 900;
    justify-content: center;
    margin: 3px;
    min-height: 40px;
    padding: 15px;
    text-decoration: inherit;
}

.word-game-link{
    display: none;
    font-size: 14px;
    padding: 14px;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
word-games-theme-1.2.0	assets/css/wordGame.css