// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ // // Component: Slidenav // // ======================================================================== // Variables // ======================================================================== @slidenav-width: 50px; @slidenav-height: @slidenav-width; @slidenav-color: @global-color; @slidenav-font-size: round(@slidenav-width / 1.5); @slidenav-line-height: (@slidenav-height - 2px); @slidenav-previous-icon: "\f104"; @slidenav-next-icon: "\f105"; @slidenav-hover-color: rgba(50,50,50,0.7); @slidenav-active-color: rgba(50,50,50,0.9); // // New // @slidenav-background: @global-light-background; @slidenav-border-radius: 50%; @slidenav-contrast-background: rgba(255,255,255,0); @slidenav-icon-offset: 7%; // Component // ======================================================================== .hook-slidenav() { background: @slidenav-background; border-radius: @slidenav-border-radius; } .hook-slidenav-hover() {} .hook-slidenav-active() {} .hook-slidenav-contrast() { background: @slidenav-contrast-background; } .hook-slidenav-contrast-hover() {} .hook-slidenav-contrast-active() {} // Miscellaneous // ======================================================================== .hook-slidenav-misc() { .uk-slidenav-previous::before { margin-left: -@slidenav-icon-offset; } .uk-slidenav-next::before { margin-right: -@slidenav-icon-offset; } }