// --------------------------------------------------------------------------------------------------------------------
// <copyright file="_taglabels.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>
// --------------------------------------------------------------------------------------------------------------------
$tag-label-border-error: 1px solid lighten($border-red, 10%);
$tag-label-bg: lighten($sky-blue, 5%);

//module Tags & Default Tags Holders
.bcms-single {
    &-tag-holder {
        @include clearfix();
    }

    &-tag {
        @include ellipsis;
        @include transition(background-color 0.1s ease-in-out);
        background-color: $sky-blue;
        border: $border-thin-blue;
        color: $text-blue;
        cursor: default;
        float: left;
        font: {
            size: 12px;
            weight: 600;
        }
        height: 22px;
        line-height: 21px;
        margin: 4px 4px 3px 0;
        max-width: 280px;
        padding: 0 18px 0 6px;
        position: relative;
    }

    &-tag-remove {
        @include size(8px);
        @include positioning($center-y: true);
        background: url($bcms-tag-close) no-repeat center;
        cursor: pointer;
        overflow: hidden;
        right: 4px;
        text-indent: 999em;
    }

    &-tag-active {
        @include animation(duplicateTag 1.5s 3);
    }
}

@include keyframes(duplicateTag) {
    0% {
        background-color: $tag-label-bg;
        border: $border-thin-blue;
    }

    50% {
        background-color: lighten($bg-red, 20%);
        border: $tag-label-border-error;
    }

    100% {
        background-color: $tag-label-bg;
        border: $border-thin-blue;
    }
}
