wdio-junit-to-html/style.css

A simple CLI module to convert WebdriverIO JUnit tests to HTML.

html{font-family: 'Arial',sans-serif,monospace;}
.suite,.suite-container{
    position:relative;
    display:flex;flex-direction:column;
    border:1px solid #000;
    padding:8px;
    margin:8px 16px;
}
.suite .title{
    font-size:18px;
    display:block;
    padding:4px 2px;
    background:#4CAF50;
}
.suite > .duration,[class^="count_"]{
    font-size:14px;
}
.title.has_error,.has_error{
    background:#F44336;
}

.tests{
    border:1px solid #000;
    padding:8px;
    max-height:24px;
    overflow-y:hidden;
    transition: .3s ease max-height;
}
.tests .expand_tests{
    display:block;
    padding:4px 2px;
    font-size:16px;font-weight:700;
    text-decoration:underline;
}
.expand_tests::before{
    display:block;
    content: 'Expand Tests ▼';
}
.tests.open{
    max-height:99999999px;
}
.tests.open .expand_tests::before{
    content: 'Close Tests ▲';
}
.tests .expand_tests:hover{
    background:#7EA6D7;
    cursor:pointer;
}

.test{
    display:flex;flex-direction:column;
    border:1px solid #b6b6b6;
    margin:8px 0;padding:4px;
}
.test .err_out{
    background:rgba(0,0,0,.2);
    padding:8px;margin:0 8px;
    border-radius:4px;
}