/**
 * Layout Aside
 */

.layout-aside {
    transition: all 0.2s;
    position: relative;
    width: var(--layout-aside--width, 320px);
    flex: 0 0 var(--layout-aside--width, 320px);

    /* Fix firefox can't set width smaller than content on flex item */
    min-width: 0;

    &-children {
        height: 100%;

        // Hack for fixing margin collapse bug
        // https://github.com/ant-design/ant-design/issues/7967
        // solution from https://stackoverflow.com/a/33132624/3040605
        padding-top: 0.1px;
        margin-top: -0.1px;
    }

    &.-right {
        order: 1;
    }
}