_Histogram.scss 934 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @mixin histogram() {
  2. .esri-histogram {
  3. direction: ltr;
  4. width: 100%;
  5. height: 100%;
  6. }
  7. .esri-histogram__content {
  8. height: 100%;
  9. width: 100%;
  10. }
  11. .esri-histogram__svg {
  12. display: inline-block;
  13. height: 100%;
  14. overflow: hidden;
  15. width: 100%;
  16. }
  17. .esri-histogram__data-line {
  18. stroke: #888;
  19. stroke-width: 1px;
  20. shape-rendering: crispedges;
  21. }
  22. .esri-histogram__label {
  23. stroke: black;
  24. font-size: 12px;
  25. stroke-width: 0;
  26. direction: ltr;
  27. unicode-bidi: plaintext;
  28. }
  29. .esri-histogram__average-data-line {
  30. stroke: #444;
  31. }
  32. .esri-histogram__average-symbol {
  33. font-family: "Georgia, serif";
  34. font-style: italic;
  35. }
  36. [dir="rtl"] {
  37. .esri-histogram {
  38. direction: rtl;
  39. .esri-histogram__average-label {
  40. direction: rtl;
  41. unicode-bidi: plaintext;
  42. }
  43. }
  44. }
  45. }
  46. @if $include_Histogram == true {
  47. @include histogram();
  48. }