Contents

.uniformTooltip{
    position:relative;
    .uniformTooltip-popup{
        position: absolute;
        background: white;
        transition: opacity 0.2s, bottom 0.2s;
        border: 1px solid $gray-light;
        padding: 0.5em;
        opacity: 0;
        bottom: 0;
        left: -1.5em;
        margin: 0.5em;
        z-index: -1;
        color: $gray;
        font-size:0.8em;
        border-radius: 0.25em;
        max-width: 30vw;
        p:last-child{
            margin-bottom: 0;
        }
        &.active{
            z-index: 2;
            bottom: 100%;
            opacity: 1;
        }
        .uniformTooltip-pointer{
            position:absolute;
            top: 100%;
            left: 1em;
            width: 1em;
            height: 1em;
            overflow: hidden;
            &:after{
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: white;
                transform: rotate(-45deg);
                top: -85%;
                left: 0;
                border: 1px solid $gray-light;
            }
        }
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
uniform-ui-1.0	vendor/assets/stylesheets/uniform/components/tooltip.scss