uccser/cs-field-guide

View on GitHub
csfieldguide/static/interactives/password-guesser/scss/password-guesser.scss

Summary

Maintainability
Test Coverage
#pg-database {
    max-width: 100%;
    font-family: monospace;
    font-size: 1rem;
    .overflow-table {
        padding: 0px !important;
        max-width: 100%;
        white-space: nowrap;
        overflow: auto;
    }
    td, th {
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid #c7c7c8;
    }
    th {
        background-color: #dde0e2;
    }
    tr {
        background-color: #eceeef;
    }
}

#pg-checker, #pg-hints {
    details {
        border: 1px solid;
        border-radius: 5px;
        padding: 0.5rem;
    }
    summary {
        font-weight: bold;
        padding: 0.5rem;
    }
    details[open] {
        padding: 0.5rem;
    }
}

#pg-clues, #pg-guesser {
    max-width: 1000px;
}

#pg-calculated-hash {
    overflow-x: hidden;
}

.highlight {
    background-color: #28a745 !important;
}

.solved {
    background-color: #cdffd8 !important;
}

.pg-img {
    transform: scale(0.75);
    cursor: pointer;
}