soderlind/debug-bar-list-dependencies

View on GitHub
css/debug-bar-list-deps.css

Summary

Maintainability
Test Coverage
.debug-bar-list-dependencies h3 {
    font-family: georgia, times, serif;
    font-size: 22px;
    margin-top: 1.2em;
    clear: both;
}
table.deps-table {
    margin-top: .5rem;
    width: 100%;
    margin-bottom: 15px;
    clear: both;
    font-family: 'Helvetica Neue',sans-serif;
    color: #000;
    line-height: 150%!important;
    text-align: left;
    font-size: 12px!important;
    border: 0 none;
    border-bottom: 1px solid #666;
    table-layout: auto;
}
.deps-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border: 0 none;
}

.deps-table thead th {
    padding: 0.7em 10px;
    border-bottom: 1px solid #ccc;
    width: auto;
    vertical-align: top;
    text-align: inherit;
    background-color: #E8E8E8;
}

.deps-table td {
    text-align: left;
    margin-bottom: 9px;
    padding: 8px 10px 0px 10px;
    line-height: 16px;
    font-size: 12px!important;
    display: table-cell;
    border: 0 none;
}

.deps-table tr.src td {
    line-height: 100%;
    padding: 4px 10px 8px 10px;
    color: #999;
    font-size: 85% !important;
}

.deps-table tr td:nth-child(2) {
    width: 50%;
}
.deps-table tr td:nth-child(3) {
    width: 45%;
}
.deps-table tr:nth-child(4n+1),
.deps-table tr:nth-child(4n+2) {
    background-color: #fff;
}
.deps-table tr:nth-child(4n+3),
.deps-table tr:nth-child(4n+4) {
    background-color: #eee;
}

.deps-table span.glue {
    color: #666;
    font-style: italic;
}