Browser.scss 774 Bytes
Newer Older
1 2 3 4
@import 'src/styles/common';

.browser {
  width: 100%;
5 6
  height: calc(100% - 32px);
  position: relative;
7 8 9
}

.browserInnerWrapper {
10 11 12
  position: absolute;
  overflow: hidden;
  width: 100vw;
13
  @include flex;
14 15 16
  transition: height 0.3s linear;
  &.shorter {
    height: calc(100vh - 194px);
17 18
  }

19 20
  &.taller {
    height: calc(100vh - 146px);
21
  }
22
}
23

24 25
.browserImageWrapper {
  height: 100%;
26
}
27 28 29 30 31 32 33 34 35

.browserOverlay {
  background: $ens-white;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100vw;
  z-index: 150;
}
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

.exampleLinks {
  margin-top: 50px;
  margin-left: 40px;
  dd {
    margin-bottom: 30px;
  }
}
.objectType {
  color: $ens-grey;
  margin-right: 15px;
  width: 60px;
  text-align: right;
  display: inline-block;
}

.objectLabel {
  color: $ens-blue;
}