hint.base.min.css (hint.css-2.6.0) | : | hint.base.min.css (hint.css-2.7.0) | ||
---|---|---|---|---|
/*! Hint.css (base version) - v2.6.0 - 2019-04-27 | /*! Hint.css (base version) - v2.7.0 - 2021-10-01 | |||
* http://kushagragour.in/lab/hint/ | * https://kushagra.dev/lab/hint/ | |||
* Copyright (c) 2019 Kushagra Gour */ | * Copyright (c) 2021 Kushagra Gour */ | |||
[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[cl ass*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz- transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opac ity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-trans ition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-d elay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:be fore{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-d elay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolut e;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:af ter{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"H elvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[c lass*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hi nt]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[ data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left :before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint --bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bott om-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint-- top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-tra nsform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50 %)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:tra nslateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transfor m:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(- 8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bott om:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:tra nslateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-tran sform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}. hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz -transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translate Y(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-b ottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--righ t:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before {-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:tran slateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;marg in-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--le ft:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before {-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:tr anslateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50% }.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left :after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);tran sform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-tr ansform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8 px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(- 8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100 %) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;l eft:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint-- top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);tra nsform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-r ight:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(- 8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:befo re{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform :translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-le ft:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px) ;transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:tran slateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);t ransform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bott om-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;le ft:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-mo z-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--botto m-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translate Y(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:aft er,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;w ord-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150p x}.hint--large:after{width:300px}.hint--always:after,.hint--always:before{opacit y:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translat eY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--alway s.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-trans form:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8p x)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-t ransform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-lef t:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:tran slateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hin t--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-tra nsform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8p x)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-tran sform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after {-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-5 0%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hin t--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translate Y(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-t ransform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) tran slateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bott om-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:transla teY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always. hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8 px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hin t--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px );-moz-transform:translateX(8px);transform:translateX(8px)} | [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[cl ass*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz- transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opac ity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-trans ition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-d elay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:be fore{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-d elay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolut e;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:af ter{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"H elvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap}[c lass*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hi nt]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[ data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left :before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint --bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bott om-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint-- top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-tra nsform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50 %)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:tra nslateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transfor m:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(- 8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bott om:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:tra nslateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-tran sform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}. hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz -transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translate Y(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-b ottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--righ t:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before {-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:tran slateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;marg in-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--le ft:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before {-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:tr anslateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50% }.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left :after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);tran sform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-tr ansform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8 px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(- 8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100 %) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;l eft:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint-- top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);tra nsform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-r ight:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(- 8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:befo re{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform :translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-le ft:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px) ;transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:tran slateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);t ransform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bott om-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;le ft:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-mo z-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--botto m-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translate Y(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:aft er,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;w ord-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150p x}.hint--large:after{width:300px}.hint--always:after,.hint--always:before{opacit y:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translat eY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--alway s.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-trans form:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8p x)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-t ransform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-lef t:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:tran slateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hin t--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-tra nsform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8p x)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-tran sform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after {-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-5 0%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hin t--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translate Y(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-t ransform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) tran slateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bott om-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:transla teY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always. hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8 px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hin t--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px );-moz-transform:translateX(8px);transform:translateX(8px)} | |||
End of changes. 1 change blocks. | ||||
3 lines changed or deleted | 3 lines changed or added |