UNPKG

@govbr-ds/core

Version:

Padrão Digital de Governo

1 lines 6.68 kB
{"version":3,"file":"components/tooltip/tooltip.css","mappings":"AAKA;ECJE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADDF;ACGE;EACE;IACE;EDDJ;ECIE;IACE;EDFJ;AACF;ACKE;EACE;IACE;EDHJ;ECME;IACE;EDJJ;AACF;ACOE;EACE;EACA;EACA;ADLJ;ACQE;EACE;EACA;EACA;EACA;ADNJ;ACSE;EACE;ADPJ;ACSI;EACE;ADPN;ACWE;EACE;ADTJ;ACWI;EACE;ADTN;ACaE;EACE;EACA;ADXJ;ACaI;EACE;ADXN;ACeE;EAEE;ADdJ;ACgBI;EACE;ADdN;ACkBE;EACE;EACA;EACA;EACA;ADhBJ;ACmBE;EACE;EACA;EACA;EACA;EACA;EACA;ADjBJ;ACoBE;EACE;EACA;EACA;EACA;EACA;EACA;ADlBJ;ACqBE;EACE;EACA;EACA;EACA;EACA;ADnBJ;ACsBE;EACE;EACA;EACA;EACA;EACA;ADpBJ;ACuBE;;;EAGE;EACA;EACA;ADrBJ;ACwBE;EACE;EACA;EACA;EACA;EACA;ADtBJ;ACwBI;;EAEE;EACA;ADtBN;AC0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADxBJ;AC2BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBJ;AC4BE;EACE;EACA;EACA;EACA;AD1BJ;AC6BE;EACE;EACA;EACA;EACA;EACA;EACA;AD3BJ;AC6BI;EACE;EACA;AD3BN;AC+BE;EACE;EACA;EACA;EACA;EACA;EACA;AD7BJ;AC+BI;EACE;EACA;AD7BN;ACiCE;EACE;EACA;EACA;EACA;AD/BJ;ACkCE;EACE;EACA;ADhCJ;ACmCE;EACE;EACA;ADjCJ;ACoCE;EACE;EACA;EACA;EACA;ADlCJ;ACqCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADnCJ,C","sources":["webpack://core/./src/components/tooltip/_tooltip.scss","webpack://core/./src/components/tooltip/_mixins.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}tooltip {\n @include tooltip-configs;\n}\n","@mixin tooltip-configs {\n align-items: flex-start;\n background: v(color-info, $color-info);\n border-radius: 4px;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n color: v(color-secondary-01, $color-secondary-01);\n display: flex !important;\n flex-wrap: wrap;\n // font-size: v(font-size-scale-base, $font-size-scale-base);\n // font-weight: v(font-weight-semi-bold, $font-weight-semi-bold);\n font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n font-weight: v(font-weight-medium, $font-weight-medium);\n justify-content: flex-start;\n max-width: 240px;\n opacity: 0;\n padding: v(spacing-scale-2x);\n position: absolute !important;\n visibility: hidden;\n z-index: 999;\n\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes fadeOutOpacity {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n }\n\n &[data-show] {\n animation: fadeInOpacity ease-in-out 0.5s;\n opacity: 1;\n visibility: visible;\n }\n\n &[popover] {\n max-width: 320px;\n min-width: 240px;\n overflow-x: hidden;\n width: auto;\n }\n\n &[success] {\n background: v(color-success, $color-success);\n\n .arrow {\n border-color: v(color-success, $color-success);\n }\n }\n\n &[error] {\n background: v(color-danger, $color-danger);\n\n .arrow {\n border-color: v(color-danger, $color-danger);\n }\n }\n\n &[warning] {\n background: v(color-warning, $color-warning);\n color: v(color-secondary-08, $color-secondary-08);\n\n .arrow {\n border-color: v(color-warning, $color-warning);\n }\n }\n\n &[info],\n & {\n background: v(color-info, $color-info);\n\n .arrow {\n border-color: v(color-info, $color-info);\n }\n }\n\n .arrow {\n height: 0 !important;\n position: absolute !important;\n width: 0 !important;\n z-index: -1 !important;\n }\n\n &[data-popper-placement^=\"top\"] > .arrow {\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-top-style: solid;\n border-top-width: 8px;\n bottom: -7px;\n margin-left: 0;\n }\n\n &[data-popper-placement^=\"bottom\"] > .arrow {\n border-bottom-style: solid;\n border-bottom-width: 8px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n margin-left: 0;\n top: -8px;\n }\n\n &[data-popper-placement^=\"left\"] > .arrow {\n border-bottom: 8px solid transparent;\n border-left-style: solid;\n border-left-width: 8px;\n border-top: 8px solid transparent;\n right: calc(#{v(spacing-scale-base)} * -1);\n }\n\n &[data-popper-placement^=\"right\"] > .arrow {\n border-bottom: 8px solid transparent;\n border-right-style: solid;\n border-right-width: 8px;\n border-top: 8px solid transparent;\n left: calc(#{v(spacing-scale-base)} * -1);\n }\n\n .text,\n .subtext,\n .link {\n display: block;\n max-width: 100%;\n min-width: 0;\n }\n\n .popover-header {\n font-size: v(font-size-scale-base, $font-size-scale-base);\n margin-bottom: 1em;\n min-width: 180px;\n text-align: center;\n width: 100%;\n\n .fas,\n .svg-inline--fa {\n font-size: v(font-size-scale-up-06, $font-size-scale-up-06);\n text-align: center;\n }\n }\n\n .popover-image {\n border: 3px solid v(color-secondary-01, $color-secondary-01);\n height: auto;\n margin-left: -10px;\n max-height: 120px;\n max-width: 45%;\n overflow: hidden;\n width: auto;\n }\n\n .popover-icon {\n height: auto;\n margin-left: -10px;\n margin-top: 10%;\n max-height: 120px;\n max-width: 45%;\n overflow: hidden;\n width: auto;\n }\n\n .popover-body {\n font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n margin-bottom: 1em;\n min-width: 180px;\n width: 100%;\n }\n\n .popover-image + div {\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n text-align: left;\n width: 65%;\n\n div {\n padding-left: v(spacing-scale-base);\n text-align: left;\n }\n }\n\n .popover-icon + div {\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n text-align: left;\n width: 65%;\n\n div {\n padding-left: v(spacing-scale-base);\n text-align: left;\n }\n }\n\n .popover-footer {\n font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n min-width: 180px;\n text-align: center;\n width: 100%;\n }\n\n .text {\n font-size: v(font-size-scale-base, $font-size-scale-base);\n font-weight: v(font-weight-semi-bold, $font-weight-semi-bold);\n }\n\n .subtext {\n font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n font-weight: v(font-weight-medium, $font-weight-medium);\n }\n\n .link {\n color: inherit;\n text-align: right;\n text-decoration: underline;\n width: 100%;\n }\n\n .close {\n background: transparent;\n border: 0;\n color: inherit;\n cursor: pointer;\n margin: 0;\n padding: 0;\n position: absolute;\n right: 10px;\n top: 10px;\n }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}