// --------------------------------------------------------------------------------------------------------------------
// <copyright file="_tooltips.scss" company="Devbridge Group LLC">
// 
// Copyright (C) 2015,2016 Devbridge Group LLC
// 
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// 
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
// 
// You should have received a copy of the GNU Lesser General Public License
// along with this program.  If not, see http://www.gnu.org/licenses/. 
// </copyright>
// 
// <summary>
// Better CMS is a publishing focused and developer friendly .NET open source CMS.
// 
// Website: https://www.bettercms.com 
// GitHub: https://github.com/devbridge/bettercms
// Email: info@bettercms.com
// </summary>
// --------------------------------------------------------------------------------------------------------------------
$tooltip-arrows: (
                ('tl', up, -8px null null 11px, -9px null null 10px),
                ('bl', down, null null -8px 11px, null null -9px 10px),
                ('tr', up, -8px 11px null null, -9px 10px null null),
                ('br', down, null 11px -8px null, null 10px -9px null)
);

//module Tooltips
.bcms-tooltip {
    &-mark {
        @include size(15px);
        @include vertical-align();
        background: url($bcms-tooltip-mark) no-repeat center;
        cursor: pointer;
        margin-bottom: 4px;
        position: relative;
        z-index: 1;
    }

    &-holder {
        position: absolute;
    }

    &-box {
        background-color: $white;
        border: $border-thin-smoke;
        box-shadow: $pop-box-shadow;
        padding: 6px 8px;
        position: relative;
        width: 300px;

        p {
            color: $text-dark;
            font: {
                size: 11px;
                weight: 400;
            }
            line-height: 19px;
            margin: 0;
            padding: 0;
        }
    }
}

@each $name, $position, $triangle, $triangle-border in $tooltip-arrows {
    .bcms-tooltip-#{$name} {
        @include virtual(after) {
            @include position(absolute, $triangle);
            @include triangle(16px, $white, $position);
        }

        @include virtual(before) {
            @include position(absolute, $triangle-border);
            @include triangle(18px, $gray-smoke, $position);
        }
    }
}
