Your IP : 216.73.216.240

Current Path : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/
Upload File :
Current File : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/comment.less

// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

//
// 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
@comment-title-line-height:                     round((@comment-title-font-size * 1.37)); // 22px

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

@comment-list-margin-top:                       @global-margin + 10px;

//
// New
//

@comment-header-padding:                        10px;
@comment-header-border:                         @global-border;
@comment-header-background:                     @global-light-background;

@comment-primary-header-border:                 fade(@global-default-background, 20%);
@comment-primary-header-background:             fade(@global-default-background, 10%);


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

.hook-comment() {
    border-radius: @global-border-radius;
}


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

.hook-comment-header() {
    padding: @comment-header-padding;
    border: 1px solid @comment-header-border;
    background: @comment-header-background;
    border-radius: @global-border-radius;
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.05);
}


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

.hook-comment-avatar() {
    border: 1px solid @global-border;
    padding: 3px;
    background-color: @global-background;
}


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

.hook-comment-title() {}


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

.hook-comment-meta() {}


// Modifier `uk-comment-primary`
// ========================================================================

.hook-comment-primary() {

    .uk-comment-header {
        background: @comment-primary-header-background;
        border-color: @comment-primary-header-border;
    }

}


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

.hook-comment-body() {}


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

.hook-comment-misc() {

    /* Sub-object `uk-comment-body` */
    .uk-comment-body {
        padding-right: @comment-header-padding;
        padding-left: @comment-header-padding;
    }

}