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

//
// Component: Block
//
// ========================================================================


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

@block-default-background:                      @global-background;
@block-muted-background:                        @global-light-background;
@block-primary-background:                      @global-primary-background;
@block-secondary-background:                    darken(@global-primary-background, 8%);

@block-padding-vertical:                        30px;
@block-padding-vertical-large:                  50px;
@block-large-padding-vertical-large:            100px;

@block-padding-vertical:                        30px;
@block-padding-vertical-large:                  50px;
@block-large-padding-vertical-large:            100px;

//
// New
//

@block-muted-panel-box-background:            	@global-contrast-color;
@block-primary-panel-box-background:          	@global-contrast-color;
@block-secondary-panel-box-background:        	@global-contrast-color;


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

.hook-block() {}


// Color modifier
// ========================================================================

.hook-block-default() {}

.hook-block-muted() {

    .uk-panel-box:not(.uk-panel-box-primary),
    .uk-panel-box-secondary { background-color: @block-muted-panel-box-background; }

}

.hook-block-primary() {

    .uk-panel-box:not(.uk-panel-box-primary),
    .uk-panel-box-secondary { background-color: @block-primary-panel-box-background; }

}

.hook-block-secondary() {

    .uk-panel-box:not(.uk-panel-box-primary),
    .uk-panel-box-secondary { background-color: @block-secondary-panel-box-background; }

}


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

.hook-block-misc() {

    //
    // Adjust padding between equal colored blocks
    //

    .uk-block-default + .uk-block-default,
    .uk-block-muted + .uk-block-muted,
    .uk-block-primary + .uk-block-primary,
    .uk-block-secondary + .uk-block-secondary { padding-top: 0; }

}