/* ------------------------------------------------------------------------------
*
*  # Fixed Header extension
*
*  This extension lets your users quickly determine what each column refers to
*  rather than needing to scroll back to the top of the table.
*
*  Version: 1.0
*  Latest update: Nov 9, 2015
*
* ---------------------------------------------------------------------------- */


// Headers
.fixedHeader-floating,
.fixedHeader-locked {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

// Floating header
.fixedHeader-floating {
    position: fixed;

    // Remove top border if multiple tables
    .fixedHeader-floating + &,
    .fixedHeader-locked + & {
        border-top: 0!important;
    }

    // Hide on mobile
    @media(max-width: @screen-xs-max) {
        display: none;
    }
}

// Locked header
.fixedHeader-locked {
    position: absolute;

    // Hide on mobile
    @media(max-width: @screen-xs-max) {
        display: none;
    }
}

// Hide headers on print
@media print {
    table.fixedHeader-floating {
        display: none;
    }
}
