@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;
}