UNPKG

@govbr-ds/core

Version:

Padrão Digital de Governo

1 lines 7.22 kB
{"version":3,"file":"components/tooltip/tooltip.min.css","mappings":"AAKA,YCJE,sBAAuB,CACvB,qCACA,iBAAkB,CAClB,oCAAyC,CACzC,qCACA,sBAAwB,CACxB,cAAe,CAGf,kDACA,0CACA,0BAA2B,CAC3B,eAAgB,CAChB,SAAU,CACV,gCACA,2BAA6B,CAC7B,iBAAkB,CAClB,WDDF,CCGE,yBACE,GACE,SDDJ,CCIE,GACE,SDFJ,CACF,CCKE,0BACE,GACE,SDHJ,CCME,GACE,SDJJ,CACF,CCOE,uBACE,uCAAyC,CACzC,SAAU,CACV,kBDLJ,CCQE,qBACE,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAClB,UDNJ,CCSE,qBACE,uCDPJ,CCSI,4BACE,yCDPN,CCWE,mBACE,sCDTJ,CCWI,0BACE,wCDTN,CCaE,qBACE,wCACA,oCDXJ,CCaI,4BACE,yCDXN,CCeE,8BAEE,oCDdJ,CCgBI,4CACE,sCDdN,CCkBE,mBACE,kBAAoB,CACpB,2BAA6B,CAC7B,iBAAmB,CACnB,oBDhBJ,CCmBE,+CACE,iCAAkC,CAClC,kCAAmC,CACnC,sBAAuB,CACvB,oBAAqB,CACrB,WAAY,CACZ,aDjBJ,CCoBE,kDACE,yBAA0B,CAC1B,uBAAwB,CACxB,iCAAkC,CAClC,kCAAmC,CACnC,aAAc,CACd,QDlBJ,CCqBE,gDACE,mCAAoC,CACpC,uBAAwB,CACxB,qBAAsB,CACtB,gCAAiC,CACjC,wCDnBJ,CCsBE,iDACE,mCAAoC,CACpC,wBAAyB,CACzB,sBAAuB,CACvB,gCAAiC,CACjC,uCDpBJ,CCuBE,yDAGE,aAAc,CACd,cAAe,CACf,WDrBJ,CCwBE,4BACE,2CACA,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UDtBJ,CCwBI,6EAEE,gDACA,iBDtBN,CC0BE,2BACE,+CDlBJ,CC2BE,qDARE,WAAY,CACZ,iBAAkB,CAClB,gBAAiB,CACjB,aAAc,CACd,eAAgB,CAChB,UDfJ,CCkBE,0BAGE,cDrBJ,CC4BE,0BACE,kDACA,iBAAkB,CAClB,eAAgB,CAChB,UD1BJ,CC6BE,+BACE,sBAAuB,CACvB,YAAa,CACb,cAAe,CACf,0BAA2B,CAC3B,eAAgB,CAChB,SD3BJ,CC6BI,mCACE,uCACA,eD3BN,CC+BE,8BACE,sBAAuB,CACvB,YAAa,CACb,cAAe,CACf,0BAA2B,CAC3B,eAAgB,CAChB,SD7BJ,CC+BI,kCACE,uCACA,eD7BN,CCiCE,4BACE,kDACA,eAAgB,CAChB,iBAAkB,CAClB,UD/BJ,CCkCE,kBACE,2CACA,4CDhCJ,CCmCE,qBACE,kDACA,yCDjCJ,CCoCE,kBACE,aAAc,CACd,gBAAiB,CACjB,yBAA0B,CAC1B,UDlCJ,CCqCE,mBACE,sBAAuB,CACvB,QAAS,CACT,aAAc,CACd,cAAe,CACf,QAAS,CACT,SAAU,CACV,iBAAkB,CAClB,UAAW,CACX,QDnCJ","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":""}