active_analytics 0.2.1 → 0.3.0

data/app/assets/stylesheets/active_analytics/charts.css

@@ -1,296 +0,0 @@
-/*
- * Charts.css v0.9.0 (https://ChartsCSS.org/)
- * Copyright 2020 Rami Yushuvaev
- * Licensed under MIT
- */
-.charts-css {
-  --chart-bg-color: transparent;
-  --heading-size: 0px;
-  --primary-axis-color: rgba(var(--color-grey-100), 1);
-  --primary-axis-style: solid;
-  --primary-axis-width: 1px;
-  --secondary-axes-color: rgba(var(--color-grey-50), 1);
-  --secondary-axes-style: solid;
-  --secondary-axes-width: 1px;
-  --data-axes-color: rgba(var(--color-grey-200), 1);
-  --data-axes-style: solid;
-  --data-axes-width: 1px;
-  --legend-border-color: rgba(var(--color-grey-200), 1);
-  position: relative;
-  display: block;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-
-/*
- * Chart wrapper element
- */
-
-.charts-css, .charts-css::after, .charts-css::before,
-.charts-css *,
-.charts-css *::after,
-.charts-css *::before {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-/*
- * Reset table element
- */
-table.charts-css {
-  border-collapse: collapse;
-  border-spacing: 0;
-  empty-cells: show;
-  overflow: initial;
-  background-color: transparent;
-}
-
-table.charts-css caption,
-table.charts-css colgroup,
-table.charts-css thead,
-table.charts-css tbody,
-table.charts-css tr,
-table.charts-css th,
-table.charts-css td {
-  display: block;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  background-color: transparent;
-}
-
-table.charts-css colgroup,
-table.charts-css thead,
-table.charts-css tfoot {
-  display: none;
-}
-
-
-/*
- * Chart colors
- */ 
-
- .charts-css.column tbody tr td {
-   background: rgba(var(--color-grey-100), 1);
-   padding: 0;
- }
-
-/*
- * Chart data
- */
-.charts-css.hide-data .data {
-  opacity: 0;
-}
-
-.charts-css.show-data-on-hover .data {
-  -webkit-transition-duration: .3s;
-          transition-duration: .3s;
-  opacity: 0;
-}
-
-.charts-css.show-data-on-hover tr:hover .data {
-  -webkit-transition-duration: .3s;
-          transition-duration: .3s;
-  opacity: 1;
-}
-
-/*
- * Chart labels
- */
-
-.charts-css.column:not(.show-labels) {
-  --labels-size: 0;
-}
-
-.charts-css.column:not(.show-labels) tbody tr th {
-  display: none;
-}
-
-.charts-css.column.show-labels {
-  --labels-size: 1.5rem;
-}
-
-.charts-css.column.show-labels tbody tr th {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: var(--labels-align, center);
-      -ms-flex-pack: var(--labels-align, center);
-          justify-content: var(--labels-align, center);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-
-@media (max-width: 600px) {
-  .charts-css.column.show-labels {
-    --labels-size: 0;
-  }
-  
-  .charts-css.column.show-labels tbody tr th {
-    display: none;
-  }
-}
-
-/*
- * Chart axes
- */
-.charts-css.column.show-primary-axis:not(.reverse) tbody tr {
-  -webkit-border-after: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
-          border-block-end: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
-}
-
-.charts-css.column.show-primary-axis.reverse tbody tr {
-  -webkit-border-before: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
-          border-block-start: var(--primary-axis-width) var(--primary-axis-style) var(--primary-axis-color);
-}
-
-.charts-css.column.show-5-secondary-axes:not(.reverse) tbody tr {
-  background-size: 100% 20%;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--secondary-axes-color)), to(transparent));
-  background-image: linear-gradient(var(--secondary-axes-color) var(--secondary-axes-width), transparent var(--secondary-axes-width));
-}
-
-.charts-css.column.show-5-secondary-axes.reverse tbody tr {
-  background-size: 100% 20%;
-  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--secondary-axes-color)), to(transparent));
-  background-image: linear-gradient(0deg, var(--secondary-axes-color) var(--secondary-axes-width), transparent var(--secondary-axes-width));
-}
-
-/*
- * Chart tooltips
- */
-.charts-css .tooltip {
-  position: absolute;
-  z-index: 1;
-  bottom: 50%;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-  padding: 5px 10px;
-  border-radius: 6px;
-  visibility: hidden;
-  opacity: 0;
-  -webkit-transition: opacity .3s;
-  transition: opacity .3s;
-  background-color: rgba(var(--color-grey-500), 1);
-  color: rgba(var(--color-grey-00), 1);
-  text-align: center;
-  font-size: .9rem;
-}
-
-.charts-css .tooltip::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: rgba(var(--color-grey-500), 1) transparent transparent;
-}
-
-.charts-css tr:hover .tooltip {
-  visibility: visible;
-  opacity: 1;
-}
-
-/*
- * Column Chart
- */
-.charts-css.column tbody {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  width: 100%;
-  height: calc(100% - var(--heading-size));
-}
-
-.charts-css.column tbody tr {
-  position: relative;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-  overflow-wrap: anywhere;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  min-width: 0;
-}
-
-.charts-css.column tbody tr th {
-  position: absolute;
-  right: 0;
-  left: 0;
-}
-
-.charts-css.column tbody tr td {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 100%;
-  height: calc(100% * var(--size, 1));
-  position: relative;
-}
-
-.charts-css.column:not(.reverse) tbody tr {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  -webkit-margin-after: var(--labels-size);
-          margin-block-end: var(--labels-size);
-}
-
-.charts-css.column:not(.reverse) tbody tr th {
-  bottom: calc(-1 * var(--labels-size) - var(--primary-axis-width));
-  height: var(--labels-size);
-  color: rgba(var(--color-grey-400), 1);
-  font-weight: 400;
-}
-
-.charts-css.column:not(.reverse) tbody tr td {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-
-.charts-css.column:not(.stacked) tbody tr td {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-}
-
-.charts-css.column:not(.reverse-data) tbody {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}