Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/vendor/magento/theme-frontend-luma/Magento_Invitation/web/css/source/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Common
//  _____________________________________________

& when (@media-common = true) {

    .form-add-invitations {
        &:extend(.abs-add-fields all);

        .fields {
            .label {
                &:extend(.abs-visually-hidden all);
            }
        }

        .additional,
        .field.message {
            .lib-css(margin-top, @form-field__vertical-indent);
        }

        .action {
            &.remove {
                top: 4px;
            }

            &.add {
                .lib-button-icon(
                    @_icon-font-content: @icon-expand,
                    @_icon-font-text-hide: true,
                    @_icon-font-size: 18px
                );
                line-height: normal;
                padding: 4px;
                width: auto;
            }
        }
    }
}

//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .form-add-invitations {
        .action {
            &.remove {
                .lib-button-icon(
                    @_icon-font-content: @icon-trash,
                    @_icon-font-text-hide: true,
                    @_icon-font-size: 18px,
                    @_icon-font-color: @minicart-icons-color
                );
            }
        }
    }
}

//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
    .form-add-invitations {
        &:extend(.abs-add-fields-desktop all);
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .table-invitations {
        .col {
            width: 50%;
        }
    }
}