/*!
 * Copyright (c) 2014-present Cliqz GmbH. All rights reserved.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

.dropdown-tabs {
    position: relative;

    .background-placeholder {
        position: absolute;
        top: 0;
        left: 0;
        height: 27px;
        background-color: #DADADA;
        width: 100%;
    }

    label.dropdown-tab, label.dropdown-tab-header  {
        position: relative;
        display: inline-block;
        min-width: 40px;
        text-align: center;
        font-size: 12px;
        padding: 6px 10px;
        margin: 0;
        vertical-align: -moz-middle-with-baseline;
        text-transform: capitalize;
    }

    label.dropdown-tab {
        cursor: pointer;
    }

    .tab-block {
        display: none;
        padding-top: 5px;
    }

    [id^="tab"].checked {
        background: #fff;
    }

    @for $i from 0 through 11 {
        [id="tab-#{$i}"].checked ~ [id="tab-block-#{$i}"]
        {
            display: block;
        }
    }
}
