tpl/objects/backdrop.pug


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

mixin backdrop
    -
        let classes = {
            'o-backdrop':   true,
            'u-p-relative': true,
        }
        if (attributes.class) {
            classes[attributes.class] = true;
        }

        let styles = { width: '100%', 'min-height': '5em' }
        if (attributes.maxHeight) {
            styles['max-height'] = '40em';
        }
        if (attributes.pad) {
            styles['padding'] = '2em';
        }

    div(class=classes, style=styles)
        block