Browser.scss 789 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 {
Andrey Azov's avatar
Andrey Azov committed
10
  display: flex;
11 12 13 14 15 16
  position: absolute;
  overflow: hidden;
  width: 100vw;
  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

.browserOverlay {
29
  background: $white;
30 31 32 33 34 35
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100vw;
  z-index: 150;
}
36 37 38 39 40

.exampleLinks {
  margin-top: 50px;
  margin-left: 40px;
}
Andrey Azov's avatar
Andrey Azov committed
41 42 43 44 45 46

.exampleLink {
  margin-left: 40px;
  margin-bottom: 30px;
}

47
.objectType {
48
  color: $grey;
49 50 51 52 53 54 55
  margin-right: 15px;
  width: 60px;
  text-align: right;
  display: inline-block;
}

.objectLabel {
56
  color: $blue;
57
}