// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Accordion
//
// ========================================================================


// Variables
// ========================================================================

@accordion-title-margin-bottom:                 15px;
@accordion-title-padding-vertical:              10px;
@accordion-title-padding-horizontal:            @accordion-title-margin-bottom;
@accordion-title-font-size:                     16px;
@accordion-title-line-height:                   26px;
@accordion-title-background:                    @global-highlight-background;

@accordion-content-padding-horizontal:          @accordion-title-padding-horizontal;
@accordion-content-padding-bottom:              @accordion-title-padding-horizontal;

//
// New
//

@accordion-title-border-radius:                 @global-border-radius;
@accordion-title-text-transform:                @global-text-transform;
@accordion-title-letter-spacing:                @global-letter-spacing;

@accordion-title-hover-background:              lighten(@global-color, 26%);
@accordion-title-hover-color:                   @global-color;

@accordion-title-active-background:             @global-light-background;
@accordion-title-active-color:                  @global-highlight-color;


// Component
// ========================================================================

.hook-accordion() {}


// Modifier: `uk-accordion-title`
// ========================================================================

.hook-accordion-title() {

    border-radius: @accordion-title-border-radius;
    text-transform: @accordion-title-text-transform;
    letter-spacing: @accordion-title-letter-spacing;

    &:hover {
        background: @accordion-title-hover-background;
        color: @accordion-title-hover-color;
    }

    &:active {
        background: @accordion-title-active-background;
        color: @accordion-title-active-color;
    }

}


// Modifier: `uk-accordion-content`
// ========================================================================

.hook-accordion-content() {}


// Miscellaneous
// ========================================================================

.hook-accordion-misc() {}