//
// Component: Totop
//
// ========================================================================


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

@totop-padding:                                 15px;
@totop-color:                                   @global-secondary-background;

@totop-hover-color:                             @global-inverse-color;

@totop-active-color:                            @global-inverse-color;

//
// Master
//

@totop-hover-background:                        @global-primary-background;;
@totop-active-background:                       @global-secondary-background;

@totop-border-width:                            @global-border-width;
@totop-border:                                  @global-secondary-background;


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

.hook-totop() {}

.hook-totop-hover() {}

.hook-totop-active() {}


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

.hook-icon-misc() {}


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

@inverse-totop-color:                           @global-inverse-color;
@inverse-totop-hover-color:                     @inverse-global-inverse-color;
@inverse-totop-active-color:                    @inverse-global-inverse-color;

//
// Master
//

@inverse-totop-hover-background:                @global-inverse-color;
@inverse-totop-active-background:               fade(@global-inverse-color, 80%);

@inverse-totop-border:                          @global-inverse-color;

.hook-inverse-totop() {}
.hook-inverse-totop-hover() {}
.hook-inverse-totop-active() {}