[data-no-op] {
  z-index: 1000;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}

[data-no-op] p[data-no-op-msg] {
  position: absolute;
  text-align: center;
  font-size: 25px;
  top: 40%;
  left: 0;
  right: 0;
  color: white;
}

[data-no-op] canvas[data-no-op-canvas] {
  background-color: #777;
  height: 100%;
  width: 100%;
}

@import 'compass/css3';

[data-no-op] {
  z-index: 1000;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}

[data-no-op] p[data-no-op-msg] {
  position: absolute;
  text-align: center;
  font-size: 25px;
  left: 0;
  right: 0;
  color: white;
  margin: 10px;
  /* center vertically */
  top: 50%;
  @include translateY(-50%);
}

[data-no-op] canvas[data-no-op-canvas] {
  background-color: #777;
  height: 100%;
  width: 100%;
}

Add margin to no-op text and centre vertically more accurately
Add margin to no-op text and centre vertically more accurately
