@uva-glass/component-library
Version:
React components UvA
2 lines (1 loc) • 1.43 kB
CSS
._tooltip-container_g4g5w_1{align-items:flex-end;cursor:help;display:flex;position:relative}._tooltip_small_g4g5w_8,._tooltip_medium_g4g5w_9,._tooltip_large_g4g5w_10{background-color:var(--color-scarpa-flow);border-radius:.5rem;color:var(--color-white);font-weight:400;padding:.5rem;position:fixed;text-align:center;transform:translate(-50%,-50%);white-space:normal;z-index:10}._tooltip_small_g4g5w_8{height:4rem;width:14.5rem}._tooltip_medium_g4g5w_9{height:5.5rem;width:20rem}._tooltip_large_g4g5w_10{height:5.5rem;width:24.5rem}._tooltip_small_g4g5w_8:before,._tooltip_medium_g4g5w_9:before,._tooltip_large_g4g5w_10:before{border:.5rem solid transparent;border-top-color:var(--color-scarpa-flow);content:"";height:0;position:absolute;width:0}._tooltip_small_g4g5w_8:before{right:1rem;top:4rem}._tooltip_medium_g4g5w_9:before{right:3rem;top:5.5rem}._tooltip_large_g4g5w_10:before{right:4rem;top:5.5rem}._tooltip_under-trigger_g4g5w_64{background-color:var(--color-scarpa-flow);border-radius:.5rem;color:var(--color-white);font-weight:400;max-width:calc(100vw - 2rem);padding:.25rem 1rem;position:fixed;right:1rem;top:3.5rem}._tooltip_under-trigger_g4g5w_64:before{border-bottom:.5rem solid var(--color-scarpa-flow);border-left:.5rem solid transparent;border-right:.5rem solid transparent;content:"";height:0;position:absolute;right:3.5rem;top:-.5rem;width:0}@media (min-width: 50rem){._tooltip_under-trigger_g4g5w_64{right:.5rem}}