├── .github └── workflows │ └── sansec-ecomscan.yml ├── .gitignore ├── CHANGELOG.md ├── CODEOWNERS ├── LICENSE ├── Magento_AdminNotification ├── layout │ └── default.xml └── web │ └── css │ └── source │ └── _extend.less ├── Magento_AdvancedCheckout └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Analytics └── web │ └── css │ └── source │ └── _extend.less ├── Magento_AsynchronousOperations └── web │ ├── css │ └── source │ │ └── _extend.less │ └── template │ └── grid │ └── listing.html ├── Magento_Backend ├── layout │ └── admin_login.xml └── web │ └── css │ └── source │ ├── _extend.less │ └── extend │ ├── _footer.less │ ├── _header.less │ ├── _main.less │ ├── _menu.less │ ├── header │ ├── _actions-group.less │ ├── _headings-group.less │ └── actions-group │ │ ├── _notifications.less │ │ ├── _search.less │ │ └── _user.less │ ├── main │ ├── _actions-bar.less │ ├── _collapsible-blocks.less │ ├── _page-nav.less │ ├── _store-scope.less │ └── actions-bar │ │ └── _store-switcher.less │ └── pages │ ├── _cache-management.less │ ├── _dashboard.less │ └── _login.less ├── Magento_Backup └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Bundle └── web │ └── css │ └── source │ └── _extend.less ├── Magento_CardinalCommerce └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Catalog └── web │ └── css │ └── source │ ├── _extend.less │ └── extend │ └── _attribute.less ├── Magento_CatalogRule └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Config └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ConfigurableProduct └── web │ └── css │ └── source │ ├── _extend.less │ └── extend │ ├── components │ ├── _currency-addon.less │ ├── _navigation-bar.less │ └── _steps-wizard.less │ └── steps │ ├── _attribute-values.less │ └── _bulk-images.less ├── Magento_CurrencySymbol └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Customer └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Directory └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Email ├── layout │ └── adminhtml_email_template_preview.xml └── web │ └── css │ ├── email-template-preview.css │ └── source │ └── _extend.less ├── Magento_EncryptionKey └── web │ └── css │ └── source │ └── _extend.less ├── Magento_GoogleGtag └── web │ └── css │ └── source │ └── _extend.less ├── Magento_GroupedProduct └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ImportExport └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Indexer └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Integration └── web │ └── css │ └── source │ └── _extend.less ├── Magento_InventorySalesAdminUi └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Marketplace └── web │ └── css │ └── source │ └── _extend.less ├── Magento_MediaGalleryUi └── web │ ├── css │ └── source │ │ └── _extend.less │ └── images │ └── sort.svg ├── Magento_MediaStorage └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Newsletter └── web │ └── css │ └── source │ └── _extend.less ├── Magento_OpenSearch └── web │ └── css │ └── source │ └── _extend.less ├── Magento_PageBuilder └── web │ ├── css │ ├── images │ │ ├── cms-empty-row.svg │ │ ├── content-type │ │ │ ├── banner │ │ │ │ └── appearance │ │ │ │ │ ├── collage-center.svg │ │ │ │ │ ├── collage-left.svg │ │ │ │ │ ├── collage-right.svg │ │ │ │ │ └── poster.svg │ │ │ ├── buttons │ │ │ │ └── appearance │ │ │ │ │ ├── inline.svg │ │ │ │ │ └── stacked.svg │ │ │ ├── column │ │ │ │ └── appearance │ │ │ │ │ ├── bottom.svg │ │ │ │ │ ├── full.svg │ │ │ │ │ ├── middle.svg │ │ │ │ │ └── top.svg │ │ │ ├── image │ │ │ │ └── appearance │ │ │ │ │ └── full.svg │ │ │ ├── products │ │ │ │ └── appearance │ │ │ │ │ ├── carousel.svg │ │ │ │ │ └── grid.svg │ │ │ ├── row │ │ │ │ └── appearance │ │ │ │ │ ├── contained.svg │ │ │ │ │ ├── full-bleed.svg │ │ │ │ │ └── full-width.svg │ │ │ └── slide │ │ │ │ └── appearance │ │ │ │ ├── collage-center.svg │ │ │ │ ├── collage-left.svg │ │ │ │ ├── collage-right.svg │ │ │ │ └── poster.svg │ │ ├── form │ │ │ └── element │ │ │ │ └── visual-select │ │ │ │ ├── alignment │ │ │ │ ├── center.svg │ │ │ │ ├── left.svg │ │ │ │ └── right.svg │ │ │ │ ├── background-size │ │ │ │ ├── auto.svg │ │ │ │ ├── contain.svg │ │ │ │ └── cover.svg │ │ │ │ ├── background-type │ │ │ │ ├── image.svg │ │ │ │ └── video.svg │ │ │ │ └── vertical-align │ │ │ │ ├── bottom.svg │ │ │ │ ├── center.svg │ │ │ │ └── top.svg │ │ └── switcher │ │ │ ├── switcher-desktop.svg │ │ │ └── switcher-mobile.svg │ └── source │ │ ├── _extend.less │ │ └── extend │ │ ├── _buttons.less │ │ ├── _config.less │ │ ├── _drag-drop.less │ │ ├── _icons.less │ │ ├── _page-builder.less │ │ ├── _panel.less │ │ ├── _system.less │ │ ├── _template-manager.less │ │ ├── _toolbar.less │ │ ├── _var.less │ │ ├── content-type │ │ ├── _import.less │ │ ├── _preview.less │ │ ├── block │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── buttons │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── column-group │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── column-line │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── column │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── divider │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── html │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── image │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── products │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── row │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── slider │ │ │ ├── _default.less │ │ │ └── _import.less │ │ ├── text │ │ │ ├── _default.less │ │ │ └── _import.less │ │ └── video │ │ │ ├── _default.less │ │ │ └── _import.less │ │ └── form │ │ ├── _import.less │ │ └── element │ │ ├── _import.less │ │ ├── _margins-and-padding.less │ │ ├── _visual-select.less │ │ └── uploader │ │ └── preview │ │ └── _image.less │ └── fonts │ └── pagebuilder-icons │ ├── pagebuilder-icons.eot │ ├── pagebuilder-icons.svg │ ├── pagebuilder-icons.ttf │ ├── pagebuilder-icons.woff │ ├── pagebuilder-icons.woff2 │ └── selection.json ├── Magento_Paypal └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ProductAlert └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ProductVideo └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ReCaptchaAdminUi └── web │ └── css │ └── source │ └── _extend.less ├── Magento_ReleaseNotification └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Review └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Sales └── web │ └── css │ └── source │ ├── _extend.less │ └── extend │ ├── _edit-order.less │ ├── _invoice.less │ ├── _order.less │ └── order │ ├── _address.less │ ├── _info.less │ ├── _items.less │ ├── _order-account.less │ ├── _order-comments.less │ └── _sidebar.less ├── Magento_SalesRule └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Search └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Sitemap └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Swatches └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Tax └── web │ └── css │ └── source │ └── _extend.less ├── Magento_Ui └── web │ └── css │ └── source │ ├── _extend.less │ └── extend │ ├── _data-grid.less │ ├── _modals.less │ └── data-grid │ ├── _data-grid-header.less │ ├── _data-grid-static.less │ └── data-grid-header │ ├── _data-grid-action-bookmarks.less │ ├── _data-grid-action-columns.less │ ├── _data-grid-action-export.less │ ├── _data-grid-filters.less │ ├── _data-grid-pager.less │ └── _data-grid-sticky-header.less ├── Magento_UrlRewrite └── web │ └── css │ └── source │ └── _extend.less ├── Magento_User └── web │ └── css │ └── source │ └── _extend.less ├── README.md ├── composer.json ├── docs └── m137-cover.png ├── i18n └── en_US.csv ├── registration.php ├── theme.xml └── web ├── css ├── extend.less └── source │ ├── _expand.less │ ├── _extend.less │ ├── _module.less │ ├── _theme.less │ ├── expand │ ├── _actions.less │ ├── _components.less │ ├── _forms.less │ ├── _modules.less │ ├── _tables.less │ ├── _variables.less │ ├── components │ │ ├── _calendar-temp.less │ │ ├── _media-gallery.less │ │ └── _messages.less │ ├── forms │ │ ├── _fields.less │ │ └── fields │ │ │ └── _control-table.less │ ├── modules │ │ ├── _admin-notification.less │ │ └── _backend.less │ └── variables │ │ ├── _actions.less │ │ ├── _forms.less │ │ ├── _icons.less │ │ ├── _spinner.less │ │ └── _structure.less │ └── extend │ ├── _actions.less │ ├── _components.less │ ├── _extends.less │ ├── _forms.less │ ├── _grid.less │ ├── _modules.less │ ├── _reset.less │ ├── _structure.less │ ├── _styles-old.less │ ├── _tables.less │ ├── _tabs.less │ ├── _typography.less │ ├── _utilities.less │ ├── _variables.less │ ├── actions │ ├── _actions-dropdown.less │ ├── _actions-multiselect.less │ ├── _actions-select.less │ ├── _actions-split.less │ └── _actions-switcher.less │ ├── components │ ├── _calendar-temp.less │ ├── _color-picker.less │ ├── _file-uploader.less │ ├── _image-uploader.less │ ├── _media-gallery.less │ ├── _messages.less │ ├── _modals_extend.less │ ├── _popups.less │ ├── _rules-temp.less │ ├── _spinner.less │ └── _url_input.less │ ├── extjs │ ├── _ext-all.less │ └── _ytheme-magento.less │ ├── forms │ ├── _controls.less │ ├── _fields.less │ ├── _form-wysiwyg.less │ ├── _temp.less │ ├── controls │ │ └── _checkbox-radio.less │ └── fields │ │ ├── _control-collapsible.less │ │ ├── _control-table.less │ │ ├── _field-reset.less │ │ └── _field-tooltips.less │ ├── jquery │ ├── _colorpicker.less │ ├── _jquery-multiselect.less │ └── _jstree.less │ ├── modules │ └── _reports-report-statistics.less │ ├── mui │ └── styles │ │ ├── _abstract.less │ │ ├── _table.less │ │ └── _vars.less │ ├── utilities │ ├── _actions.less │ └── _spinner.less │ └── variables │ ├── _actions.less │ ├── _animations.less │ ├── _colors.less │ ├── _components.less │ ├── _data-grid.less │ ├── _dropdowns.less │ ├── _fields.less │ ├── _forms.less │ ├── _spinner.less │ ├── _structure.less │ └── _typography.less ├── fonts ├── admin-icons │ ├── admin-icons.eot │ ├── admin-icons.svg │ ├── admin-icons.ttf │ ├── admin-icons.woff │ ├── admin-icons.woff2 │ └── selection.json └── inter │ ├── black │ ├── inter-900.woff │ └── inter-900.woff2 │ ├── bold │ ├── inter-700.woff │ └── inter-700.woff2 │ ├── extrabold │ ├── inter-800.woff │ └── inter-800.woff2 │ ├── extralight │ ├── inter-200.woff │ └── inter-200.woff2 │ ├── light │ ├── inter-300.woff │ └── inter-300.woff2 │ ├── medium │ ├── inter-500.woff │ └── inter-500.woff2 │ ├── regular │ ├── inter-400.woff │ └── inter-400.woff2 │ ├── semibold │ ├── inter-600.woff │ └── inter-600.woff2 │ └── thin │ ├── inter-100.woff │ └── inter-100.woff2 ├── images ├── ajax-loader-small.gif ├── arrow-down.svg ├── arrow-up.svg ├── arrows-bg.svg ├── attributes.svg ├── check.svg ├── condition.svg ├── error.svg ├── folder-disabled.svg ├── folder-fill-disabled.svg ├── folder-fill-open-disabled.svg ├── folder-fill-open.svg ├── folder-fill.svg ├── folder-open-disabled.svg ├── folder-open.svg ├── folder.svg ├── loader-1.gif ├── loader-2.gif ├── logo.svg ├── mage-os-icon.svg ├── mage-os-logo.svg ├── process_spinner.gif ├── rating-bg.svg └── system-attributes.svg └── jquery └── colorpicker └── images ├── colorpicker_background.png ├── colorpicker_hex.png ├── colorpicker_hsb_b.png ├── colorpicker_hsb_h.png ├── colorpicker_hsb_s.png ├── colorpicker_indic.png ├── colorpicker_rgb_b.png ├── colorpicker_rgb_g.png ├── colorpicker_rgb_r.png └── colorpicker_submit.png /.github/workflows/sansec-ecomscan.yml: -------------------------------------------------------------------------------- 1 | name: Sansec eComscan Security Scan 2 | 3 | on: 4 | push: 5 | pull_request_target: 6 | workflow_dispatch: 7 | 8 | jobs: 9 | run-ecomscan: 10 | # Skip if it's a push event on a PR (it can't access secrets) 11 | if: github.event.pull_request == null || github.event_name != 'push' 12 | name: Run Sansec eComscan 13 | runs-on: ubuntu-latest 14 | permissions: 15 | contents: read 16 | pull-requests: read 17 | 18 | steps: 19 | - name: Checkout repository 20 | uses: actions/checkout@v5 21 | with: 22 | ref: ${{ github.event.pull_request.head.sha }} 23 | persist-credentials: false 24 | 25 | - name: Download eComscan 26 | run: wget https://ecomscan.com/downloads/linux-amd64/ecomscan 27 | 28 | - name: Fix permissions 29 | run: chmod +x ecomscan 30 | 31 | - name: Run eComscan 32 | env: 33 | ECOMSCAN_KEY: ${{ secrets.SANSEC_LICENSE_KEY }} 34 | run: | 35 | output=$(./ecomscan --no-auto-update --skip-database --deep --format=csv .) 36 | if [ -n "$output" ]; then 37 | echo "Security issues found:" 38 | echo "$output" 39 | exit 1 40 | fi 41 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /CODEOWNERS: -------------------------------------------------------------------------------- 1 | * @Mage-OS/distribution @artKozynets -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Mage-OS Lab 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /Magento_AdminNotification/layout/default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Magento_AdvancedCheckout/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Data grid checkbox cell 3 | // _____________________________________________ 4 | 5 | .order-search-items { 6 | .col-select { 7 | .data-grid-checkbox-cell-inner { 8 | padding-top: 0; 9 | padding-bottom: 0; 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Magento_Analytics/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @button-advanced-reports__background-color: @button-primary__background-color; 6 | @button-advanced-reports__color: @button-primary__color; 7 | 8 | @button-advanced-reports__hover__background-color: @button-primary__hover__background-color; 9 | @button-advanced-reports__hover__border-color: @button-primary__hover__border-color; 10 | 11 | // 12 | // Extend 13 | // _____________________________________________ 14 | 15 | #row_analytics_general_collection_time { 16 | td.value { 17 | &:extend(.abs-table-form-list-col-3 all); 18 | } 19 | } 20 | 21 | // 22 | // Dashboard section 23 | // _____________________________________________ 24 | 25 | .dashboard-advanced-reports-actions { 26 | margin-right: 0; 27 | } 28 | 29 | .dashboard-advanced-reports { 30 | padding: 0; 31 | border: 0; 32 | } 33 | 34 | .action-advanced-reports { 35 | &:extend(.abs-action-primary all); 36 | text-shadow: none; 37 | 38 | &::after { 39 | display: none; 40 | } 41 | } 42 | 43 | .dashboard-advanced-reports-content { 44 | line-height: @line-height__l; 45 | } 46 | 47 | // 48 | // Configuration additional comment (system_config/edit/key/.../section/analytics/) 49 | // _____________________________________________ 50 | 51 | .config-additional-comment { 52 | border: 0; 53 | margin: 0; 54 | padding: @indent__m @indent__base; 55 | background-color: @blue-90; 56 | border-radius: @radius__s; 57 | } 58 | 59 | .config-additional-comment-title { 60 | margin-bottom: @indent__s; 61 | } 62 | 63 | .config-additional-comment-content { 64 | line-height: @line-height__base; 65 | } 66 | -------------------------------------------------------------------------------- /Magento_AsynchronousOperations/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // System > | Action Logs | Bulk Actions 3 | // _____________________________________________ 4 | 5 | .bulk-bulk-details { 6 | .admin__fieldset { 7 | > .admin__field { 8 | &:last-child { 9 | margin-bottom: 0; 10 | } 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /Magento_AsynchronousOperations/web/template/grid/listing.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 14 |
15 | 16 | 17 | 18 |
19 |
20 |
21 |
    22 |
  • 23 | 24 | 25 | 26 |
    • 27 |
