You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
/* Base */
body, html { margin: 0; padding: 0; height: 100%; }
body { color: #333; background-color: #fcfcfc; font: 14px/14px -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
button { margin: 0; border: none; font: inherit; color: inherit; }
button:focus { outline: none; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Typography */
h1 { font-size: 20px; line-height: 20px; margin: 0; }
a { color: #0074d9; text-decoration: none; }
a:hover { text-decoration: underline; }
.small { font-size: 12px; }
.strong { font-weight: bold; }
.center { text-align: center; }
.quiet { opacity: 0.7; }
/* Colors */
.low { background: #fce1e5; }
.low--dark { background: #c21f39; }
.medium { background: #fff4c2; }
.medium--dark { background: #f9cd0b; }
.high { background: rgb(230, 245, 208); }
.high--dark { background: rgb(77, 146, 33); }
/* App */
.app { height: 100%; }
/* Layout */
.layout { display: flex; flex-direction: column; min-height: 100%; padding: 20px; }
.layout__section { flex-grow: 0; }
.layout__section--fill { flex-grow: 1; }
.layout__section + .layout__section { margin-top: 20px; }
@media only screen and (max-width: 640px) { .col3 { width: 100%; max-width: 100%; } .hide-mobile { display: none !important; } }
/* Toolbar */
.toolbar { display: flex; flex-wrap: wrap; }
.toolbar__item { margin-right: 40px; margin-bottom: 10px; }
/* Toggle */
.toggle { display: inline-flex; align-items: center; }
.toggle__label { margin-right: 0.5em; }
.toggle__options { display: inline-block; border: 1px solid #0074d9; border-radius: 4px; color: #0074d9; overflow: hidden; white-space: nowrap; }
.toggle__option { padding: 4px 8px; background: #fcfcfc; }
.toggle__option + .toggle__option { border-left: 1px solid #0074d9; }
.toggle__option.is-toggled { color: #fff; background: #0074d9; border-left-color: #fcfcfc; }
/* Expand */
.expandbutton { display: inline-block; width: 1em; margin-right: 0.25em; padding: 0; background-color: transparent; font-weight: bold; }
/* Fraction */
.fraction { font-size: 12px; color: #666; padding: 2px 4px; border-radius: 4px; }
/* Coverage */
.coverage-summary { border-collapse: collapse; }
.coverage-summary tbody tr { border-bottom: 1px solid #fff; }
.coverage-summary td, .coverage-summary th { padding: 5px; }
.coverage-summary th { text-align: center; font-weight: normal; white-space: nowrap; }
.coverage-summary th.abs, .coverage-summary td.pct, .coverage-summary td.abs { text-align: right; }
.coverage-summary th.file { min-width: 300px; text-align: left; }
.coverage-summary td.file { white-space: nowrap; }
.coverage-summary td.pct { font-weight: 400; }
.coverage-summary td.abs { color: #666; font-size: 12px; }
.coverage-summary td.empty { opacity: 0.5; }
.coverage-summary .headercell { border-top: 1px solid #eee; text-align: right; font-size: 12px; color: #666; }
.coverage-summary .headercell:nth-child(4n - 2), .coverage-summary td:nth-child(4n - 2) { border-left: 2px solid #fcfcfc; padding-left: 2em; }
.filetab { display: inline-block; width: 1em; }
/* Sorter */
.sorter { display: inline-block; width: 7px; height: 10px; margin-left: 0.5em; background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent; }
.sorted .sorter { background-position: 0 -20px; }
.sorted-desc .sorter { background-position: 0 -10px; }
.sortable { cursor: pointer; }
/* Bar */
.bar { width: 50px; height: 5px; background: #fff; }
.bar__data { height: 100%; }
|