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


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

@totop-padding:                                 20px;
@totop-color:                                   @global-inverse-color;

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

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

//
// Master
//

@totop-background:                              fade(@global-secondary-background, 60%);
@totop-hover-background:                        fade(@global-secondary-background, 80%);
@totop-active-background:                       fade(@global-secondary-background, 90%);


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

.hook-totop() {}

.hook-totop-hover() {}

.hook-totop-active() {}


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

.hook-icon-misc() {}


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

//
// Master
//

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

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