sui-framework/packages/components.tooltip/docs/public/styles.css

Open source Frontend Framework

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@font-face{font-family:Lato-Regular;font-style:normal;font-weight:normal;src:url("fonts/Lato-Regular.eot");src:url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Regular.woff2") format("woff2"),url("fonts/Lato-Regular.woff") format("woff"),url("fonts/Lato-Regular.ttf") format("truetype"),url("fonts/Lato-Regular.svg#latoregular") format("svg")}@font-face{font-family:Lato-Bold;font-style:normal;font-weight:normal;src:url("fonts/Lato-Bold.eot");src:url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Bold.woff2") format("woff2"),url("fonts/Lato-Bold.woff") format("woff"),url("fonts/Lato-Bold.ttf") format("truetype"),url("fonts/Lato-Bold.svg#latoregular") format("svg")}@font-face{font-family:Lato-Bold-Italic;font-style:normal;font-weight:normal;src:url("fonts/Lato-Bold-Italic.eot");src:url("fonts/Lato-Bold-Italic.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Bold-Italic.woff2") format("woff2"),url("fonts/Lato-Bold-Italic.woff") format("woff"),url("fonts/Lato-Bold-Italic.ttf") format("truetype"),url("fonts/Lato-Bold-Italic.svg#latoregular") format("svg")}@font-face{font-family:Lato-Italic;font-style:normal;font-weight:normal;src:url("fonts/Lato-Italic.eot");src:url("fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Italic.woff2") format("woff2"),url("fonts/Lato-Italic.woff") format("woff"),url("fonts/Lato-Italic.ttf") format("truetype"),url("fonts/Lato-Italic.svg#latoregular") format("svg")}html{box-sizing:border-box}*,*::before,*::after,input[type='search']{box-sizing:inherit}body{font-size:16px;line-height:1.25;font-family:"Lato-Regular",Helvetica,Arial,sans-serif}@media print{body{font-size:12.0003px;line-height:0.93752}}a,a:hover{color:#999;text-decoration:none}a:focus{outline:none}.u-spacingBase{padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px}@media only screen and (min-width: 480px){.u-spacingBase{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}}.u-spacingBase+.u-spacingBase{padding-top:0}.u-spacingMedium{padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;padding-top:40px;padding-bottom:40px}@media only screen and (min-width: 480px){.u-spacingMedium{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}}@media only screen and (min-width: 480px){.u-spacingMedium{padding-top:40px;padding-bottom:40px}}.u-spacingMedium+.u-spacingMedium,.u-spacingMedium>.u-spacingBase:first-child,.u-spacingMedium>.u-spacingBase:only-child{padding-top:0}.u-spacingMedium>.u-spacingBase:last-child,.u-spacingMedium>.u-spacingBase:only-child{padding-bottom:0}.Tooltip{display:inline-block}@media only screen and (min-width: 480px){.Tooltip{position:relative}}.Tooltip-intro,.Tooltip-text{color:#666}.Tooltip-link,.Tooltip-link:hover,.Tooltip-link:visited{color:#999}.Tooltip-layer{position:fixed;overflow:auto;top:0;bottom:0;left:0;background-color:#fff;width:100%;z-index:1}@media only screen and (min-width: 480px){.Tooltip-layer{width:auto;top:34px;bottom:auto;left:auto;position:absolute;overflow:visible;background-color:transparent}}.Tooltip-layer.is-moveUp{visibility:visible;top:0;-webkit-animation:move-up .4s;animation:move-up .4s}.Tooltip-layer.is-moveDown{visibility:hidden;-webkit-animation:move-down .6s;animation:move-down .6s}@media only screen and (min-width: 480px){.Tooltip-layer.is-moveDown{visibility:visible;-webkit-animation:none;animation:none}}.Tooltip-layer.is-moveDown a{-webkit-transition:none;transition:none}.Tooltip-content{padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;color:#ccc}@media only screen and (min-width: 480px){.Tooltip-content{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px}}@media only screen and (min-width: 480px){.Tooltip-content{position:relative;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 4px #f2f2f2;z-index:8000}.Tooltip-content::before,.Tooltip-content::after{content:'';position:absolute;bottom:100%;left:40px;width:0;height:0}.Tooltip-content::before{margin-left:-12px;border-bottom:12px solid #ccc;border-left:12px solid transparent;border-right:12px solid transparent}.Tooltip-content::after{margin-left:-10px;border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}}.Tooltip-close{display:inline-block;overflow:hidden;width:0;float:right}.Tooltip-close::before{content:'X';display:block;margin-right:20px;overflow:hidden;position:absolute;right:0;text-align:right;color:#666}