framework7/components/tooltip/tooltip.css

Full featured mobile HTML framework for building iOS & Android apps

:root{--f7-tooltip-padding:8px 16px;--f7-tooltip-font-size:14px;--f7-tooltip-font-weight:500;--f7-tooltip-desktop-padding:6px 8px;--f7-tooltip-desktop-font-size:12px}.ios{--f7-tooltip-border-radius:4px;--f7-tooltip-bg-color:#000000de;--f7-tooltip-text-color:#fff}.md{--f7-tooltip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-tooltip-bg-color:var(--f7-md-secondary);--f7-tooltip-text-color:var(--f7-md-on-secondary)}.tooltip{background:var(--f7-tooltip-bg-color);border-radius:var(--f7-tooltip-border-radius);box-sizing:border-box;color:var(--f7-tooltip-text-color);font-size:var(--f7-tooltip-font-size);font-weight:var(--f7-tooltip-font-weight);line-height:1.2;opacity:0;padding:var(--f7-tooltip-padding);position:absolute;transform:scale(.9);transition-duration:.15s;transition-property:opacity,transform;z-index:20000;z-index:99000}.tooltip.tooltip-in{opacity:1;transform:scale(1)}.tooltip.tooltip-out{opacity:0;transform:scale(1)}.device-desktop .tooltip{font-size:var(--f7-tooltip-desktop-font-size);padding:var(--f7-tooltip-desktop-padding)}