CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/frontend/_jsoninspector.sass
Views: 687
1
/*

2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.

3
 *  License: MS-RSL – see LICENSE.md for details

4
 */

5


6
.json-inspector__selection:focus

7
    opacity: 1

8


9
.json-inspector, .json-inspector__selection

10
  font-family: Consolas, monospace

11


12
.json-inspector__leaf

13
  padding-left: 10px

14


15
.json-inspector__line

16
  display: block

17
  position: relative

18
  cursor: default

19
  &:after

20
    content: ''

21
    position: absolute

22
    top: 0

23
    left: -200px

24
    right: -50px

25
    bottom: 0

26
    z-index: -1

27
    pointer-events: none

28
  &:hover:after

29
    background: rgba(0, 0, 0, 0.06)

30


31
.json-inspector__leaf_composite > .json-inspector__line

32
  cursor: pointer

33


34
.json-inspector__radio, .json-inspector__flatpath

35
  display: none

36


37
.json-inspector__value

38
  margin-left: 5px

39


40
.json-inspector__search

41
  min-width: 300px

42
  margin: 0 10px 10px 0

43
  padding: 2px

44


45
.json-inspector__key

46
  color: #505050

47


48
.json-inspector__value_helper, .json-inspector__value_null, .json-inspector__not-found

49
  color: #b0b0b0

50


51
.json-inspector__value_string

52
  color: #798953

53


54
.json-inspector__value_boolean

55
  color: #75b5aa

56


57
.json-inspector__value_number

58
  color: #d28445

59


60
.json-inspector__hl

61
  background: #ff0

62
  box-shadow: 0 -1px 0 2px #ff0

63
  border-radius: 2px

64


65
.json-inspector__show-original

66
  display: inline-block

67
  padding: 0 6px

68
  color: #666

69
  cursor: pointer

70
  &:hover

71
    color: #111

72
  &:before

73
    content: '⥂'

74
  &:hover:after

75
    content: " expand"

76