@coveord/plasma-mantine/dist/esm/styles/Modal.module.css

A Plasma flavoured Mantine theme

.root {
    &[data-full-screen] {
        .content {
            flex: 0 0 100%;
        }
    }

    &[data-size='xs'] {
        .content {
            flex: 0 0 rem(432px);
        }
    }

    &[data-size='sm'] {
        .content {
            flex: 0 0 rem(664px);
        }
    }

    &[data-size='md'] {
        .content {
            flex: 0 0 rem(896px);
        }
    }

    &[data-size='lg'] {
        .content {
            flex: 0 0 rem(1120px);
        }
    }

    &[data-size='xl'] {
        .content {
            flex: 0 0 rem(88%);
        }
    }

    &:not([data-size]) {
        .content {
            flex: 0 0 rem(896px);
        }
    }
}

.content {
    overflow: auto;
}

.header {
    border-bottom: 1px solid var(--mantine-color-gray-3);
    align-items: flex-start;
}

.title {
    width: 100%;
    font-size: var(--mantine-h3-font-size);
    line-height: var(--mantine-h3-line-height);
    font-weight: 500;
}

.body {
    &:where(:not(:only-child)) {
        padding-top: var(--mb-padding, var(--mantine-spacing-md));
    }
}