mcarman
/
React_Client_App_Access
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
3 Incheckningar
1 Gren
84 MiB
 
 
 
 
Gren: master
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från 'master'
${ noResults }
React_Client_App_Access/node_modules/react-vis/dist/styles/plot.scss

129 rader
2.4 KiB
Rå Permalänk Blame Historik 

  1. $rv-xy-plot-axis-font-color: #6b6b76;

  2. $rv-xy-plot-axis-line-color: #e6e6e9;

  3. $rv-xy-plot-axis-font-size: 11px;

  4. $rv-xy-plot-tooltip-background: #3a3a48;

  5. $rv-xy-plot-tooltip-color: #fff;

  6. $rv-xy-plot-tooltip-font-size: 12px;

  7. $rv-xy-plot-tooltip-border-radius: 4px;

  8. $rv-xy-plot-tooltip-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

  9. $rv-xy-plot-tooltip-padding: 7px 10px;

  10. 

  11. .rv-xy-plot {

  12.   color: #c3c3c3;

  13.   position: relative;

  14. 

  15.   canvas {

  16.     pointer-events: none;

  17.   }

  18. 

  19.   .rv-xy-canvas {

  20.     pointer-events: none;

  21.     position: absolute;

  22.   }

  23. }

  24. 

  25. .rv-xy-plot__inner {

  26.   display: block;

  27. }

  28. 

  29. .rv-xy-plot__axis__line {

  30.   fill: none;

  31.   stroke-width: 2px;

  32.   stroke: $rv-xy-plot-axis-line-color;

  33. }

  34. 

  35. .rv-xy-plot__axis__tick__line {

  36.   stroke: $rv-xy-plot-axis-line-color;

  37. }

  38. 

  39. .rv-xy-plot__axis__tick__text {

  40.   fill: $rv-xy-plot-axis-font-color;

  41.   font-size: $rv-xy-plot-axis-font-size;

  42. }

  43. 

  44. .rv-xy-plot__axis__title {

  45.   text {

  46.     fill: $rv-xy-plot-axis-font-color;

  47.     font-size: $rv-xy-plot-axis-font-size;

  48.   }

  49. }

  50. 

  51. .rv-xy-plot__grid-lines__line {

  52.   stroke: $rv-xy-plot-axis-line-color;

  53. }

  54. 

  55. .rv-xy-plot__circular-grid-lines__line {

  56.   fill-opacity: 0;

  57.   stroke: $rv-xy-plot-axis-line-color;

  58. }

  59. 

  60. .rv-xy-plot__series,

  61. .rv-xy-plot__series path {

  62.   pointer-events: all;

  63. }

  64. 

  65. .rv-xy-plot__series--line {

  66.   fill: none;

  67.   stroke: #000;

  68.   stroke-width: 2px;

  69. }

  70. 

  71. .rv-crosshair {

  72.   position: absolute;

  73.   font-size: 11px;

  74.   pointer-events: none;

  75. }

  76. 

  77. .rv-crosshair__line {

  78.   background: #47d3d9;

  79.   width: 1px;

  80. }

  81. 

  82. .rv-crosshair__inner {

  83.   position: absolute;

  84.   text-align: left;

  85.   top: 0;

  86. }

  87. 

  88. .rv-crosshair__inner__content {

  89.   border-radius: $rv-xy-plot-tooltip-border-radius;

  90.   background: $rv-xy-plot-tooltip-background;

  91.   color: $rv-xy-plot-tooltip-color;

  92.   font-size: $rv-xy-plot-tooltip-font-size;

  93.   padding: $rv-xy-plot-tooltip-padding;

  94.   box-shadow: $rv-xy-plot-tooltip-shadow;

  95. }

  96. 

  97. .rv-crosshair__inner--left {

  98.   right: 4px;

  99. }

  100. 

  101. .rv-crosshair__inner--right {

  102.   left: 4px;

  103. }

  104. 

  105. .rv-crosshair__title {

  106.   font-weight: bold;

  107.   white-space: nowrap;

  108. }

  109. 

  110. .rv-crosshair__item {

  111.   white-space: nowrap;

  112. }

  113. 

  114. .rv-hint {

  115.   position: absolute;

  116.   pointer-events: none;

  117. }

  118. 

  119. .rv-hint__content {

  120.   border-radius: $rv-xy-plot-tooltip-border-radius;

  121.   padding: $rv-xy-plot-tooltip-padding;

  122.   font-size: $rv-xy-plot-tooltip-font-size;

  123.   background: $rv-xy-plot-tooltip-background;

  124.   box-shadow: $rv-xy-plot-tooltip-shadow;

  125.   color: $rv-xy-plot-tooltip-color;

  126.   text-align: left;

  127.   white-space: nowrap;

  128. }