//
// Component: Article
//
// ========================================================================


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

@article-margin-top:                            60px;

@article-title-font-size:                       30px;
@article-title-line-height:                     40px;
@article-title-text-transform:					none;

@article-meta-font-size:                        @global-font-size;
@article-meta-line-height:                      30px;
@article-meta-color:                            #6987ab;

@article-lead-color:                            @global-color;
@article-lead-font-size:                        round((@global-font-size * 1.25));
@article-lead-font-weight:						300;
@article-lead-line-height:                      @base-h2-line-height;

@article-divider-margin:                        @global-margin-large;
@article-divider-border:                        @global-border;

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

.hook-article-title() {
    line-height: @article-title-line-height;
    font-size: @article-title-font-size;
    font-weight: @global-heading-font-weight;
    transition: @global-transition-color;
}


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

.hook-article-meta() {
    line-height: @global-line-height;
    margin: 0;
    font-weight: @global-bold-font-weight;

    a:not([class*='uk-icon-']) {
        transition: @global-transition;
        color: @global-link-color;

        &:hover {
            color: @global-link-hover-color;
            transition: @global-transition;
            text-decoration: none;
        }

        &:hover:after {
            background-color: @global-link-color !important;
        }
    }

    + div {
        margin-top: 15px;
        margin-bottom: 10px;
        clear: both;
    }
}


// Sub-object `uk-article-lead`
// ========================================================================

.hook-article-lead() {}


// Sub-object `uk-article-divider`
// ========================================================================

.hook-article-divider() {}


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

.hook-article-misc() {

    .uk-article-title + .uk-article-meta {
        margin-top: -20px;
    }
}