/* stylelint-disable selector-max-type */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: $color-black;
    font-size: 62.5%;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    color: $text-dark;
    font: $font-base;
    font-weight: $font-weight-normal;
    background-color: #ccc;

    > .beekeepers-app {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

main {
    display: flex;
    flex: 1;
}

strong {
    font-weight: $font-weight-bold;
}
/* stylelint-enable selector-max-type */

/* stylelint-disable selector-max-type */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: $color-black;
    font-size: 62.5%;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    color: $text-dark;
    font: $font-base;
    font-weight: $font-weight-normal;
    background-color: #ccc;

    > .beekeepers-app {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

main {
    display: flex;
    flex: 1;
    overflow-y: auto;
}

strong {
    font-weight: $font-weight-bold;
}
/* stylelint-enable selector-max-type */

Fix sidebar scroll on firefox
Fix sidebar scroll on firefox
