admin-ui/src/bundle/Resources/public/scss/_custom-url-form.scss at 077e47c6216526d8d0c44a809168946ba8814cf7 · ibexa/admin-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
@use '@ibexa-admin-ui/src/bundle/Resources/public/scss/custom.scss' as *;
@use '@ibexa-admin-ui/src/bundle/Resources/public/scss/functions/calculate.rem' as *;

.ibexa-custom-url-from {
    &__item {
        margin-bottom: calculateRem(24px);

        &:first-child {
            .ibexa-label {
                margin-top: 0;
            }
        }

        .ibexa-dropdown,
        .ibexa-input-text-wrapper {
            width: calculateRem(352px);
        }
    }

    &__info-text {
        font-size: $ibexa-text-font-size-small;
        color: $ibexa-color-dark-400;
        margin-top: calculateRem(6px);

        &--checked {
            display: none;

            .ids-toggle--checked + & {
                display: block;
            }
        }

        &--unchecked {
            .ids-toggle--checked + .ibexa-custom-url-from__info-text--checked + & {
                display: none;
            }
        }

        .ibexa-icon {
            fill: currentColor;
            margin-top: calculateRem(-3px);
        }
    }

    &__helper-text {
        width: calc(100% - calculateRem(16px));
    }
}