MailtoUI — Custom modal template

mailtoui_modal.pug

include ../mixins/util

#mailtoui-modal.mailtoui-modal(style="display: none;" aria-hidden="true")
    .mailtoui-modal-content
        .mailtoui-modal-head
            #mailtoui-modal-title.mailtoui-modal-title Send email to…
            a#mailtoui-modal-close.mailtoui-modal-close(title="Close" aria-label="Close" href="#")
                +svg('delete')
        .mailtoui-modal-body
            #mailtoui-copy.mailtoui-copy
                #mailtoui-email-address.mailtoui-email-address
                button#mailtoui-button-copy.mailtoui-button-copy(data-copytargetid="mailtoui-email-address")
                    span#mailtoui-button-icon-copy.mailtoui-button-icon
                    span#mailtoui-button-text-copy.mailtoui-button-text Copy to clipboard
            .mailtoui-clients
                a#mailtoui-button-4.mailtoui-button(href="#")
                    .mailtoui-button-content
                        span#mailtoui-button-icon-4.mailtoui-button-icon: +svg('inbox')
                        span#mailtoui-button-text-4.mailtoui-button-text Open in default email app
                a#mailtoui-button-1.mailtoui-button(href="#")
                    .mailtoui-button-content
                        span#mailtoui-button-icon-1.mailtoui-button-icon: +svg('arrow-ne')
                        span#mailtoui-button-text-1.mailtoui-button-text Open in Gmail.com
                a#mailtoui-button-2.mailtoui-button(href="#")
                    .mailtoui-button-content
                        span#mailtoui-button-icon-2.mailtoui-button-icon: +svg('arrow-ne')
                        span#mailtoui-button-text-2.mailtoui-button-text Open in Outlook.com
                a#mailtoui-button-3.mailtoui-button(href="#")
                    .mailtoui-button-content
                        span#mailtoui-button-icon-3.mailtoui-button-icon: +svg('arrow-ne')
                        span#mailtoui-button-text-3.mailtoui-button-text Open in Yahoo.com