@import 'vendors/prism';

ul.tests {

flex: 1;
list-style-type: none;
padding: 0;
margin: 0;

}

ul.tests > li {

display: flex;
justify-content: center;
background: $white;
margin: 4px 0;

}

ul.tests > li a {

margin-right: auto;
align-items: center;
color: inherit;

}

ul.tests > li > div {

display: flex;
flex: 1;
justify-content: center;

& > span {
  font-size: 0.7em;
}

a:hover {
  text-decoration: underline;
}

}

ul.tests > li div.status {

display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 40px;
height: 40px;
margin: 4px 8px;
font-size: 1.4em;

}

ul.tests > li div.status {

background-color: #333;
border-radius: 100%;
animation: pulse 1.0s infinite ease-in-out;

@keyframes pulse {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

}

ul.tests > li {

color: $green;

}

ul.tests > li {

color: $red;

}

#Test > iframe {

display: none;

}