%PDF- %PDF-
Direktori : /home/jalalj2hb/public_html/ftm-admin/bower_components/uikit/less/components/ |
Current File : /home/jalalj2hb/public_html/ftm-admin/bower_components/uikit/less/components/accordion.less |
// Name: Accordion // Description: Defines styles for the accordion // // Component: `uk-accordion` // // Sub-objects: `uk-accordion-title` // `uk-accordion-content` // // Markup: // // <!-- uk-accordion --> // <div class="uk-accordion" data-uk-accordion> // <h3 class="uk-accordion-title"></h3> // <div class="uk-accordion-content"> // <p></p> // </div> // </div> // // ======================================================================== // Variables // ======================================================================== @accordion-title-margin-bottom: 15px; @accordion-title-padding-vertical: 5px; @accordion-title-padding-horizontal: 15px; @accordion-title-font-size: 18px; @accordion-title-line-height: 24px; @accordion-title-background: #eee; @accordion-content-padding-horizontal: @accordion-title-padding-horizontal; @accordion-content-padding-bottom: @accordion-title-padding-horizontal; /* ======================================================================== Component: Accordion ========================================================================== */ .uk-accordion { .hook-accordion; } /* Sub-object: `uk-accordion-title` ========================================================================== */ .uk-accordion-title { margin-top: 0; margin-bottom: @accordion-title-margin-bottom; padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal; background: @accordion-title-background; font-size: @accordion-title-font-size; line-height: @accordion-title-line-height; cursor: pointer; .hook-accordion-title; } /* Sub-object: `uk-accordion-content` ========================================================================== */ .uk-accordion-content { padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal; .hook-accordion-content; } /* * Micro clearfix to make panels more robust */ .uk-accordion-content:before, .uk-accordion-content:after { content: ""; display: table; } .uk-accordion-content:after { clear: both; } /* * Remove margin from the last-child */ .uk-accordion-content > :last-child { margin-bottom: 0; } // Hooks // ======================================================================== .hook-accordion-misc; .hook-accordion() {} .hook-accordion-title() {} .hook-accordion-content() {} .hook-accordion-misc() {}