@import 'colors'

.buildStepOutput
  background-color: $lightGrey

  .buildStepOutput__exit-info
    font-size: 0.8em

.layer
  display: none
  position: fixed
  width: 90%
  height: 90%
  color: $black
  border-radius: 3px
  background-color: $buildInfo-open
  z-index: 1
  margin: auto
  left: 5%
  top: 5%
  padding: 16px
  overflow: hidden

.layer.open
  display: inline-block

.layerClose
  position: absolute
  right: 16px
  top: 16px
  cursor: pointer
.layerTitle
  position: absolute
  font-size: 2em

.layerText
  overflow: auto
  margin-top: 50px
  max-height: calc(100% - 50px)
  padding: 8px
  background-color: $black
  color: $white

.layerShadow
  position: absolute
  width: 100%
  height: 100%
  top: 0
  left: 0
  background-color: $transparent-black

.outputLine
  font-family: "Courier New"
@import 'colors'

.buildStepOutput
  background-color: $lightGrey

  .buildStepOutput__exit-info
    font-size: 0.8em

.layer
  display: none
  position: fixed
  width: 90%
  height: 90%
  color: $black
  border-radius: 3px
  background-color: $buildInfo-open
  z-index: 1
  margin: auto
  left: 5%
  top: 5%
  padding: 16px
  overflow: hidden

.layer.open
  display: inline-block

.layerClose
  position: absolute
  right: 16px
  top: 16px
  cursor: pointer
.layerTitle
  position: absolute
  font-size: 2em

.layerText
  overflow: auto
  margin-top: 50px
  max-height: calc(100% - 50px)
  padding: 8px
  background-color: $black
  color: $white

.layerShadow
  position: fixed
  width: 100%
  height: 100%
  top: 0
  left: 0
  background-color: $transparent-black

.outputLine
  font-family: "Courier New"
Set layer shadow position to fixed so it works properly even when scrolled down
Set layer shadow position to fixed so it works properly even when scrolled down
