// (C) 2007-2020 GoodData Corporation
@import "../../core/styles/styles";

/* ==========================================================================
   Variables, mixins, silent classes etc.
   ========================================================================== */
$bubble-helper-size: 8px;
$bubble-max-width: 300px;
$bubble-small-max-width: 200px;
$bubble-skins: primary, secondary, dark, light, negative;

// Bubble
$bubble-boxShadow: "0 1px 3px 0 rgba(20, 56, 93, 0.10), 0 2px 9px 0 rgba(20, 56, 93, 0.15)";
$bubble-help-color: #bbb;
$bubble-help-color-hover: #999;
$bubble-borderWidth: 0;
$bubble-bg-color: transparentize($gd-color-text, 0.05);
$bubble-negative-base: transparentize($gd-color-negative, 0.1);
$bubble-secondary-base: transparentize($gd-color-highlight, 0.1);
$bubble-light-base: rgba(255, 255, 255, 0.95);
$bubble-light-border-base: #c9d5e0;
$bubble-primary-borderWidth: $bubble-borderWidth;
$bubble-primary-color: $gd-color-text-light;
$bubble-primary-borderColor: $bubble-bg-color;
$bubble-primary-arrowColor: $bubble-bg-color;
$bubble-primary-arrowBorderColor: $bubble-bg-color;
$bubble-primary-bgcolor: $bubble-bg-color;
$bubble-negative-borderWidth: $bubble-borderWidth;
$bubble-negative-color: $gd-color-text-light;
$bubble-negative-borderColor: $bubble-negative-base;
$bubble-negative-arrowColor: $bubble-negative-base;
$bubble-negative-arrowBorderColor: $bubble-negative-base;
$bubble-negative-bgcolor: $bubble-negative-base;
$bubble-secondary-borderWidth: $bubble-borderWidth;
$bubble-secondary-color: $gd-color-text-light;
$bubble-secondary-borderColor: $bubble-secondary-base;
$bubble-secondary-arrowColor: $bubble-secondary-base;
$bubble-secondary-arrowBorderColor: $bubble-secondary-base;
$bubble-secondary-bgcolor: $bubble-secondary-base;
$bubble-light-borderWidth: 1px;
$bubble-light-color: #000;
$bubble-light-borderColor: $bubble-light-border-base;
$bubble-light-arrowColor: $bubble-light-base;
$bubble-light-arrowBorderColor: $bubble-light-border-base;
$bubble-light-bgcolor: $bubble-light-base;