Browser.scss 693 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 29 30 31
.exampleLinks {
  margin-top: 50px;
  margin-left: 40px;
}
Andrey Azov's avatar
Andrey Azov committed
32 33 34 35 36 37

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

38
.objectType {
39
  color: $grey;
40 41 42 43 44 45 46
  margin-right: 15px;
  width: 60px;
  text-align: right;
  display: inline-block;
}

.objectLabel {
47
  color: $blue;
48
}
49 50 51 52

.semiOpaque {
  opacity: 0.3;
}