/*
 * Copyright (c) 2023 Nordic Semiconductor ASA
 *
 * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
 */

$margin: 8px; //px unit dependency in dropdown.tsx

:export {
    margin: $margin;
}

.masonryLayoutOut {
    overflow-x: hidden;

    .masonryLayout {
        display: flex;
        flex-flow: column wrap;
        align-content: stretch;
        height: fit-content;
        width: calc(100% + $margin);
        position: relative;
        right: 4px;
        overflow: hidden;

        > div {
            border-bottom: $margin solid transparent;
            border-left: calc($margin / 2) solid transparent;
            border-right: calc($margin / 2) solid transparent;
            border-color: transparent;
            background-clip: padding-box;
        }

        > div[data-filler='true'] {
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }

        > div[data-hidden='true'] {
            border-bottom: 0 !important;
            border-left: 0 !important;
            border-right: 0 !important;
        }
    }
}