@yoobic/yobi 8.7.4 → 8.7.6

package/dist/collection/feature-platform/insight/chart/chart.css

@@ -1,371 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-svg:not(:root) {
-  overflow: hidden;
-}
-
-:host {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 0;
-}
-:host .container:not(.animated-illustration) {
-  position: relative;
-  display: flex;
-  flex-grow: 1;
-  width: 100%;
-  min-height: 0;
-}
-:host .container:not(.animated-illustration) > div {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: hidden;
-}
-
-:host(.full-screen.show-table) {
-  flex-direction: row;
-}
-:host(.full-screen.show-table) .highcharts-data-table {
-  display: block !important;
-  width: 25rem;
-  height: 100%;
-  max-height: initial;
-  margin: 0;
-  padding: var(--spacing-16, 1rem);
-  border-left: var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);
-}
-
-.highcharts-credits {
-  display: none;
-}
-
-.animated-illustration {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  height: 100%;
-}
-.animated-illustration yoo-animated-illustration {
-  padding: var(--spacing-16, 1rem) 0;
-}
-.animated-illustration div {
-  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
-  font-size: var(--font-size-16, 1rem);
-  padding: 0px;
-  padding-bottom: var(--spacing-16, 1rem);
-  text-align: center;
-}
-
-:host(.feed-chart) .highcharts-data-labels.highcharts-bar-series {
-  /* Stretch the labels container across the whole chart area: */
-  right: 0;
-}
-:host(.feed-chart) .highcharts-data-labels.highcharts-bar-series .highcharts-label {
-  right: 0.5rem;
-  left: initial !important;
-  text-align: right;
-}
-:host(.feed-chart) .highcharts-data-labels.highcharts-bar-series .highcharts-label > span {
-  position: initial !important;
-  display: block;
-}
-
-.highcharts-legend {
-  display: var(--highcharts-legend-visibility, "initial");
-}
-
-.highcharts-data-table {
-  display: none !important;
-  height: 100%;
-  max-height: 24.5rem;
-  margin: 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);
-  padding: 0;
-  overflow: auto;
-  /* Track */
-  /* Handle */
-  pointer-events: all;
-}
-.highcharts-data-table::-webkit-scrollbar {
-  width: var(--spacing-08, 0.5rem);
-  height: var(--spacing-08, 0.5rem);
-}
-.highcharts-data-table::-webkit-scrollbar-track {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-.highcharts-data-table::-webkit-scrollbar-thumb {
-  background-color: transparent;
-  border-radius: var(--border-radius-04, 0.25rem);
-}
-.highcharts-data-table:hover::-webkit-scrollbar-track {
-  background-color: var(--stable-light, #f1f1f1);
-}
-.highcharts-data-table:hover::-webkit-scrollbar-thumb {
-  background: var(--stable, #adadad);
-}
-.highcharts-data-table td,
-.highcharts-data-table th,
-.highcharts-data-table caption {
-  padding: 0.5em;
-  border: var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);
-}
-.highcharts-data-table tr:nth-child(even),
-.highcharts-data-table thead tr {
-  background: var(--stable-ultralight, #fafafa);
-}
-.highcharts-data-table tr:hover {
-  background: var(--app-color-20, rgba(90, 48, 244, 0.2));
-}
-.highcharts-data-table caption {
-  font-weight: bold;
-  font-size: 1.1em;
-  border-bottom: none;
-}
-.highcharts-data-table table {
-  width: 100%;
-  padding: var(--spacing-16, 1rem);
-  padding-top: 0;
-  text-align: left;
-  border-collapse: collapse;
-}
-.highcharts-data-table table thead {
-  font-size: var(--font-size-14, 0.875rem);
-}
-.highcharts-data-table table thead tr th {
-  font-weight: var(--font-weight-700, 700);
-}
-.highcharts-data-table table tbody {
-  font-size: var(--font-size-12, 0.75rem);
-}
-.highcharts-data-table table tbody tr th {
-  font-weight: var(--font-weight-700, 700);
-}
-
-:host(.form:not(.inline)) {
-  height: 15.625rem;
-}
-:host(.form:not(.inline)) .highcharts-background {
-  fill: transparent;
-}
-
-:host(.form.inline) {
-  height: 8rem;
-}
-:host(.form.inline) .highcharts-background {
-  fill: transparent;
-}
-
-:host(.grid-cell) {
-  height: 5.625rem;
-}
-:host(.grid-cell) .animated-illustration yoo-animated-illustration {
-  max-height: 2.1875rem;
-  padding: 0;
-}