1. .HooksTreeView {

  2.   padding: 0.25rem;

  3.   border-top: 1px solid var(--color-border);

  4. }

  5. 

  6. .Hook {

  7. }

  8. 

  9. .Children {

  10.   padding-left: 1rem;

  11. }

  12. 

  13. .HeaderRow {

  14.   display: flex;

  15.   align-items: center;

  16. }

  17. 

  18. .Header {

  19.   flex: 1 1;

  20.   font-family: var(--font-family-sans);

  21. }

  22. 

  23. .NameValueRow {

  24.   display: flex;

  25. }

  26. 

  27. .Name,

  28. .NameAnonymous {

  29.   flex: 0 0 auto;

  30.   cursor: default;

  31. }

  32. .Name {

  33.   color: var(--color-dim);

  34. }

  35. .NameAnonymous {

  36.   color: var(--color-dimmer);

  37. }

  38. 

  39. .EditableName {

  40.   color: var(--color-attribute-name);

  41.   flex: 0 0 auto;

  42.   cursor: default;

  43. }

  44. .EditableName:after,

  45. .Name:after {

  46.   color: var(--color-text);

  47.   content: ': ';

  48.   margin-right: 0.5rem;

  49. }

  50. 

  51. .Value {

  52.   color: var(--color-attribute-value);

  53.   overflow: hidden;

  54.   text-overflow: ellipsis;

  55.   cursor: default;

  56.   white-space: nowrap;

  57. }

  58. 

  59. .None {

  60.   color: var(--color-dimmer);

  61.   font-style: italic;

  62. }

  63. 

  64. .TruncationIndicator {

  65.   color: var(--color-dimmer);

  66. }

  67. 

  68. .ExpandCollapseToggleSpacer {

  69.   flex: 0 0 1rem;

  70.   width: 1rem;

  71. }

  72. 

  73. .PrimitiveHookNumber {

  74.   background-color: var(--color-primitive-hook-badge-background);

  75.   color: var(--color-primitive-hook-badge-text);

  76.   font-size: var(--font-size-monospace-small);

  77.   margin-right: 0.25rem;

  78.   border-radius: 0.125rem;

  79.   padding: 0.125rem 0.25rem;

  80. }

  81. 

  82. .HookName {

  83.   color: var(--color-component-name);

  84. }

  85. 

  86. .ToggleError {

  87.   color: var(--color-error-text);

  88. }
About Sign Up Leave Feedback Contact