28 |
29 | 33 | 38 |
39 |
40 |
41 |
42 | -------------------------------------------------------------------------------- /Magento_Backend/layout/admin_login.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | images/mage-os-icon.svg 8 | 126 9 | 61 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports Crosspage components 3 | // _____________________________________________ 4 | 5 | @import './extend/_menu.less'; 6 | @import './extend/_header.less'; 7 | @import './extend/_footer.less'; 8 | @import './extend/_main.less'; 9 | 10 | // 11 | // Imports Pages 12 | // _____________________________________________ 13 | 14 | @import './extend/pages/_dashboard.less'; 15 | @import './extend/pages/_login.less'; 16 | @import './extend/pages/_cache-management.less'; 17 | // @import './extend/pages/_access-denied.less'; 18 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/_footer.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @footer__background-color: @body__background-color; 6 | @footer__border-color: transparent; 7 | @footer__border-width: 0; 8 | @footer__color: @neutral-50; 9 | @footer-version__color: @neutral-10; 10 | // @footer-copyright__color: @color-gray40; 11 | 12 | @footer-link__color: @neutral-10; 13 | @footer-link__text-decoration: none; 14 | 15 | @footer-link__hover__color: @neutral-20; 16 | @footer-link__hover__text-decoration: none; 17 | 18 | // 19 | // Footer 20 | // _____________________________________________ 21 | 22 | .page-footer { 23 | font-size: 1.3rem; 24 | padding: @indent__xl @indent__l; 25 | position: sticky; 26 | top: 100%; 27 | 28 | a { 29 | color: @footer-link__color; 30 | text-decoration: @footer-link__text-decoration; 31 | 32 | &:hover { 33 | color: @footer-link__hover__color; 34 | text-decoration: @footer-link__hover__text-decoration; 35 | } 36 | } 37 | } 38 | 39 | .magento-version { 40 | margin-bottom: @indent__xs; 41 | color: @footer-version__color; 42 | 43 | strong { 44 | font-weight: @font-weight__regular; 45 | } 46 | } 47 | 48 | // 49 | // Copyright 50 | // --------------------------------------------- 51 | 52 | .copyright { 53 | row-gap: @indent__xs; 54 | align-items: flex-start; 55 | 56 | .link-copyright { 57 | &:hover { 58 | color: @footer-link__hover__color; 59 | } 60 | } 61 | } 62 | 63 | .footer-legal { 64 | padding-top: 0; 65 | } 66 | 67 | .footer-legal-system { 68 | .link-report { 69 | margin-left: @indent__s; 70 | margin-right: @indent__s; 71 | 72 | &:last-of-type { 73 | margin-right: 0; 74 | } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/_header.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './header/_actions-group.less'; 6 | @import './header/_headings-group.less'; 7 | 8 | // 9 | // Variables 10 | // _____________________________________________ 11 | 12 | @page-header__indent-horizontal: @indent__base; 13 | @page-header__indent-vertical: 2rem; 14 | 15 | // 16 | // Page header 17 | // _____________________________________________ 18 | 19 | .page-header { 20 | margin-bottom: 0; 21 | padding: @page-header__indent-vertical @page-header__indent-horizontal; 22 | } 23 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/_main.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './main/_actions-bar.less'; 6 | @import './main/_page-nav.less'; 7 | @import './main/_collapsible-blocks.less'; 8 | @import './main/_store-scope.less'; 9 | 10 | // 11 | // Page elements 12 | // _____________________________________________ 13 | 14 | // 15 | // Page 16 | // --------------------------------------------- 17 | 18 | @view-transition { 19 | navigation: auto; 20 | } 21 | 22 | .page-separator { 23 | border-top: 0; 24 | margin-bottom: @indent__base; 25 | margin-top: @indent__base; 26 | } 27 | 28 | .page-sub-title { 29 | font-size: @h2__font-size; 30 | margin-bottom: @h2__margin-bottom; 31 | } 32 | 33 | .page-sub-sub-title { 34 | font-size: @h3__font-size; 35 | font-weight: @h3__font-weight; 36 | margin-bottom: @h3__margin-bottom; 37 | } 38 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/header/_actions-group.less: -------------------------------------------------------------------------------- 1 | // 2 | // Page header -> Actions group 3 | // _____________________________________________ 4 | 5 | // 6 | // Imports 7 | // _____________________________________________ 8 | 9 | @import './actions-group/_user.less'; 10 | @import './actions-group/_search.less'; 11 | @import './actions-group/_notifications.less'; 12 | 13 | // 14 | // Variables 15 | // _____________________________________________ 16 | 17 | @page-header-action__height: 3rem; 18 | 19 | // 20 | // Page header actions 21 | // _____________________________________________ 22 | 23 | .page-header-actions { 24 | padding-top: 0; 25 | } 26 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/header/_headings-group.less: -------------------------------------------------------------------------------- 1 | // 2 | // Page header -> Headings group 3 | // _____________________________________________ 4 | 5 | // 6 | // Variables 7 | // _____________________________________________ 8 | 9 | @page-title__color: @text__color; 10 | @page-title__font-size: @h1__font-size; 11 | 12 | // Breadcrumbs component not included in common styles, but title used it 13 | // @page-title-breadcrumbs__min-height: round(@page-title-breadcrumb__font-size * @line-height__base, 1); 14 | // @page-title-breadcrumb__font-size: @font-size__s; 15 | 16 | // 17 | // Page title 18 | // _____________________________________________ 19 | 20 | .page-title-wrapper { 21 | margin-top: 0; 22 | } 23 | -------------------------------------------------------------------------------- /Magento_Backend/web/css/source/extend/pages/_login.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @login-box__background-color: @color-white; 6 | @login-box__border: 0; 7 | @login-box__max-width: 48rem; 8 | @login-box__min-height: 61rem; 9 | @login-box__shadow: none; 10 | @login-page__background-color: @neutral-95; 11 | 12 | // 13 | // Login box 14 | // _____________________________________________ 15 | 16 | & when (@media-common = true) { 17 | .page-layout-admin-login { 18 | .admin__legend { 19 | font-size: @h2__font-size; 20 | line-height: @h2__line-height; 21 | font-weight: @h2__font-weight; 22 | color: @neutral-20; 23 | margin: 0 0 @indent__xl 0; 24 | } 25 | 26 | .page-wrapper { 27 | border-radius: @radius__l; 28 | } 29 | } 30 | 31 | .login-header { 32 | text-align: center; 33 | margin-bottom: 5.7rem; 34 | } 35 | } 36 | 37 | // 38 | // Mobile 39 | // _____________________________________________ 40 | 41 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 42 | .page-layout-admin-login { 43 | .page-wrapper { 44 | padding: 4rem; 45 | } 46 | } 47 | } 48 | 49 | // 50 | // Desktop 51 | // _____________________________________________ 52 | 53 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { 54 | .page-layout-admin-login { 55 | .page-wrapper { 56 | padding: 8rem; 57 | } 58 | } 59 | } 60 | 61 | // 62 | // Login page features 63 | // _____________________________________________ 64 | 65 | .adminhtml-auth-login { 66 | .form-actions { 67 | margin-top: 0; 68 | width: 100%; 69 | 70 | .actions { 71 | padding-top: @indent__xl; 72 | } 73 | 74 | .action-primary { 75 | width: 100%; 76 | } 77 | } 78 | } 79 | 80 | // 81 | // Footer 82 | // _____________________________________________ 83 | 84 | .login-footer { 85 | font-size: @font-size__s; 86 | color: @neutral-50; 87 | margin: 6.5rem 0 0; 88 | padding-block: 2rem; 89 | 90 | .link-copyright { 91 | width: 100%; 92 | display: inline-block; 93 | margin-top: @indent__xs; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /Magento_Backup/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #row_system_backup_time { 6 | td.value { 7 | &:extend(.abs-table-form-list-col-3 all); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_Bundle/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Bundle Product 3 | // _____________________________________________ 4 | 5 | [data-index='bundle-items'] { 6 | .admin__dynamic-rows { 7 | .data-row { 8 | &:last-child { 9 | .admin__fieldset { 10 | button.action-basic { 11 | margin-bottom: 0; 12 | } 13 | } 14 | } 15 | } 16 | } 17 | } 18 | 19 | [data-index='product_bundle_container'] { 20 | .admin__fieldset { 21 | > .admin__field { 22 | margin-bottom: @indent__base; 23 | } 24 | 25 | button.action-basic { 26 | margin-bottom: @indent__l; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /Magento_CardinalCommerce/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | .admin__collapsible-block { 6 | #three_d_secure_cardinal-head { 7 | &::after { 8 | width: 100%; 9 | height: 3rem; 10 | background-color: @neutral-95; 11 | border-radius: @radius__l; 12 | content: ''; 13 | display: inline-block; 14 | transition: @smooth__background-color; 15 | } 16 | 17 | &:hover { 18 | &::after { 19 | background-color: @neutral-90; 20 | } 21 | } 22 | } 23 | 24 | #row_three_d_secure_cardinal_config { 25 | td[colspan='4'] { 26 | padding-top: 0; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /Magento_Catalog/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './extend/_attribute.less'; 6 | 7 | // 8 | // Extend 9 | // _____________________________________________ 10 | 11 | #row_catalog_custom_options_date_fields_order { 12 | td.value { 13 | &:extend(.abs-table-form-list-col-3 all); 14 | } 15 | } 16 | 17 | #row_catalog_custom_options_year_range { 18 | td.value { 19 | position: relative; 20 | 21 | .label { 22 | position: absolute; 23 | margin-top: @indent__s; 24 | margin-left: @indent__m; 25 | padding: 0; 26 | color: @neutral-50; 27 | font-weight: @font-weight__regular; 28 | } 29 | 30 | .input-text { 31 | width: ~'calc((100% - @{indent__l}) / 2)' !important; 32 | margin-right: @indent__l; 33 | margin-left: -@indent__xs; 34 | padding-left: 5.6rem; 35 | 36 | &:first-of-type { 37 | margin-left: 0; 38 | } 39 | 40 | &:last-of-type { 41 | margin-right: 0; 42 | } 43 | } 44 | 45 | label.mage-error { 46 | position: absolute; 47 | top: 100%; 48 | } 49 | } 50 | } 51 | 52 | // 53 | // Custom options on product page 54 | // _____________________________________________ 55 | 56 | [data-index='custom_options'] { 57 | .admin__fieldset-wrapper-content { 58 | .admin__fieldset { 59 | &:last-child { 60 | padding-bottom: @indent__l; 61 | } 62 | } 63 | } 64 | 65 | .admin__control-collapsible { 66 | .data-row { 67 | &:last-of-type { 68 | .admin__collapsible-block-wrapper { 69 | padding-bottom: 0; 70 | } 71 | } 72 | } 73 | 74 | .admin__collapsible-content { 75 | .admin__collapsible-block-wrapper { 76 | padding-bottom: @indent__base; 77 | } 78 | } 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /Magento_Catalog/web/css/source/extend/_attribute.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | [class*='catalog-product_attribute-']{ 6 | .admin__collapsible-block-wrapper { 7 | &.fieldset-wrapper { 8 | .fieldset-wrapper-content { 9 | padding-bottom: 0; 10 | } 11 | } 12 | } 13 | 14 | .fieldset-wrapper { 15 | &:last-child { 16 | .admin__fieldset { 17 | &:last-child { 18 | padding-bottom: 0; 19 | } 20 | } 21 | } 22 | } 23 | 24 | #base_fieldset { 25 | .field { 26 | &:last-child { 27 | margin-bottom: @indent__xl; 28 | } 29 | } 30 | } 31 | } 32 | 33 | // 34 | // Customizable Options 35 | // _____________________________________________ 36 | 37 | [data-index='options'] { 38 | .admin__fieldset { 39 | > .admin__field { 40 | margin-bottom: @indent__base; 41 | 42 | &:last-of-type { 43 | margin-bottom: 0; 44 | } 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /Magento_CatalogRule/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Marketing > | Promotions | Catalog Price Rule > Actions 3 | // _____________________________________________ 4 | 5 | .entry-edit.form-inline { 6 | .admin__collapsible-block-wrapper { 7 | &:last-of-type { 8 | > .admin__collapsible-content { 9 | > .admin__fieldset { 10 | &:last-of-type { 11 | padding-bottom: 0; 12 | } 13 | } 14 | } 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /Magento_Config/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Stores > | Settings | Configuration 3 | // _____________________________________________ 4 | 5 | .section-config { 6 | &:last-of-type { 7 | .config { 8 | padding-bottom: @indent__s; 9 | } 10 | } 11 | 12 | &.config-advanced { 13 | padding-top: @indent__base; 14 | } 15 | 16 | &.with-button { 17 | padding-top: @indent__base; 18 | padding-bottom: @indent__base; 19 | 20 | .config-heading { 21 | strong { 22 | font-weight: @font-weight__semibold; 23 | margin-bottom: @indent__s; 24 | } 25 | } 26 | } 27 | 28 | .system-fieldset-sub-head { 29 | td { 30 | h4 { 31 | &:first-child { 32 | padding-top: 0; 33 | padding-left: 0; 34 | } 35 | } 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /Magento_ConfigurableProduct/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | // Components 6 | @import './extend/components/_steps-wizard.less'; // Steps Wizard Container 7 | @import './extend/components/_navigation-bar.less'; // Navigation Bar 8 | // @import './extend/components/_grid.less'; // Grid styles 9 | @import './extend/components/_currency-addon.less'; // Currency Addon Styles 10 | // @import './extend/components/_attributes_template_popup.less'; // Choose Affected Attribute Set popup 11 | 12 | // Main Steps 13 | // @import './extend/steps/_select-attributes.less'; 14 | @import './extend/steps/_attribute-values.less'; 15 | @import './extend/steps/_bulk-images.less'; 16 | // @import './extend/steps/_summary.less'; 17 | -------------------------------------------------------------------------------- /Magento_ConfigurableProduct/web/css/source/extend/components/_currency-addon.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @currency-addon-symbol__border-color: @field-control__border-color; 6 | // @currency-addon-symbol__color: @color-gray52; 7 | // @currency-addon-symbol__height: @field-control__height; 8 | // @currency-addon-symbol__width: 2.6rem; 9 | 10 | // 11 | // Currency addon 12 | // _____________________________________________ 13 | 14 | .currency-addon { 15 | border: none; 16 | position: relative; 17 | 18 | input[type='text'] { 19 | padding-left: @indent__xl; 20 | } 21 | 22 | .currency-symbol { 23 | position: absolute; 24 | left: @indent__s; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /Magento_ConfigurableProduct/web/css/source/extend/components/_steps-wizard.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @steps-wizard-section-title__border-color: transparent; 6 | // @steps-wizard-section-title__font-size: 1.8rem; 7 | 8 | // 9 | // Steps wizard 10 | // _____________________________________________ 11 | 12 | .steps-wizard { 13 | .steps-wizard-navigation { 14 | background: transparent; 15 | border-bottom: none; 16 | padding: 0; 17 | margin: 0 0 @indent__l 0; 18 | } 19 | 20 | .steps-wizard-title { 21 | margin: 0 0 @indent__base; 22 | font-size: @h3__font-size; 23 | } 24 | 25 | .steps-wizard-info { 26 | margin: 0 0 @indent__l; 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /Magento_ConfigurableProduct/web/css/source/extend/steps/_bulk-images.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @steps-wizard-gallery-image__background-color: transparent; 6 | // @steps-wizard-gallery-image__padding: 14px @indent__base; 7 | 8 | // 9 | // Steps wizard 10 | // _____________________________________________ 11 | 12 | .steps-wizard { 13 | .steps-wizard-section-list { 14 | > li { 15 | margin: 0 0 @indent__base; 16 | } 17 | 18 | .admin__field-option { 19 | padding-top: 0; 20 | } 21 | 22 | input[type='checkbox'], 23 | input[type='radio'] { 24 | &.admin__control-radio { 25 | margin: 0; 26 | position: absolute; 27 | } 28 | } 29 | } 30 | 31 | .steps-wizard-section { 32 | padding: @indent__l @indent__l @indent__s @indent__l; 33 | border-radius: @radius__base; 34 | max-width: unset; 35 | background: @steps-wizard-attribute-entity__background; 36 | border: .1rem solid @steps-wizard-attribute-entity__border-color; 37 | margin: 0 0 @indent__l; 38 | transition: @steps-wizard-attribute-entity__transition; 39 | 40 | &:last-child { 41 | margin-bottom: 0; 42 | } 43 | 44 | .admin__field-control { 45 | .admin__control-select { 46 | min-width: 100%; 47 | } 48 | } 49 | } 50 | 51 | .steps-wizard-section-title { 52 | border-bottom: none; 53 | padding-bottom: 0; 54 | margin-bottom: @indent__l; 55 | font-weight: @h4__font-weight; 56 | } 57 | 58 | .attribute-image-selector { 59 | .attributes-selector-list { 60 | border: none; 61 | margin-bottom: 0; 62 | padding: 0; 63 | } 64 | 65 | .attribute-label { 66 | font-size: @h6__font-size; 67 | font-weight: @h6__font-weight; 68 | 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /Magento_CurrencySymbol/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Stores > | Currency | Currency Rates, Currency Symbols 3 | // _____________________________________________ 4 | 5 | .main-col { 6 | > #rate-form { 7 | background-color: @color-white; 8 | padding: @indent__l; 9 | border-radius: @radius__l; 10 | } 11 | } 12 | 13 | #currency-symbols-form, 14 | .import-service { 15 | background-color: @color-white; 16 | padding: @indent__l; 17 | border-radius: @radius__l; 18 | } 19 | 20 | .import-service { 21 | .admin__fieldset { 22 | padding-top: @indent__s; 23 | } 24 | } 25 | 26 | .import-service { 27 | margin-bottom: @indent__l; 28 | 29 | .action-default { 30 | &:extend(.abs-action-secondary all); 31 | } 32 | } 33 | 34 | .admin__fieldset-import-service { 35 | margin-bottom: @indent__s; 36 | } 37 | 38 | #rate-form { 39 | .admin__control-table { 40 | tbody { 41 | td { 42 | vertical-align: top; 43 | } 44 | } 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /Magento_Directory/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #row_currency_import_time { 6 | td.value { 7 | &:extend(.abs-table-form-list-col-3 all); 8 | } 9 | } 10 | 11 | #row_reports_dashboard_ytd_start { 12 | td.value { 13 | select { 14 | width: ~'calc((100% - @{indent__l}) / 2)' !important; 15 | margin-right: @indent__l; 16 | margin-left: -@indent__xs; 17 | 18 | &:first-of-type { 19 | margin-left: 0; 20 | } 21 | 22 | &:last-of-type { 23 | margin-right: 0; 24 | } 25 | } 26 | } 27 | } 28 | 29 | #row_reports_dashboard_mtd_start { 30 | td.value { 31 | select { 32 | width: 100% !important; 33 | } 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /Magento_Email/layout/adminhtml_email_template_preview.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /Magento_Email/web/css/email-template-preview.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Variables 3 | */ 4 | 5 | :root { 6 | /* Indents */ 7 | --indent__base: 1.6rem; 8 | --indent__l: 2.4rem; 9 | 10 | /* Radius */ 11 | --radius__l: 24px; 12 | 13 | /* Colours */ 14 | --base-white: #FFFFFF; 15 | --neutral-95: #F1F1F1; 16 | } 17 | 18 | /** 19 | * Email Preview 20 | */ 21 | 22 | html { 23 | height: 100%; 24 | font-size: 62.5%; 25 | } 26 | 27 | .adminhtml-email_template-preview { 28 | background-color: var(--neutral-95); 29 | height: calc(100% - (var(--indent__base) * 2)); 30 | padding: var(--indent__base); 31 | margin: unset; 32 | } 33 | 34 | .adminhtml-email_template-preview .cms-revision-preview { 35 | background-color: var(--base-white); 36 | height: calc(100% - (var(--indent__l) * 2)); 37 | border-radius: var(--radius__l); 38 | padding: var(--indent__l); 39 | overflow-y: auto; 40 | } 41 | -------------------------------------------------------------------------------- /Magento_Email/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Email 3 | // _____________________________________________ 4 | 5 | .adminhtml-email_template-edit { 6 | .main-col { 7 | form + form { 8 | > .entry-edit.form-inline { 9 | margin-top: @indent__l; 10 | } 11 | } 12 | } 13 | 14 | .admin__fieldset { 15 | .admin__field { 16 | &:first-of-type { 17 | margin-top: 0; 18 | } 19 | 20 | &:last-of-type { 21 | margin-bottom: 0; 22 | } 23 | 24 | .admin__field-control { 25 | button.action-default { 26 | &:extend(.abs-action-secondary all); 27 | } 28 | } 29 | } 30 | } 31 | 32 | .field-insert_variable { 33 | #insert_variable { 34 | padding-top: 0; 35 | } 36 | } 37 | } 38 | 39 | // 40 | // Email Preview 41 | // _____________________________________________ 42 | 43 | .adminhtml-email_template-popup { 44 | background-color: unset; 45 | min-width: unset; 46 | } 47 | -------------------------------------------------------------------------------- /Magento_EncryptionKey/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // System > | Other Settings | Encryption Key 3 | // _____________________________________________ 4 | 5 | .adminhtml-crypt_key-index { 6 | .field-enc_key_note { 7 | .admin__field-value { 8 | padding-top: 0; 9 | } 10 | } 11 | 12 | #crypt_key { 13 | width: 100% !important; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /Magento_GoogleGtag/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Stores > | Settings | Configuration > Sales > Google API 3 | // _____________________________________________ 4 | 5 | #google_gtag { 6 | > .form-list { 7 | > tbody { 8 | > tr { 9 | &:first-child { 10 | > th, 11 | > td { 12 | padding-top: 0; 13 | } 14 | } 15 | 16 | > th, 17 | > td { 18 | padding-top: @indent__s; 19 | } 20 | } 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Magento_GroupedProduct/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grouped Product 3 | // _____________________________________________ 4 | 5 | [data-index='associated'] { 6 | [data-index='positionCalculated'] { 7 | .position { 8 | width: 11rem; 9 | } 10 | 11 | .position-widget-input { 12 | &:extend(.abs-form-control-pattern all); 13 | width: 4.8rem; 14 | } 15 | 16 | .icon-rearrange-position { 17 | margin: @indent__s 0 0 0; 18 | padding: @indent__xs; 19 | color: @neutral-20; 20 | 21 | &:hover { 22 | color: @neutral-30; 23 | } 24 | 25 | &::before { 26 | font-size: 1.6rem; 27 | color: inherit; 28 | } 29 | } 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /Magento_Indexer/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Indexer 3 | // _____________________________________________ 4 | 5 | .indexer-indexer-list { 6 | .admin__grid-massaction { 7 | .action-default { 8 | &:extend(.abs-action-secondary all); 9 | } 10 | 11 | .action-select-multiselect { 12 | + label { 13 | &::before { 14 | border-radius: @radius__xs; 15 | transition: @smooth__background-color, @smooth__border-color, @smooth__color; 16 | color: @control-checkbox-radio-mark__color; 17 | height: 1.8rem; 18 | width: 1.8rem; 19 | line-height: 1.8rem; 20 | border-top-right-radius: 0; 21 | border-bottom-right-radius: 0; 22 | } 23 | 24 | &::after { 25 | border-width: 0; 26 | content: @icon-arrowdown__content !important; 27 | border: 0; 28 | width: .8rem; 29 | height: .8rem; 30 | margin-top: -.3rem; 31 | right: .4rem; 32 | transition: @smooth__rotate !important; 33 | } 34 | } 35 | 36 | &:focus { 37 | + label { 38 | &::after { 39 | margin-top: -.4rem; 40 | } 41 | } 42 | } 43 | 44 | // Checked state 45 | &:checked, 46 | &._checked { 47 | + label { 48 | &::before { 49 | background-color: @control-checkbox-radio__focus__background-color; 50 | border-color: @control-checkbox-radio__focus__background-color; 51 | color: @control-checkbox-radio-mark__focus__color; 52 | } 53 | } 54 | 55 | &:hover { 56 | + label { 57 | &::before { 58 | border-color: @control-checkbox-radio__focus__background-color; 59 | } 60 | } 61 | } 62 | } 63 | } 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /Magento_Integration/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Integration 3 | // _____________________________________________ 4 | 5 | // 6 | // Grid 7 | // --------------------------------------------- 8 | 9 | .adminhtml-integration-index { 10 | .data-grid { 11 | .action { 12 | &[disabled] { 13 | color: @neutral-10; 14 | } 15 | 16 | &:hover { 17 | &::before { 18 | color: inherit; 19 | } 20 | } 21 | } 22 | } 23 | 24 | .security-notice { 25 | color: @red-50; 26 | } 27 | } 28 | 29 | // 30 | // Edit 31 | // --------------------------------------------- 32 | 33 | .adminhtml-integration-edit { 34 | .form-inline.entry-edit { 35 | &.fieldset { 36 | margin-top: 0; 37 | } 38 | 39 | .admin__fieldset { 40 | padding-bottom: @indent__xl !important; 41 | 42 | &:last-of-type { 43 | padding-bottom: @indent__s !important; 44 | } 45 | } 46 | } 47 | 48 | #all_resources { 49 | width: 100%; 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /Magento_InventorySalesAdminUi/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltip 3 | // _____________________________________________ 4 | 5 | .admin__field-saleable-qty { 6 | .admin__field-tooltip-content { 7 | right: unset; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_Marketplace/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Magento Marketplace 3 | // _____________________________________________ 4 | 5 | .page-partners { 6 | border-top: 0; 7 | padding-top: @indent__base; 8 | 9 | .partners-block { 10 | border-radius: @radius__l; 11 | padding: @indent__xl; 12 | background-color: @color-white; 13 | gap: @indent__xl; 14 | } 15 | 16 | .partner { 17 | margin-bottom: 0; 18 | padding: 0; 19 | width: ~'calc(100% / 3 - @{indent__xl})'; 20 | } 21 | } 22 | 23 | .partner-title { 24 | font-size: @h4__font-size; 25 | font-weight: @h4__font-weight; 26 | margin-bottom: @h4__margin-bottom; 27 | } 28 | 29 | .partner-image { 30 | margin-top: 0; 31 | } 32 | 33 | .partner-description { 34 | margin-bottom: 0; 35 | 36 | a { 37 | &:first-of-type { 38 | margin-top: @indent__l; 39 | } 40 | 41 | margin-top: @indent__s; 42 | display: inline-block; 43 | } 44 | } 45 | 46 | .partners-footer { 47 | border-radius: @radius__l; 48 | padding: @indent__xl; 49 | background-color: @color-white; 50 | 51 | &.row-gutter { 52 | margin-left: 0; 53 | margin-right: 0; 54 | } 55 | 56 | [class*='col-'] { 57 | width: ~'calc(100% / 2 - @{indent__xl} / 2)'; 58 | padding: 0; 59 | 60 | &:nth-child(1) { 61 | float: left; 62 | } 63 | 64 | &:nth-child(2) { 65 | float: right; 66 | } 67 | 68 | &:nth-child(3) { 69 | float: right; 70 | clear: right; 71 | } 72 | } 73 | 74 | .magento-marketplace-logo { 75 | margin-bottom: @indent__l; 76 | height: 6rem; 77 | float: left; 78 | } 79 | 80 | .action-secondary { 81 | margin-top: @indent__l; 82 | } 83 | } 84 | 85 | .partners-search { 86 | padding-left: 0; 87 | 88 | &::before { 89 | display: inline-block; 90 | font-size: 6rem; 91 | left: 0; 92 | position: unset; 93 | margin-bottom: @indent__l; 94 | } 95 | 96 | p { 97 | margin-bottom: 0; 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /Magento_MediaGalleryUi/web/images/sort.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Magento_MediaStorage/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #system_media_storage_configuration { 6 | .value { 7 | .action-default { 8 | &:extend(.abs-action-secondary all); 9 | margin-right: @indent__base; 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Magento_Newsletter/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Newsletter Templates, Newsletter Queue 3 | // _____________________________________________ 4 | 5 | .newsletter-template-edit, 6 | .newsletter-queue-edit { 7 | .main-col { 8 | form + form { 9 | > .entry-edit.form-inline { 10 | margin-top: @indent__l; 11 | } 12 | } 13 | } 14 | 15 | .admin__fieldset { 16 | .admin__field { 17 | &:first-of-type { 18 | margin-top: 0; 19 | } 20 | 21 | &:last-of-type { 22 | margin-bottom: 0; 23 | } 24 | 25 | .admin__field-control { 26 | button.action-default { 27 | &:extend(.abs-action-secondary all); 28 | } 29 | } 30 | } 31 | } 32 | 33 | .field-insert_variable { 34 | #insert_variable { 35 | padding-top: 0; 36 | } 37 | } 38 | 39 | // Conditions 40 | .admin__field { 41 | &[class*='_condition'] { 42 | .admin__field-control { 43 | #mix-grid .column(9,12); 44 | } 45 | } 46 | } 47 | } 48 | 49 | // 50 | // Preview 51 | // _____________________________________________ 52 | 53 | .newsletter-template-preview, 54 | .newsletter-queue-preview { 55 | min-width: unset; 56 | 57 | .cms-revision-preview { 58 | padding: @indent__base; 59 | 60 | .toolbar { 61 | &:extend(.abs-clearfix all); 62 | margin-bottom: @indent__base; 63 | } 64 | 65 | .preview_iframe { 66 | background-color: @color-white; 67 | padding: @indent__l; 68 | border-radius: @radius__l; 69 | height: calc(~'100% - 52px'); 70 | } 71 | } 72 | } 73 | 74 | .newsletter-queue-preview { 75 | height: 100%; 76 | 77 | .cms-revision-preview { 78 | height: 100%; 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /Magento_OpenSearch/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #row_catalog_search_opensearch_test_connect_wizard { 6 | td.value { 7 | button { 8 | &:extend(.abs-action-secondary all); 9 | } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/banner/appearance/collage-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/banner/appearance/collage-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/banner/appearance/collage-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/banner/appearance/poster.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/buttons/appearance/inline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/buttons/appearance/stacked.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/column/appearance/bottom.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/column/appearance/full.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/column/appearance/middle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/column/appearance/top.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/image/appearance/full.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/products/appearance/carousel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/products/appearance/grid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/row/appearance/contained.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/row/appearance/full-bleed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/row/appearance/full-width.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/slide/appearance/collage-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/slide/appearance/collage-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/slide/appearance/collage-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/content-type/slide/appearance/poster.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/alignment/center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/alignment/left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/alignment/right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/background-size/auto.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/background-size/contain.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/background-size/cover.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/background-type/image.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/background-type/video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/vertical-align/bottom.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/vertical-align/center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/form/element/visual-select/vertical-align/top.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/switcher/switcher-desktop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/images/switcher/switcher-mobile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_buttons.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @pagebuilder-button__margin: 0 10px 10px 0; 6 | // @pagebuilder-button__font-size: 18px; 7 | // @pagebuilder-button__line-height: @pagebuilder-button__font-size + 4; 8 | @color-pagebuilder-switcher-light-gray: @neutral-90; 9 | 10 | // 11 | // Buttons _buttons contains less for generic buttons 12 | // _____________________________________________ 13 | 14 | .page-builder-viewport { 15 | background-color: transparent; 16 | padding: @button__padding-top @button__large__padding-horizontal @button__padding-bottom @button__large__padding-horizontal; 17 | line-height: 0; 18 | opacity: 1; 19 | 20 | &[disabled] { 21 | background-color: @neutral-90; 22 | } 23 | 24 | img { 25 | height: 2.4rem; 26 | width: 2.4rem; 27 | filter: invert(8%) sepia(7%) saturate(6%) hue-rotate(314deg) brightness(90%) contrast(73%); 28 | } 29 | 30 | &.desktop-switcher { 31 | margin-right: 0; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_config.less: -------------------------------------------------------------------------------- 1 | // 2 | // Page Builder full width field 3 | // _____________________________________________ 4 | 5 | .admin__fieldset { 6 | > .admin__field.admin__field-wide.admin__field-page-builder[class]:not(.admin__field-option), 7 | .admin__field.admin__field-wide.admin__fieldset-page-builder .admin__field-page-builder { 8 | > .admin__field-label { 9 | min-height: 4.8rem; 10 | } 11 | } 12 | } 13 | 14 | .admin__field-wide.admin__field-page-builder { 15 | margin-bottom: 0; 16 | 17 | button.action-default { 18 | &:extend(.abs-action-secondary all); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_drag-drop.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @color-gray_light: #ccc; 6 | @color-phoenix: @blue-50; 7 | 8 | // 9 | // Extend 10 | // _____________________________________________ 11 | 12 | .pagebuilder-drop-indicator { 13 | border-bottom: 0; 14 | height: .2rem; 15 | background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)); 16 | background-size: 1.2rem .2rem, 100% .2rem; 17 | margin: -@indent__2xs 0 0 0; 18 | width: 100%; 19 | } 20 | 21 | .pagebuilder-sortable-placeholder { 22 | border-radius: @radius__base; 23 | height: .2rem; 24 | margin: -@indent__2xs 0 0 0; 25 | width: 100%; 26 | 27 | &::before { 28 | border-radius: @radius__base; 29 | height: 1.2rem; 30 | left: 0; 31 | top: -.5rem; 32 | width: 1.2rem; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_icons.less: -------------------------------------------------------------------------------- 1 | // 2 | // Source -> Icons 3 | // _____________________________________________ 4 | 5 | .icon-pagebuilder-fullscreen-exit:before { 6 | padding-left: 0; 7 | font-size: 2.4rem; 8 | } 9 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_system.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #row_cms_pagebuilder_google_maps_api_key_validator { 6 | td.value { 7 | button { 8 | &:extend(.abs-action-secondary all); 9 | 10 | &[disabled], 11 | &.disabled { 12 | cursor: default; 13 | opacity: @disabled__opacity; 14 | pointer-events: none; 15 | } 16 | 17 | span { 18 | display: inline-flex; 19 | align-items: center; 20 | gap: @indent__s; 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_template-manager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Style modal and grid slide out panel 3 | // _____________________________________________ 4 | 5 | .preview-image-preview { 6 | .preview-image-preview-image { 7 | border: unset; 8 | margin-top: 0; 9 | padding: 0; 10 | } 11 | } 12 | 13 | .pagebuilder_stage_template_pagebuilder_stage_template_modal_pagebuilder_stage_template_grid, 14 | .pagebuilder-template-index .admin__data-grid-wrap { 15 | .data-grid td.data-grid-preview-image-cell { 16 | .thumbnail-wrapper { 17 | display: block; 18 | width: 20rem; 19 | height: 20rem; 20 | overflow: hidden; 21 | border: .1rem solid @neutral-90; 22 | transition: @smooth__border-color; 23 | border-radius: @radius__xs; 24 | background: @color-white; 25 | 26 | &:hover { 27 | border-color: @blue-50; 28 | } 29 | } 30 | 31 | img { 32 | max-height: unset; 33 | border: unset; 34 | padding: unset; 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/_toolbar.less: -------------------------------------------------------------------------------- 1 | // 2 | // Toolbar options panel 3 | // _____________________________________________ 4 | 5 | // Don't display the hover state when the stage is being interacted with 6 | .pagebuilder-stage.interacting .pagebuilder-content-type.pagebuilder-toolbar-active:hover { 7 | outline: solid .2rem rgba(0, 0, 0, .25); 8 | } 9 | 10 | .pagebuilder-toolbar-active { 11 | &.pagebuilder-content-type { 12 | outline: solid .2rem rgba(0, 0, 0, .25); 13 | box-shadow: none; 14 | } 15 | 16 | .pagebuilder-toolbar-options { 17 | top: -@indent__3xs; 18 | } 19 | } 20 | 21 | .pagebuilder-toolbar-options { 22 | border: .2rem solid @neutral-70; 23 | padding: @indent__s; 24 | top: 0 !important; 25 | 26 | .pagebuilder-toolbar-options-wrapper { 27 | .pagebuilder-toolbar-options-links { 28 | &:not(:first-child):before { 29 | background-color: @neutral-90; 30 | margin: @indent__s @indent__s @indent__s 0; 31 | } 32 | 33 | .pagebuilder-toolbar-options-link { 34 | margin: 0 @indent__s 0 0; 35 | 36 | > a { 37 | height: 3.6rem; 38 | width: 3.6rem; 39 | border-radius: @radius__xs; 40 | 41 | &:hover { 42 | border-color: @blue-50; 43 | background-color: @color-white; 44 | } 45 | 46 | &.toolbar-active { 47 | background-color: @color-white; 48 | border-color: @blue-50; 49 | box-shadow: 0 0 0 .1rem @field-control__active__border-color; 50 | } 51 | 52 | i { 53 | line-height: 3.3rem; 54 | } 55 | 56 | span { 57 | font-size: @font-size__base; 58 | line-height: 3.4rem; 59 | } 60 | } 61 | } 62 | } 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all content types less files 3 | // _____________________________________________ 4 | 5 | @import './_preview.less'; 6 | // @import './banner/_import.less'; 7 | @import './block/_import.less'; 8 | // @import './button-item/_import.less'; 9 | @import './buttons/_import.less'; 10 | @import './column/_import.less'; 11 | @import './column-group/_import.less'; 12 | @import './column-line/_import.less'; 13 | @import './divider/_import.less'; 14 | // @import './heading/_import.less'; 15 | @import './html/_import.less'; 16 | @import './image/_import.less'; 17 | // @import './map/_import.less'; 18 | @import './products/_import.less'; 19 | @import './row/_import.less'; 20 | // @import './slide/_import.less'; 21 | @import './slider/_import.less'; 22 | // @import './tab-item/_import.less'; 23 | // @import './tabs/_import.less'; 24 | @import './text/_import.less'; 25 | @import './video/_import.less'; 26 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/block/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-block { 7 | padding: @indent__3xs 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/block/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_mobile.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/buttons/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-buttons { 7 | padding: @indent__3xs 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/buttons/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column-group/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | .pagebuilder-column-group { 7 | .drop-placeholder { 8 | background: fade(@blue-50, 50%); 9 | bottom: @indent__2xs; 10 | top: @indent__2xs; 11 | 12 | &.left { 13 | border-left: @indent__base solid fade(@blue-50, 50%); 14 | left: @indent__2xs !important; 15 | } 16 | 17 | &.right { 18 | border-right: @indent__base solid fade(@blue-50, 50%); 19 | right: @indent__2xs !important; 20 | } 21 | } 22 | 23 | .move-placeholder { 24 | background: fade(@blue-50, 50%); 25 | bottom: @indent__2xs; 26 | top: @indent__2xs; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column-group/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_mobile.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column-line/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-column-line { 6 | .bottom-drop-placeholder, 7 | .column-drop-placeholder { 8 | background: fade(@blue-50, 50%); 9 | margin-right: @indent__3xs; 10 | height: 2.4rem; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column-line/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_mobile.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type.pagebuilder-column { 6 | .pagebuilder-column-resize-handle { 7 | background: @color-pagebuilder-blue; 8 | 9 | &:hover { 10 | opacity: .5; 11 | } 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/column/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_mobile.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/divider/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-divider { 7 | padding: @indent__3xs; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/divider/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/html/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-html { 7 | padding: @indent__3xs 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/html/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/image/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type [data-content-type='image'] { 6 | line-height: .5; 7 | 8 | figcaption { 9 | padding: @indent__base 0; 10 | line-height: @line-height__base; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/image/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_mobile.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/products/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-products { 7 | padding: @indent__3xs 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/products/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_carousel.less'; 7 | // @import './_swatches.less'; 8 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/row/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-affordance-row { 6 | margin-bottom: @indent__2xs !important; 7 | } 8 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/row/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | // @import './_contained.less'; 7 | // @import './_full-width.less'; 8 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/slider/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @b3: #b3b3b3; 6 | 7 | // 8 | // Default appearance styles 9 | // _____________________________________________ 10 | 11 | .pagebuilder-content-type { 12 | &.pagebuilder-slider { 13 | padding: @indent__3xs 0; 14 | } 15 | } 16 | 17 | [data-content-type='slider'], 18 | .pagebuilder-content-type.pagebuilder-slider { 19 | .slider-controls { 20 | 21 | .slider-navigation { 22 | line-height: unset; 23 | } 24 | } 25 | } 26 | 27 | [data-content-type='slider'], 28 | .pagebuilder-content-type.pagebuilder-slider { 29 | .slider-controls { 30 | .slider-navigation { 31 | padding: 0 @indent__base; 32 | 33 | .navigation-dot { 34 | height: 4rem; 35 | width: 4rem; 36 | background-color: @color-white; 37 | border: .1rem solid transparent; 38 | border-radius: @radius__xs; 39 | margin-left: @indent__2xs; 40 | margin-right: @indent__2xs; 41 | 42 | .navigation-dot-anchor { 43 | &::after { 44 | height: 1.5rem; 45 | top: @indent__s; 46 | transform: translate(-50%, 0); 47 | width: 1.5rem; 48 | } 49 | 50 | &::before { 51 | color: @neutral-20; 52 | bottom: @indent__2xs; 53 | } 54 | } 55 | 56 | &.sortable-placeholder { 57 | &::after { 58 | border-radius: @radius__base; 59 | height: 1.6rem; 60 | width: 1.6rem; 61 | } 62 | } 63 | 64 | &.focus { 65 | outline: unset; 66 | background-color: @color-white; 67 | border-color: @blue-50; 68 | box-shadow: 0 0 0 .1rem @field-control__active__border-color; 69 | } 70 | } 71 | } 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/slider/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/text/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-text { 7 | padding: @indent__3xs 0; 8 | 9 | .tox-tinymce-inline { 10 | left: -@indent__2xs !important; 11 | right: -@indent__2xs; 12 | 13 | .tox-editor-header { 14 | border: .2rem solid @neutral-70; 15 | } 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/text/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/video/_default.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default appearance styles 3 | // _____________________________________________ 4 | 5 | .pagebuilder-content-type { 6 | &.pagebuilder-video { 7 | padding: @indent__3xs; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/content-type/video/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all appearance less files 3 | // _____________________________________________ 4 | 5 | @import './_default.less'; 6 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/form/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all content types less files 3 | // _____________________________________________ 4 | 5 | // @import './components/_import.less'; 6 | @import './element/_import.less'; 7 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/form/element/_import.less: -------------------------------------------------------------------------------- 1 | // 2 | // _import imports all content types less files 3 | // _____________________________________________ 4 | 5 | // @import './_container.less'; 6 | // @import './_map.less'; 7 | @import './_margins-and-padding.less'; 8 | @import './uploader/preview/_image.less'; 9 | @import './_visual-select.less'; 10 | // @import './_product-totals.less'; 11 | // @import './_mobile.less'; 12 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/form/element/_margins-and-padding.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | .admin__field-design-options { 6 | .layout-onion { 7 | width: 100%; 8 | height: 37.6rem; 9 | 10 | .layout-onion-layer { 11 | width: auto !important; 12 | border-radius: @indent__xs; 13 | 14 | &.layout-margin { 15 | background: @neutral-98; 16 | height: 37.6rem; 17 | } 18 | 19 | &.layout-border { 20 | background: @neutral-95; 21 | border: 0; 22 | left: 12.8rem; 23 | right: 12.8rem; 24 | top: 8.4rem; 25 | height: 20.8rem; 26 | 27 | &::after { 28 | background: @color-white; 29 | border-radius: @indent__xs; 30 | position: absolute; 31 | height: 4rem; 32 | content: ''; 33 | display: block; 34 | left: 12.8rem; 35 | right: 12.8rem; 36 | top: 8.4rem; 37 | } 38 | } 39 | 40 | span.label { 41 | left: @indent__l; 42 | top: @indent__m; 43 | } 44 | 45 | .layout-onion-top { 46 | top: @indent__l; 47 | } 48 | 49 | .layout-onion-right { 50 | right: @indent__l; 51 | } 52 | 53 | .layout-onion-bottom { 54 | bottom: @indent__l; 55 | } 56 | 57 | .layout-onion-left { 58 | left: @indent__l; 59 | } 60 | } 61 | 62 | input.admin__control-text { 63 | width: 8rem; 64 | } 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/form/element/_visual-select.less: -------------------------------------------------------------------------------- 1 | // 2 | // Visual Select less 3 | // _____________________________________________ 4 | 5 | .admin__fieldset-visual-select-large { 6 | border-bottom: none; 7 | } 8 | 9 | .admin__field-visual-select { 10 | ol { 11 | li { 12 | transition: @smooth__border-color, @smooth__box-shadow; 13 | margin-bottom: (@indent__2xs / 2); 14 | margin-right: @indent__l; 15 | border-radius: @radius__xs; 16 | 17 | &.active { 18 | outline: unset; 19 | box-shadow: 0 0 0 .1rem @field-control__active__border-color; 20 | } 21 | } 22 | } 23 | 24 | .message { 25 | margin-top: @indent__base; 26 | margin-bottom: 0; 27 | } 28 | } 29 | 30 | .admin__field-visual-select { 31 | .admin__field-visual-select-large { 32 | display: inline-flex; 33 | flex-direction: column; 34 | justify-content: center; 35 | gap: @indent__xs; 36 | 37 | br { 38 | display: none; 39 | } 40 | } 41 | } 42 | 43 | .admin__field-visual-select-large { 44 | min-height: 20rem; 45 | width: 20rem; 46 | 47 | img { 48 | max-height: 11.2rem; 49 | object-fit: contain; 50 | } 51 | } 52 | 53 | .admin__field-visual-select { 54 | .admin__field-visual-select-small { 55 | display: inline-flex; 56 | justify-content: center; 57 | align-items: center; 58 | gap: @indent__s; 59 | } 60 | } 61 | 62 | .admin__field-visual-select-small { 63 | height: 5rem; 64 | min-width: unset; 65 | width: 25%; 66 | width: calc(~'(100% - @{indent__l} * 3)/4'); 67 | 68 | img { 69 | margin-right: unset; 70 | width: 2.4rem; 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/css/source/extend/form/element/uploader/preview/_image.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @color-light-blue: #e6f0f4; 6 | // @color-light-rose: #ffe6dd; 7 | // @color-medium-blue: #529cdb; 8 | // @color-red: #f00; 9 | 10 | // 11 | // Image uploader PageBuilder stage UI component 12 | // _____________________________________________ 13 | 14 | .pagebuilder-image-uploader-container { 15 | .file-uploader-button { 16 | padding: @button__padding-top @button__large__padding-horizontal @button__padding-bottom @button__large__padding-horizontal; 17 | line-height: 1.8; 18 | min-height: 4rem; 19 | box-shadow: @shadow-level-2; 20 | margin-left: @indent__base; 21 | margin-right: @indent__base; 22 | width: 18rem; 23 | } 24 | 25 | .pagebuilder-options { 26 | top: 5.2rem; 27 | 28 | .pagebuilder-options-links { 29 | gap: @indent__base; 30 | } 31 | 32 | .pagebuilder-options-link { 33 | &:last-child { 34 | .file-uploader-button { 35 | margin-left: 0; 36 | } 37 | } 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mage-os/theme-adminhtml-m137/8c9ba48dd6d5f8ec07729a7a64c9affda53f033e/Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.eot -------------------------------------------------------------------------------- /Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mage-os/theme-adminhtml-m137/8c9ba48dd6d5f8ec07729a7a64c9affda53f033e/Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.ttf -------------------------------------------------------------------------------- /Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mage-os/theme-adminhtml-m137/8c9ba48dd6d5f8ec07729a7a64c9affda53f033e/Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.woff -------------------------------------------------------------------------------- /Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mage-os/theme-adminhtml-m137/8c9ba48dd6d5f8ec07729a7a64c9affda53f033e/Magento_PageBuilder/web/fonts/pagebuilder-icons/pagebuilder-icons.woff2 -------------------------------------------------------------------------------- /Magento_ProductAlert/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | #row_catalog_productalert_cron_time { 6 | td.value { 7 | &:extend(.abs-table-form-list-col-3 all); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_ReCaptchaAdminUi/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | // Stores > | Settings | Configuration > Security > Google reCAPTCHA Admin Panel 6 | // Stores > | Settings | Configuration > Security > Google reCAPTCHA Storefront 7 | 8 | #row_recaptcha_backend_type_for_recaptcha_backend_info_heading, 9 | #row_recaptcha_frontend_type_for_recaptcha_frontend_info_heading { 10 | > td { 11 | padding-top: 0; 12 | 13 | p { 14 | margin-bottom: 0; 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /Magento_ReleaseNotification/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | 6 | 7 | // 8 | // Extend 9 | // _____________________________________________ 10 | 11 | .admin__old { 12 | .main-col { 13 | [data-bind*='release_notification.release_notification'] { 14 | &.form-inline { 15 | margin-top: @indent__l; 16 | padding: 0; 17 | background-color: unset; 18 | border-radius: unset; 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './extend/_order.less'; 6 | @import './extend/_edit-order.less'; 7 | @import './extend/_invoice.less'; 8 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/_edit-order.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // @edit-order-comment-notes__border-color: @color-gray65; 6 | @edit-order-comment-notes__font-size: @font-size__base; 7 | 8 | // 9 | // Edit order tables 10 | // _____________________________________________ 11 | 12 | .edit-order-table { 13 | margin-bottom: 0; 14 | 15 | .product-title { 16 | font-weight: @font-weight__semibold; 17 | } 18 | } 19 | 20 | .order-subtotal-table { 21 | tfoot { 22 | tr { 23 | &:first-child { 24 | td { 25 | font-size: @font-size__xl; 26 | } 27 | } 28 | 29 | td { 30 | padding-bottom: @indent__s; 31 | 32 | strong { 33 | font-weight: @font-weight__heavier; 34 | } 35 | 36 | } 37 | } 38 | 39 | tr + tr { 40 | td { 41 | padding-top: @indent__s; 42 | } 43 | } 44 | } 45 | } 46 | 47 | .order-history-block { 48 | margin: 0 0 @indent__xl; 49 | } 50 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/_invoice.less: -------------------------------------------------------------------------------- 1 | // 2 | // Invoice 3 | // _____________________________________________ 4 | 5 | .order-history-comments-actions { 6 | .action-default.save { 7 | &:extend(.abs-action-primary all); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/order/_address.less: -------------------------------------------------------------------------------- 1 | // 2 | // Order Address Information 3 | // _____________________________________________ 4 | 5 | .order-details { 6 | .order-items, 7 | .order-search-items, 8 | .order-additional-area { 9 | .admin__page-section-title { 10 | .actions { 11 | margin-top: 0; 12 | margin-bottom: 0; 13 | } 14 | } 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/order/_info.less: -------------------------------------------------------------------------------- 1 | // 2 | // Invoice, Credit Memo, Shipment information 3 | // _____________________________________________ 4 | 5 | #creditmemo_item_container { 6 | margin-top: @indent__l; 7 | } 8 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/order/_order-account.less: -------------------------------------------------------------------------------- 1 | // 2 | // Order Account Information 3 | // _____________________________________________ 4 | 5 | .page-create-order { 6 | .order-details { 7 | &:not(.order-details-existing-customer) { 8 | .order-account-information { 9 | .admin__field { 10 | margin-left: -@indent__l; 11 | 12 | &:last-of-type { 13 | margin-bottom: 0; 14 | } 15 | } 16 | } 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Magento_Sales/web/css/source/extend/order/_order-comments.less: -------------------------------------------------------------------------------- 1 | // 2 | // Edit Order comments 3 | // _____________________________________________ 4 | 5 | .edit-order-comments { 6 | .note-list { 7 | &:last-child { 8 | margin-bottom: 0; 9 | } 10 | 11 | & + .edit-order-comments-block { 12 | padding-top: @indent__s; 13 | } 14 | } 15 | 16 | .note-list-item { 17 | &:last-child { 18 | margin-bottom: 0; 19 | 20 | .note-list-comment { 21 | margin-bottom: 0; 22 | } 23 | } 24 | } 25 | 26 | .note-list-customer-notapplicable, 27 | .note-list-customer-not-notified, 28 | .note-list-customer-notified { 29 | font-weight: @font-weight__heavier; 30 | } 31 | 32 | .note-list-comment { 33 | &:last-child { 34 | margin-top: @indent__s; 35 | } 36 | } 37 | 38 | .comments-block-item { 39 | margin: 0 0 @order-create-sidebar__margin; 40 | 41 | &:last-child { 42 | margin-bottom: 0; 43 | } 44 | } 45 | 46 | .comments-block-item-date-time { 47 | font-size: @font-size__base; 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /Magento_SalesRule/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Marketing > | Promotions | Cart Price Rules > Labels 3 | // _____________________________________________ 4 | 5 | .entry-edit.form-inline { 6 | .admin__collapsible-content { 7 | .entry-edit.form-inline { 8 | &:last-of-type { 9 | .admin__fieldset { 10 | &:last-of-type { 11 | padding-bottom: 0; 12 | } 13 | } 14 | } 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /Magento_Search/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Search 3 | // _____________________________________________ 4 | 5 | .search-synonyms-edit { 6 | .fieldset-wrapper { 7 | .admin__fieldset-wrapper-content { 8 | .admin__fieldset { 9 | &:last-of-type { 10 | padding-top: 0; 11 | padding-bottom: 0; 12 | } 13 | } 14 | } 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /Magento_Sitemap/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Stores > | Settings | Configuration > Catalog > XML Sitemap 3 | // _____________________________________________ 4 | 5 | #row_sitemap_generate_time { 6 | td.value { 7 | &:extend(.abs-table-form-list-col-3 all); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /Magento_Tax/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | .tax-rule-edit { 6 | .entry-edit.form-inline { 7 | margin-bottom: @indent__l; 8 | } 9 | } 10 | 11 | .import-export-tax-rates { 12 | background-color: @color-white; 13 | padding: @indent__l; 14 | border-radius: @radius__l; 15 | } 16 | 17 | .import-tax-rates { 18 | margin-bottom: @indent__base; 19 | 20 | .input-file { 21 | margin-right: 0 !important; 22 | color: @neutral-40; 23 | cursor: pointer; 24 | 25 | &::file-selector-button { 26 | &:extend(.abs-action-secondary all); 27 | 28 | margin-right: @indent__base; 29 | cursor: pointer; 30 | } 31 | } 32 | 33 | .import-submit { 34 | &:extend(.abs-action-primary all); 35 | } 36 | } 37 | 38 | .export-tax-rates { 39 | .action-default { 40 | &:extend(.abs-action-secondary all); 41 | } 42 | } 43 | 44 | .block.mselect-list.paginated { 45 | .admin__action-multiselect-search-wrap { 46 | border: 0; 47 | } 48 | } 49 | 50 | // 51 | // Checkbox 52 | // _____________________________________________ 53 | 54 | #calculate_subtotal { 55 | &:extend(.abs-control-checkbox all); 56 | margin-top: .9rem; 57 | } 58 | 59 | // 60 | // Modal 61 | // _____________________________________________ 62 | 63 | .tax-rate-popup { 64 | .admin__field-control { 65 | .admin__control-text { 66 | width: 100%; 67 | } 68 | } 69 | 70 | .admin__fieldset { 71 | .messages { 72 | &:last-child { 73 | .message { 74 | &:last-of-type { 75 | margin-bottom: 0; 76 | } 77 | } 78 | } 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /Magento_Ui/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './extend/_data-grid.less'; 6 | // @import './extend/_masonry-grid.less'; 7 | @import './extend/_modals.less'; 8 | -------------------------------------------------------------------------------- /Magento_Ui/web/css/source/extend/_modals.less: -------------------------------------------------------------------------------- 1 | // 2 | // Modals 3 | // _____________________________________________ 4 | 5 | .modal-slide { 6 | .admin__data-grid-header { 7 | .admin__data-grid-header-row { 8 | & + .admin__data-grid-header-row { 9 | padding-top: 0; 10 | padding-left: 0; 11 | padding-right: 0; 12 | } 13 | } 14 | } 15 | 16 | .admin__data-grid-wrap { 17 | padding-left: 0; 18 | padding-right: 0; 19 | padding-bottom: 0; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /Magento_Ui/web/css/source/extend/data-grid/_data-grid-static.less: -------------------------------------------------------------------------------- 1 | // 2 | // UI -> Data Grid -> Static grid 3 | // _____________________________________________ 4 | 5 | .admin__data-grid-wrap-static { 6 | .data-grid { 7 | label.data-grid-checkbox-cell-inner { 8 | padding-left: @indent__base; 9 | padding-right: @indent__base; 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Magento_Ui/web/css/source/extend/data-grid/data-grid-header/_data-grid-action-export.less: -------------------------------------------------------------------------------- 1 | // 2 | // UI -> Data Grid -> Header -> Export 3 | // _____________________________________________ 4 | 5 | .admin__data-grid-action-export { 6 | .admin__action-dropdown { 7 | &::before { 8 | font-size: @action-dropdown-toggle-icon__font-size; 9 | margin-right: @indent__s; 10 | } 11 | } 12 | } 13 | 14 | .admin__data-grid-action-export-menu { 15 | padding: @action-export-menu__padding; 16 | 17 | .admin__field.admin__field-option { 18 | margin: @action-export-menu-item__margin; 19 | padding: @action-export-menu-item__padding; 20 | } 21 | 22 | .admin__action-dropdown-footer-main-actions { 23 | margin: @action-export-menu-actions__margin; 24 | padding: @action-export-menu-actions__padding; 25 | 26 | .action-secondary { 27 | &:extend(.abs-action-primary all); 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /Magento_Ui/web/css/source/extend/data-grid/data-grid-header/_data-grid-pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // UI -> Data Grid -> Header -> Pager 3 | // _____________________________________________ 4 | 5 | // 6 | // Variables 7 | // _____________________________________________ 8 | 9 | @data-grid-pager-action__width: 3.6rem; 10 | 11 | // 12 | // Extend 13 | // _____________________________________________ 14 | 15 | .admin__data-grid-pager-wrap { 16 | display: inline-flex; 17 | } 18 | 19 | .admin__data-grid-pager { 20 | display: inline-flex; 21 | margin-left: @indent__xl; 22 | } 23 | 24 | .action-previous, 25 | .action-next { 26 | &:extend(.abs-action-quaternary all); 27 | padding: @indent__s; 28 | font-size: 2rem; 29 | line-height: 1rem; 30 | 31 | &::before { 32 | font-weight: inherit; 33 | font-size: inherit; 34 | width: 2rem; 35 | height: 2rem; 36 | display: inline-block; 37 | } 38 | } 39 | 40 | .action-previous { 41 | margin-right: @indent__base; 42 | text-indent: unset; 43 | } 44 | 45 | .action-next { 46 | margin-left: @indent__base; 47 | text-indent: unset; 48 | } 49 | -------------------------------------------------------------------------------- /Magento_UrlRewrite/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // URL Rewrite 3 | // _____________________________________________ 4 | 5 | .adminhtml-url_rewrite-edit { 6 | .main-col { 7 | [data-ui-id='category-selector'] { 8 | background-color: @color-white; 9 | padding: @indent__l; 10 | border-radius: @radius__l; 11 | 12 | & + .action-default { 13 | &:extend(.abs-action-secondary all); 14 | margin-top: @indent__l; 15 | } 16 | } 17 | 18 | > .form-inline { 19 | margin-bottom: @indent__base; 20 | 21 | .field-entity-type-selector { 22 | margin-bottom: 0; 23 | } 24 | } 25 | } 26 | } 27 | 28 | .admin__fieldset { 29 | .field-entity-type-selector { 30 | margin-bottom: 0; 31 | } 32 | 33 | > .admin__field { 34 | &:last-child { 35 | margin-bottom: @indent__s; 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /Magento_User/web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | 2 | // 3 | // System > | Permissions | Locked Users 4 | // _____________________________________________ 5 | 6 | .adminhtml-locks-index { 7 | .admin__data-grid-toolbar { 8 | .admin__grid-massaction-form { 9 | .action-default.scalable { 10 | &:extend(.abs-action-secondary all); 11 | } 12 | } 13 | } 14 | } 15 | 16 | // 17 | // System > | Permissions | All Users 18 | // _____________________________________________ 19 | 20 | .adminhtml-user-edit { 21 | .entry-edit.form-inline { 22 | .admin__data-grid-header { 23 | .admin__data-grid-header-row { 24 | padding-top: 0; 25 | padding-left: 0; 26 | padding-right: 0; 27 | margin-bottom: 0; 28 | } 29 | } 30 | } 31 | 32 | .admin__data-grid-wrap { 33 | padding-left: 0; 34 | padding-right: 0; 35 | padding-bottom: 0; 36 | } 37 | 38 | .col-assigned_user_role { 39 | select { 40 | min-width: 8.5rem; 41 | } 42 | } 43 | } 44 | 45 | // 46 | // Edit User Role 47 | // _____________________________________________ 48 | 49 | .adminhtml-user_role-editrole { 50 | #role_info_tabs_roles_content { 51 | background-color: @color-white; 52 | padding: @indent__l; 53 | border-radius: @radius__l; 54 | 55 | .admin__data-grid-header { 56 | .admin__data-grid-header-row { 57 | padding-top: 0; 58 | padding-left: 0; 59 | padding-right: 0; 60 | margin-bottom: 0; 61 | } 62 | } 63 | 64 | .admin__data-grid-wrap { 65 | padding-left: 0; 66 | padding-right: 0; 67 | padding-bottom: 0; 68 | } 69 | 70 | > .fieldset { 71 | padding-top: 0; 72 | padding-bottom: 0; 73 | } 74 | } 75 | 76 | select#all { 77 | width: 100%; 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mage-os/theme-adminhtml-m137", 3 | "description": "M137 Admin Theme", 4 | "type": "magento2-theme", 5 | "license": [ 6 | "MIT" 7 | ], 8 | "authors": [ 9 | { 10 | "name": "Artem Kozynets", 11 | "email": "art.kozynets@gmail.com" 12 | } 13 | ], 14 | "require": { 15 | "magento/framework": "^103.0", 16 | "mage-os/module-theme-adminhtml-switcher": "^1.0" 17 | }, 18 | "autoload": { 19 | "files": [ 20 | "registration.php" 21 | ] 22 | } 23 | } -------------------------------------------------------------------------------- /docs/m137-cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mage-os/theme-adminhtml-m137/8c9ba48dd6d5f8ec07729a7a64c9affda53f033e/docs/m137-cover.png -------------------------------------------------------------------------------- /i18n/en_US.csv: -------------------------------------------------------------------------------- 1 | "Start Date&Time","Start Date & Time" -------------------------------------------------------------------------------- /registration.php: -------------------------------------------------------------------------------- 1 | 2 | M137 Admin Theme 3 | Magento/backend 4 | 5 | -------------------------------------------------------------------------------- /web/css/extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Global lib + theme styles 3 | // _____________________________________________ 4 | 5 | @import 'source/lib/_lib.less'; // Global lib 6 | // @import (reference) 'source/_extends.less'; 7 | @import 'source/_sources.less'; // Theme 8 | 9 | // 10 | // Magento extend import 11 | // _____________________________________________ 12 | 13 | @import './source/_extend.less'; 14 | 15 | // 16 | // Magento import extend modules 17 | // _____________________________________________ 18 | 19 | //@magento_import 'source/_extend.less'; 20 | 21 | // 22 | // Magento import components 23 | // _____________________________________________ 24 | 25 | // @import 'source/components/_calendar-temp.less'; 26 | // @import 'source/components/_rules-temp.less'; 27 | 28 | // 29 | // Media queries collector 30 | // _____________________________________________ 31 | 32 | @import 'source/_responsive.less'; 33 | 34 | // 35 | // Magento expand import 36 | // _____________________________________________ 37 | 38 | @import './source/_expand.less'; 39 | -------------------------------------------------------------------------------- /web/css/source/_expand.less: -------------------------------------------------------------------------------- 1 | // 2 | // Expand backend lib 3 | // _____________________________________________ 4 | 5 | @import './expand/_variables.less'; 6 | @import './expand/_forms.less'; 7 | @import './expand/_actions.less'; 8 | @import './expand/_tables.less'; 9 | 10 | // 11 | // Components 12 | // _____________________________________________ 13 | 14 | @import './expand/_components.less'; 15 | 16 | // 17 | // Modules 18 | // _____________________________________________ 19 | 20 | @import './expand/_modules.less'; -------------------------------------------------------------------------------- /web/css/source/_extend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend backend lib 3 | // _____________________________________________ 4 | 5 | @import './extend/_variables.less'; 6 | @import './extend/_utilities.less'; 7 | @import './extend/_reset.less'; 8 | @import './extend/_typography.less'; 9 | // @import './extend/_lists.less'; 10 | // @import './extend/_icons.less'; 11 | @import './extend/_forms.less'; 12 | @import './extend/_actions.less'; 13 | @import './extend/_tables.less'; 14 | @import './extend/_grid.less'; 15 | @import './extend/_extends.less'; 16 | @import './extend/_tabs.less'; 17 | @import './extend/_structure.less'; 18 | // @import './extend/_classes.less'; 19 | 20 | // 21 | // Components 22 | // _____________________________________________ 23 | 24 | @import './extend/_components.less'; 25 | 26 | // 27 | // Old styles 28 | // _____________________________________________ 29 | 30 | @import './extend/_styles-old.less'; 31 | 32 | // 33 | // Ext Js 34 | // _____________________________________________ 35 | 36 | @import './extend/extjs/_ext-all.less'; 37 | @import './extend/extjs/_ytheme-magento.less'; 38 | 39 | // 40 | // jQuery 41 | // _____________________________________________ 42 | 43 | @import './extend/jquery/_jstree.less'; 44 | @import './extend/jquery/_jquery-multiselect.less'; 45 | @import './extend/jquery/_colorpicker.less'; 46 | 47 | // 48 | // Modules 49 | // _____________________________________________ 50 | 51 | @import './extend/_modules.less'; 52 | 53 | // 54 | // Styles file 55 | // _____________________________________________ 56 | // ./vendor/mage-os/theme-adminhtml-backend/web/css/styles.less 57 | 58 | .colorRed { 59 | color: @red-50; 60 | } 61 | -------------------------------------------------------------------------------- /web/css/source/_module.less: -------------------------------------------------------------------------------- 1 | // 2 | // Admin styles 3 | // _____________________________________________ 4 | 5 | // 6 | // Import extend 7 | // _____________________________________________ 8 | 9 | // 10 | // Magento modules extend 11 | // _____________________________________________ 12 | -------------------------------------------------------------------------------- /web/css/source/_theme.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports, modules extend 3 | // _____________________________________________ 4 | 5 | @import './../extend.less'; 6 | 7 | // 8 | // Typography 9 | // _____________________________________________ 10 | 11 | // Font 12 | // @font-size__base: 1.4rem; 13 | // @line-height__base: 1.36; 14 | 15 | // Focus 16 | // @focus__color: @color-blue-dodger; 17 | // @focus__box-shadow: 0 0 0 1px @focus__color; 18 | -------------------------------------------------------------------------------- /web/css/source/expand/_actions.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @actions-switcher__active__background-color: @blue-50; 6 | @actions-switcher__active__border-color: @blue-50; 7 | 8 | @actions-switcher-handler__active__background-color: @color-white; 9 | -------------------------------------------------------------------------------- /web/css/source/expand/_components.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './components/_calendar-temp.less'; 6 | @import './components/_messages.less'; 7 | @import './components/_media-gallery.less'; 8 | -------------------------------------------------------------------------------- /web/css/source/expand/_forms.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './forms/_fields.less'; 6 | -------------------------------------------------------------------------------- /web/css/source/expand/_modules.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './modules/_admin-notification.less'; 6 | @import './modules/_backend.less'; 7 | -------------------------------------------------------------------------------- /web/css/source/expand/_tables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @admin__table-primary-th__background-color: @neutral-95; 6 | @admin__table-primary-th__color: @text__color; 7 | 8 | @admin__table-secondary-th__background-color: @neutral-95; 9 | @admin__table-secondary-th__font-weight: @font-weight__heavier; 10 | -------------------------------------------------------------------------------- /web/css/source/expand/_variables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './variables/_actions.less'; 6 | @import './variables/_forms.less'; 7 | @import './variables/_structure.less'; 8 | @import './variables/_spinner.less'; 9 | @import './variables/_icons.less'; 10 | -------------------------------------------------------------------------------- /web/css/source/expand/components/_calendar-temp.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @ui-datepicker-calendar__border-radius: @radius__base; 6 | @ui-datepicker-item__border-radius: @radius__xl; 7 | 8 | @ui-datepicker-item__hover__background-color: @neutral-90; 9 | @ui-datepicker-item__active__background-color: @neutral-10; 10 | @ui-datepicker-item__disabled__background-color: @color-white; 11 | 12 | @ui-datepicker-header__color: @neutral-10; 13 | 14 | @ui-datepicker-item__color: @neutral-20; 15 | @ui-datepicker-item__hover__color: @neutral-20; 16 | @ui-datepicker-item__active__color: @color-white; 17 | @ui-datepicker-item__disabled__color: @color-white; 18 | 19 | @ui-datepicker-item__disabled__opacity: 0; 20 | 21 | @ui-datepicker-icon__hover__color: @neutral-20; 22 | 23 | @ui-datepicker-item-today__border-color: @neutral-10; 24 | 25 | @ui-datepicker-button__padding: @button__padding-top @button__padding-horizontal @button__padding-bottom @button__padding-horizontal; 26 | -------------------------------------------------------------------------------- /web/css/source/expand/components/_media-gallery.less: -------------------------------------------------------------------------------- 1 | // 2 | // Image Management Variables 3 | // _____________________________________________ 4 | 5 | @image-gallery-placeholder__border-radius: @radius__xs; 6 | @image-gallery-placeholder__hover__border-color: @blue-50; 7 | -------------------------------------------------------------------------------- /web/css/source/expand/components/_messages.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | // 6 | // Alert 7 | // --------------------------------------------- 8 | 9 | @alert__line-height: @line-height__base; 10 | 11 | @alert__padding: @alert__padding-top @alert__padding-right @alert__padding-bottom @alert__padding-left; 12 | @alert__padding-top: @indent__m; 13 | @alert__padding-right: @indent__base; 14 | @alert__padding-bottom: @indent__m; 15 | @alert__padding-left: @indent__base; 16 | 17 | @alert__margin: 0 0 @indent__base 0; 18 | @alert__border-radius: @radius__s; 19 | 20 | @alert__notice__background-color: @blue-90; 21 | @alert__notice__color: @alert__color; 22 | 23 | @alert__warning__background-color: @yellow-98; 24 | @alert__warning__color: @alert__color; 25 | 26 | @alert__progress__background-color: @alert__background-color; 27 | @alert__progress__color: @alert__color; 28 | 29 | @alert__success__background-color: @green-95; 30 | @alert__success__color: @alert__color; 31 | 32 | @alert__error__color: @alert__color; 33 | -------------------------------------------------------------------------------- /web/css/source/expand/forms/_fields.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './fields/_control-table.less'; 6 | -------------------------------------------------------------------------------- /web/css/source/expand/forms/fields/_control-table.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @control-table-header__background-color: @neutral-95; 6 | @control-table-header__border-color: @neutral-90; 7 | 8 | @control-table-body__background-color: @neutral-95; 9 | @control-table-body__border-color: @neutral-90; 10 | 11 | @control-table-footer__background-color: @neutral-95; 12 | @control-table-footer__border-color: @neutral-90; 13 | 14 | @control-table-cell-odd__background-color: @color-white; 15 | @control-table-cell-even__background-color: @neutral-98; 16 | 17 | @control-table-cell__hover__background-color: @neutral-95; 18 | -------------------------------------------------------------------------------- /web/css/source/expand/modules/_admin-notification.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @message-system__min-width: 55.8rem; 6 | 7 | @message-system-short__margin: @indent__m @indent__base 0 0; 8 | 9 | @message-system__box-shadow: @shadow-level-1; 10 | @message-system__border-radius: @radius__xs; 11 | 12 | @message-system__padding: 0; 13 | @message-system__margin: 0; 14 | 15 | // Action trigger 16 | @message-system-action-icon__font-size: 2.4rem; 17 | 18 | @message-system-action__padding-left: .3rem; 19 | @message-system-action__padding-right: .3rem; 20 | @message-system-action__padding-top: .3rem; 21 | @message-system-action__padding-bottom: .3rem; 22 | 23 | // Counter 24 | @message-system-counter__width: 1.4rem; 25 | @message-system-counter__height: 1.4rem; 26 | @message-system-counter__radius: 1em; 27 | @message-system-counter__background-color: @red-50; 28 | @message-system-counter__color: @color-white; 29 | @message-system-counter__font-size: .8rem; 30 | @message-system-counter__line-height: 1.4rem; 31 | -------------------------------------------------------------------------------- /web/css/source/expand/modules/_backend.less: -------------------------------------------------------------------------------- 1 | // 2 | // Page Nav (_page-nav.less) 3 | // _____________________________________________ 4 | 5 | @admin__page-nav-title__hover__color: @neutral-10; 6 | @admin__page-nav-title__active__color: @neutral-10; 7 | 8 | @admin__page-nav-title__collapsible__hover__background-color: @neutral-90; 9 | -------------------------------------------------------------------------------- /web/css/source/expand/variables/_forms.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @control-checkbox-radio__focus__background-color: @blue-50; 6 | @control-checkbox-radio-mark__focus__color: @color-white; 7 | -------------------------------------------------------------------------------- /web/css/source/expand/variables/_icons.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @icon-dashboard-fill__content: '\e903'; 6 | @icon-sales-fill__content: '\e904'; 7 | @icon-product-fill__content: '\e908'; 8 | @icon-customers-fill__content: '\e909'; 9 | @icon-promotions-fill__content: '\e90a'; 10 | @icon-cms-fill__content: '\e90b'; 11 | @icon-reports-fill__content: '\e90c'; 12 | @icon-stores-fill__content: '\e90d'; 13 | @icon-systems-fill__content: '\e90e'; 14 | @icon-lego-fill__content: '\e90f'; 15 | @icon-arrowup__content: '\e905'; 16 | @icon-pointer-left__content: '\e906'; 17 | @icon-pointer-right__content: '\e907'; 18 | @icon-more-horizontal__content: '\e911'; 19 | @icon-star__content: '\e912'; 20 | @icon-columns__content: '\e910'; 21 | -------------------------------------------------------------------------------- /web/css/source/expand/variables/_spinner.less: -------------------------------------------------------------------------------- 1 | // 2 | // Spinner 3 | // _____________________________________________ 4 | 5 | @spinner__width-small: 2.4rem; 6 | @spinner__height-small: 2.4rem; 7 | -------------------------------------------------------------------------------- /web/css/source/expand/variables/_structure.less: -------------------------------------------------------------------------------- 1 | // 2 | // Indents 3 | // _____________________________________________ 4 | 5 | @indent__2xs: .2rem; 6 | @indent__3xs: .1rem; 7 | 8 | // 9 | // Radius 10 | // _____________________________________________ 11 | 12 | @radius__base: 16px; 13 | @radius__xl: 32px; 14 | @radius__l: 24px; 15 | @radius__m: 12px; 16 | @radius__s: 8px; 17 | @radius__xs: 4px; 18 | @radius__2xs: 2px; 19 | 20 | // 21 | // Components 22 | // _____________________________________________ 23 | 24 | @page-content__margin-horizontal: @content__indent; 25 | -------------------------------------------------------------------------------- /web/css/source/extend/_components.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './components/_spinner.less'; 6 | @import './components/_calendar-temp.less'; 7 | @import './components/_messages.less'; 8 | @import './components/_popups.less'; 9 | // @import './components/_popups-old.less'; 10 | // @import './components/_modals.less'; 11 | // @import './components/_data-tooltip.less'; 12 | @import './components/_modals_extend.less'; 13 | // @import './components/_timeline.less'; 14 | // @import './components/_file-insertion.less'; 15 | @import './components/_media-gallery.less'; 16 | // @import './components/_resizable-block.less'; 17 | @import './components/_file-uploader.less'; 18 | @import './components/_image-uploader.less'; 19 | // @import './components/_slider.less'; 20 | @import './components/_url_input.less'; 21 | @import './components/_color-picker.less'; 22 | @import './components/_rules-temp.less'; 23 | -------------------------------------------------------------------------------- /web/css/source/extend/_forms.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | // @import (reference) './forms/_extends.less'; 6 | @import './forms/_controls.less'; 7 | @import './forms/_fields.less'; 8 | @import './forms/_temp.less'; 9 | @import './forms/_form-wysiwyg.less'; 10 | -------------------------------------------------------------------------------- /web/css/source/extend/_grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Default Grid 3 | // _____________________________________________ 4 | 5 | // 6 | // Variables 7 | // _____________________________________________ 8 | 9 | // Number of columns in the grid 10 | // @grid-columns: 12; 11 | // @grid-gutter-width: 0; 12 | 13 | // Form Fields Grid Sketch grid 14 | @temp_gutter: 24px; 15 | @temp_columns: 12; 16 | -------------------------------------------------------------------------------- /web/css/source/extend/_modules.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './modules/_reports-report-statistics.less'; 6 | -------------------------------------------------------------------------------- /web/css/source/extend/_reset.less: -------------------------------------------------------------------------------- 1 | // 2 | // Extend 3 | // _____________________________________________ 4 | 5 | b, strong { 6 | font-weight: @font-weight__heavier; 7 | } 8 | -------------------------------------------------------------------------------- /web/css/source/extend/_structure.less: -------------------------------------------------------------------------------- 1 | // 2 | // Structure 3 | // _____________________________________________ 4 | 5 | html { 6 | scrollbar-gutter: stable; 7 | } 8 | 9 | .page-content { 10 | padding-bottom: 0; 11 | } 12 | 13 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { 14 | .page-layout-admin-2columns-left { 15 | .page-columns { 16 | #mix-grid .row(); 17 | 18 | .main-col { 19 | #mix-grid .width(10,12); 20 | float: right; 21 | } 22 | 23 | .side-col { 24 | #mix-grid .column(2,12); 25 | } 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /web/css/source/extend/_tables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Variables 3 | // _____________________________________________ 4 | 5 | @table__color: @text__color; 6 | @table__border-color: @neutral-90; 7 | 8 | // @table-th__border-color: @table__border-color; 9 | 10 | @table-td__border-color: @table__border-color; 11 | 12 | // @table-tfoot__background-color: @color-white-fog; 13 | 14 | @admin__table-primary__font-size: 1.4rem; 15 | @admin__table-primary__padding-vertical: 1.2rem; 16 | @admin__table-primary__padding-horizontal: .8rem; 17 | 18 | @admin__table-secondary__padding-vertical: 1.2rem; 19 | @admin__table-secondary__padding-horizontal: 0; 20 | // @admin__table-secondary-caption__font-size: 1.8rem; 21 | @admin__table-secondary-cell__odd__color: transparent; 22 | @admin__table-secondary-th__color: @text__color; 23 | 24 | // 25 | // Tables 26 | // _____________________________________________ 27 | 28 | .admin__table-primary { 29 | th, 30 | td { 31 | &:last-child { 32 | padding-right: 0; 33 | } 34 | } 35 | 36 | thead { 37 | th { 38 | color: @admin__table-primary-th__color; 39 | font-weight: @font-weight__heavier; 40 | } 41 | } 42 | 43 | th { 44 | font-weight: @font-weight__heavier; 45 | } 46 | } 47 | 48 | .admin__table-secondary { 49 | thead { 50 | th { 51 | background-color: @admin__table-secondary-th__background-color; 52 | } 53 | } 54 | 55 | tbody { 56 | tr { 57 | th, 58 | td { 59 | border-bottom: .1rem solid @table-td__border-color; 60 | } 61 | 62 | &:last-child { 63 | th, 64 | td { 65 | border-bottom: 0; 66 | } 67 | } 68 | } 69 | } 70 | 71 | th { 72 | font-weight: @admin__table-secondary-th__font-weight; 73 | } 74 | 75 | th, 76 | td { 77 | padding: @admin__table-secondary__padding-vertical @admin__table-secondary__padding-horizontal; 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /web/css/source/extend/_tabs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Horizontal tabs 3 | // _____________________________________________ 4 | 5 | .tabs-horiz { 6 | // Default tab 7 | .ui-state-default { 8 | background: transparent; 9 | border: 0; 10 | letter-spacing: unset; 11 | margin-right: 0; 12 | font-weight: @font-weight__semibold; 13 | } 14 | 15 | // Active tab 16 | .ui-state-active { 17 | background: transparent; 18 | 19 | .ui-tabs-anchor { 20 | border-top: 0; 21 | border-bottom: .2rem solid @neutral-10; 22 | padding-top: 1rem; 23 | padding-bottom: @indent__s; 24 | } 25 | } 26 | 27 | .ui-tabs-anchor { 28 | color: @neutral-20; 29 | padding: 1rem @indent__l; 30 | line-height: 2rem; 31 | 32 | &:hover { 33 | color: @neutral-10; 34 | } 35 | } 36 | } 37 | 38 | // Tabs content 39 | .ui-tabs-panel { 40 | padding: @indent__l 0 0 0; 41 | } 42 | -------------------------------------------------------------------------------- /web/css/source/extend/_typography.less: -------------------------------------------------------------------------------- 1 | // 2 | // Typography 3 | // _____________________________________________ 4 | 5 | // 6 | // Font Face 7 | // --------------------------------------------- 8 | 9 | .lib-font-face( 10 | @family-name: @font-family-name__base, 11 | @font-path: '@{baseDir}fonts/inter/light/inter-300', 12 | @font-weight: @font-weight__light, 13 | @font-style: normal 14 | ); 15 | 16 | .lib-font-face( 17 | @family-name: @font-family-name__base, 18 | @font-path: '@{baseDir}fonts/inter/regular/inter-400', 19 | @font-weight: @font-weight__regular, 20 | @font-style: normal 21 | ); 22 | 23 | .lib-font-face( 24 | @family-name: @font-family-name__base, 25 | @font-path: '@{baseDir}fonts/inter/medium/inter-500', 26 | @font-weight: @font-weight__heavier, 27 | @font-style: normal 28 | ); 29 | 30 | .lib-font-face( 31 | @family-name: @font-family-name__base, 32 | @font-path: '@{baseDir}fonts/inter/semibold/inter-600', 33 | @font-weight: @font-weight__semibold, 34 | @font-style: normal 35 | ); 36 | 37 | .lib-font-face( 38 | @family-name: @font-family-name__base, 39 | @font-path: '@{baseDir}fonts/inter/bold/inter-700', 40 | @font-weight: @font-weight__bold, 41 | @font-style: normal 42 | ); 43 | 44 | // 45 | // Headings 46 | // --------------------------------------------- 47 | 48 | h1, h2, h3, h4, h5, h6 { 49 | font-weight: @font-weight__bold; 50 | color: @heading__color__base; 51 | } 52 | 53 | h1 { 54 | font-size: @h1__font-size; 55 | line-height: @h1__line-height; 56 | font-weight: @h1__font-weight; 57 | } 58 | 59 | h2 { 60 | font-size: @h2__font-size; 61 | line-height: @h2__line-height; 62 | font-weight: @h2__font-weight; 63 | } 64 | 65 | h3 { 66 | font-size: @h3__font-size; 67 | line-height: @h3__line-height; 68 | font-weight: @h3__font-weight; 69 | } 70 | 71 | h4 { 72 | font-size: @h4__font-size; 73 | line-height: @h4__line-height; 74 | font-weight: @h4__font-weight; 75 | } 76 | 77 | h5 { 78 | font-size: @h5__font-size; 79 | line-height: @h5__line-height; 80 | font-weight: @h5__font-weight; 81 | } 82 | 83 | h6 { 84 | font-size: @h6__font-size; 85 | line-height: @h6__line-height; 86 | font-weight: @h6__font-weight; 87 | } 88 | -------------------------------------------------------------------------------- /web/css/source/extend/_utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | // @import './utilities/_grid-framework.less'; 6 | // @import './utilities/_grid.less'; 7 | @import './utilities/_actions.less'; 8 | // @import './utilities/_animations.less'; 9 | @import './utilities/_spinner.less'; 10 | 11 | // 12 | // Extend 13 | // _____________________________________________ 14 | 15 | .hidden() { 16 | clip: rect(0, 0, 0, 0); 17 | overflow: hidden; 18 | position: absolute; 19 | } 20 | 21 | .disabled() { 22 | box-shadow: none; 23 | cursor: default; 24 | opacity: .5; 25 | outline: 0; 26 | } 27 | 28 | .lib-text-overflow-ellipsis() { 29 | overflow: hidden; 30 | text-overflow: ellipsis; 31 | white-space: nowrap; 32 | } 33 | 34 | .appearing__off() { 35 | opacity: 0; 36 | visibility: hidden; 37 | } 38 | 39 | .appearing__on() { 40 | opacity: 1; 41 | visibility: visible; 42 | } 43 | 44 | // 45 | // Clearfix 46 | // --------------------------------------------- 47 | 48 | .lib-clearfix-reset() { 49 | &::before, 50 | &::after { 51 | display: none; 52 | } 53 | } -------------------------------------------------------------------------------- /web/css/source/extend/_variables.less: -------------------------------------------------------------------------------- 1 | // 2 | // Imports 3 | // _____________________________________________ 4 | 5 | @import './variables/_colors.less'; 6 | @import './variables/_typography.less'; 7 | @import './variables/_actions.less'; 8 | @import './variables/_forms.less'; 9 | @import './variables/_data-grid.less'; 10 | @import './variables/_structure.less'; 11 | @import './variables/_animations.less'; 12 | @import './variables/_spinner.less'; 13 | @import './variables/_components.less'; 14 | @import './variables/_dropdowns.less'; 15 | @import './variables/_fields.less'; 16 | -------------------------------------------------------------------------------- /web/css/source/extend/actions/_actions-select.less: -------------------------------------------------------------------------------- 1 | // 2 | // Actions -> Action select 3 | // _____________________________________________ 4 | 5 | // 6 | // Variables 7 | // _____________________________________________ 8 | 9 | // @_dropdown__padding-right: @action__height; 10 | // @_triangle__height: @button-marker-triangle__height; 11 | // @_triangle__width: @button-marker-triangle__width; 12 | 13 | // Action select have the same visual styles and functionality as native