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

//
// Component: Comment
//
// ========================================================================


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

@comment-header-margin-bottom:                  @global-margin;

@comment-avatar-margin-right:                   @global-margin;

@comment-title-font-size:                       round((@global-font-size * 1.14)); // 16px / 18px
@comment-title-line-height:                     round((@comment-title-font-size * 1.36)); // 22px / 24px

@comment-meta-color:                            @global-muted-color;
@comment-meta-font-size:                        round((@global-font-size * 0.78)); // 11px / 12px
@comment-meta-line-height:                      round((@comment-meta-font-size * 1.49)); // 16px / 18px

@comment-list-margin-top:                       @global-margin;

//
// New
//

@comment-primary-padding:                       @global-margin-large;
@comment-primary-background:                    @global-background;
@comment-primary-border-width:                  1px;
@comment-primary-border:                        @global-border;


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

.hook-comment() {}


// Sub-object `uk-comment-header`
// ========================================================================

.hook-comment-header() {}


// Sub-object `uk-comment-avatar`
// ========================================================================

.hook-comment-avatar() {}


// Sub-object `uk-comment-title`
// ========================================================================

.hook-comment-title() {}


// Sub-object `uk-comment-meta`
// ========================================================================

.hook-comment-meta() {}


// Sub-object `uk-comment-body`
// ========================================================================

.hook-comment-body() {}


// Sub-object `uk-comment-primary`
// ========================================================================

.hook-comment-primary() {
    padding: @comment-primary-padding;
    background: @comment-primary-background;
    border: @comment-primary-border-width solid @comment-primary-border;
}



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

.hook-comment-misc() {}