uccser/cs-field-guide

View on GitHub
csfieldguide/static/interactives/delay-analyser/css/delay-analyser.scss

Summary

Maintainability
Test Coverage
.tile {
  border: 1px solid #555;
}
.black {
  background-color: black;
}
.delayed {
  background-color: rgba(144, 255, 0, 0.72);
}
#delay-grid {
  border: 1px solid black;
  background-image: url('../img/background-image.jpg');
  background-size: cover;
  margin-bottom: 1rem;
}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
  line-height:30px;
}
.flex-item {
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  flex: 1 0 auto;
  height:auto;
}
.flex-item:before {
  content: '';
  float: left;
  padding-top: 100%;
}
#delay-analyser-interactive #statistics-feedback {
  margin-top: 1.25rem;
  font-size: 1.5rem;
  color: red;
  font-weight: bold;
}