FilesExpand file tree

develop

/

App.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

88 lines (68 loc) · 1.41 KB

develop

/

App.css

Copy path

Top

File metadata and controls

• Code
• Blame

88 lines (68 loc) · 1.41 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

.App code {

white-space: pre; font-family: monospace; line-height: 1em;

}

/* TreeDoc */

.TreeDoc .doc-level {

margin-left: 20px;

}

.TreeDoc {

width: 1600px;

}

.TreeDoc .doc-level {

outline: 1px dotted lightgrey;

}

.TreeDoc .doc-level:hover {

outline: 1px solid grey;

}

.TreeDoc .doc-level:hover > .highlight {

background-color: hsl(120, 61%, 80%);

}

.TreeDoc .doc-break {

background: hsl(0, 60%, 90%);

}

/** these are breaks being referenced by a conditional indent when you hover over it */

.TreeDoc .doc-break.referenced {

background: hsl(60, 100%, 78%);

}

.TreeDoc .banner {

background-color: rgba(138, 155, 168, 0.15);

}

/* Collapse empty level banner */

.TreeDoc .banner:empty {

display: none;

}

/* Ops */

.Ops span.token:hover {

outline: 1px solid black;

}

.Ops span.token:hover span.tokenBody {

text-decoration: underline;

}

.Ops span.open-op, .Ops span.close-op, .Ops span.break {

position: relative;

width: 3px;

height: 1em;

display: inline-block;

margin: 0 1px;

}

.Ops span.open-op {

background: green;

}

.Ops span.close-op {

background: red;

}

.Ops span.break.FillMode-UNIFIED {

background: #777;

}

.Ops span.break.FillMode-INDEPENDENT {

background: #333;

}

.Ops span.break.FillMode-FORCED {

background: #000;

width: 5px;

}

.Ops span.break.conditional {

height: 0.4em;

width: 0.4em;

vertical-align: middle;

}