Sha256: 04d99f0cad4df728952735bec11f172ded6a9384576247b0dec4373a61dfb0b3

Contents?: true

Size: 1.5 KB

Versions: 7

Compression:

Stored size: 1.5 KB

Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

.#{$vendor-prefix}popover {
    position: absolute;
    top: 0;
    left: 0;
    margin: $margin;
    padding: 0;
    border: 0;
    z-index: 500;
    max-width: 300px;
    visibility: hidden;
    background: $gray;

    &.center-left .#{$vendor-prefix}popover-arrow,
    &.center-right .#{$vendor-prefix}popover-arrow {
        top: 50%;
        margin-top: -8px;
    }

    &.center-left .#{$vendor-prefix}popover-arrow {
        border-left-color: $gray;
        right: -16px;
    }

    &.center-right .#{$vendor-prefix}popover-arrow {
        border-right-color: $gray;
        left: -16px;
    }

    &.top-center .#{$vendor-prefix}popover-arrow,
    &.bottom-center .#{$vendor-prefix}popover-arrow {
        left: 50%;
        margin-left: -8px;
    }

    &.top-center .#{$vendor-prefix}popover-arrow {
        border-top-color: $gray;
        bottom: -16px;
    }

    &.bottom-center .#{$vendor-prefix}popover-arrow {
        border-bottom-color: $gray;
        top: -16px;
    }
}

.#{$vendor-prefix}popover-head,
.#{$vendor-prefix}popover-body {
    padding: $small-padding;
}

.#{$vendor-prefix}popover-arrow {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;

    &:after {
        content: "";
        border: 6px solid transparent;
        position: absolute;
        top: -6px;
        left: -6px;
    }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
titon-toolkit-1.1.0 scss/toolkit/components/popover.scss
titon-toolkit-1.1.0.rc.2 scss/toolkit/components/popover.scss
titon-toolkit-1.1.0.rc.1 scss/toolkit/components/popover.scss
titon-toolkit-1.0.5 scss/toolkit/components/popover.scss
titon-toolkit-1.0.4 scss/toolkit/components/popover.scss
titon-toolkit-1.0.2 scss/toolkit/components/popover.scss
titon-toolkit-1.0.1 scss/toolkit/components/popover.scss