Contents

.block.access-wrap {
  grid-template-columns: repeat(3,1fr);
  grid-column-gap: 10px;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  display: grid;
}

%AccessBlock {
  border: 1px solid rgba(gray,40%);
  background-color: rgba(gray,10%);
  color: gray;
  padding-bottom: 9px;
  padding-top: 11px;
  border-radius: 2px;

  &.pass {
    border-color: rgba(green,40%);
    background-color: rgba(green,10%);
    color: green;
  }

  &.fail {
    border-color: rgba(red,40%);
    background-color: rgba(red,10%);
    color: red;
  }
}

.block.access-small {
  @extend %AccessBlock;
}

.block.access-large {
  @extend %AccessBlock;
}

.block.access-ratio {
  @extend %AccessBlock;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
futuro-0.9.1	_sass/block/access.scss
futuro-0.9.0	_sass/block/access.scss