Viewing File: /home/maglabs/it/app/design/frontend/Magento/luma/Magento_Invitation/web/css/source/_module.less
// /**
// * 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%;
}
}
}
Back to Directory
File Manager