%PDF- %PDF-
Direktori : /home/jalalj2hb/public_html/ftm-admin/bower_components/uikit/scss/core/ |
Current File : /home/jalalj2hb/public_html/ftm-admin/bower_components/uikit/scss/core/article.scss |
// Name: Article // Description: Defines styles for articles within your page // // Component: `uk-article` // // Sub-objects: `uk-article-title` // `uk-article-meta` // `uk-article-lead` // `uk-article-divider` // // Markup: // // <!-- uk-article --> // <div class="uk-article"> // <h1 class="uk-article-title"></h1> // <p class="uk-article-meta"></p> // <p class="uk-article-lead"></p> // <p></p> // <hr class="uk-article-divider"> // <p></p> // </div> // // ======================================================================== // Variables // ======================================================================== $article-margin-top: 25px !default; $article-title-font-size: 36px !default; $article-title-line-height: 42px !default; $article-title-font-weight: normal !default; $article-title-text-transform: none !default; $article-meta-font-size: 12px !default; $article-meta-line-height: 18px !default; $article-meta-color: #999 !default; $article-lead-color: #444 !default; $article-lead-font-size: 18px !default; $article-lead-line-height: 24px !default; $article-lead-font-weight: normal !default; $article-divider-margin: 25px !default; $article-divider-border: #ddd !default; /* ======================================================================== Component: Article ========================================================================== */ /* * Micro clearfix to make articles more robust */ .uk-article:before, .uk-article:after { content: ""; display: table; } .uk-article:after { clear: both; } /* * Remove margin from the last-child */ .uk-article > :last-child { margin-bottom: 0; } /* * Vertical gutter for articles */ .uk-article + .uk-article { margin-top: $article-margin-top; } /* Sub-object `uk-article-title` ========================================================================== */ .uk-article-title { font-size: $article-title-font-size; line-height: $article-title-line-height; font-weight: $article-title-font-weight; text-transform: $article-title-text-transform; @include hook-article-title(); } .uk-article-title a { color: inherit; text-decoration: none; } /* Sub-object `uk-article-meta` ========================================================================== */ .uk-article-meta { font-size: $article-meta-font-size; line-height: $article-meta-line-height; color: $article-meta-color; @include hook-article-meta(); } /* Sub-object `uk-article-lead` ========================================================================== */ .uk-article-lead { color: $article-lead-color; font-size: $article-lead-font-size; line-height: $article-lead-line-height; font-weight: $article-lead-font-weight; @include hook-article-lead(); } /* Sub-object `uk-article-divider` ========================================================================== */ .uk-article-divider { margin-bottom: $article-divider-margin; border-color: $article-divider-border; @include hook-article-divider(); } * + .uk-article-divider { margin-top: $article-divider-margin; } // Hooks // ======================================================================== @include hook-article-misc(); // @mixin hook-article-title(){} // @mixin hook-article-meta(){} // @mixin hook-article-lead(){} // @mixin hook-article-divider(){} // @mixin hook-article-misc(){}