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_SendFriend/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.send.friend {
        &:extend(.abs-add-fields all);
        
        .fieldset {
            .field {
                .control {
                    width: 100%;
                }  
            }
        } 
    }

    .product-social-links .action.mailto.friend {
        &:extend(.abs-actions-addto all);
        .lib-icon-font-symbol(
            @_icon-font-content: @icon-envelope,
            @_icon-font-position: before
        );
    }
}

//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .form.send.friend {
        width: 60%;

        &:extend(.abs-add-fields-desktop all);
        &:extend(.abs-form-field-column-2 all);

        .fieldset {
            .field {
                width: 45%;
            }

            .field.text {
                //  &:extend(.abs-form-field-revert-column-1 all);
                width: 90%;
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 
    .form.send.friend {
        .fieldset {
            padding-bottom: @indent__xs;
        } 
        
        .action {
            &.remove {
                margin-left: 0;
                right: 0;
                top: 100%;
            }
        }
    }
}