//
// Component: Thumbnav
//
// ========================================================================


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

//
// Master
//

@thumbnav-item-background:                      transparent;

@thumbnav-item-border-width:                    3px;
@thumbnav-item-hover-border:                    @global-color;
@thumbnav-item-active-border:                   @global-color;


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

.hook-thumbnav() {}

.hook-thumbnav-item() {}

.hook-thumbnav-item-hover() {}

.hook-thumbnav-item-active() {}


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

.hook-thumbnav-misc() {}


// Inverse
// ========================================================================

@inverse-thumbnav-item-background:                      transparent;

@inverse-thumbnav-item-hover-border:                    @global-inverse-color;
@inverse-thumbnav-item-active-border:                   @global-inverse-color;

.hook-inverse-thumbnav-item() {}
.hook-inverse-thumbnav-item-hover() {}
.hook-inverse-thumbnav-item-active() {}