From 8ed380eecd40fcdbf5bef3e210c233e8463dcea9 Mon Sep 17 00:00:00 2001 From: Bogdan Plieshka Date: Fri, 13 Feb 2015 15:11:57 +0200 Subject: [PATCH 1/3] MAGETWO-34156: [UI] refactor variables names according to our code standards - Refactored theme.less files to handle new theme creation with nesting (moved local theme variables to variables files) - Less files renaming, separation to compiled and imports - Separated and renamed global lib variables according to less style guide - Added banners addition task for Grunt --- Gruntfile.js | 67 +- .../web/css/source/_dashboard.less | 22 +- .../Magento_Theme/web/css/source/module.less | 4 +- .../Magento_Ui/web/css/source/_module.less | 2 +- .../web/css/source/formelements.less | 24 +- .../Magento_Ui/web/css/source/module.less | 22 +- .../Magento/backend/web/css/admin.less | 8 +- .../backend/web/css/source/_alerts.less | 10 +- .../backend/web/css/source/_buttons.less | 79 +- .../backend/web/css/source/_extends.less | 2 +- .../Magento/backend/web/css/source/_grid.less | 6 +- .../backend/web/css/source/_icons.less | 16 +- .../backend/web/css/source/_lists.less | 2 +- .../backend/web/css/source/_reset.less | 4 +- .../backend/web/css/source/_responsive.less | 34 +- .../backend/web/css/source/_sources.less | 3 +- .../Magento/backend/web/css/source/_tabs.less | 2 +- .../backend/web/css/source/_theme.less | 79 +- .../backend/web/css/source/_typography.less | 36 +- .../backend/web/css/source/_variables.less | 76 + .../web/css/source/components/_spinner.less | 4 +- .../backend/web/css/source/dashboard.less | 16 +- .../backend/web/css/source/forms/_forms.less | 28 +- .../Magento/backend/web/css/source/icons.less | 4 +- .../Magento/backend/web/css/source/table.less | 50 +- .../Magento/backend/web/css/source/theme.less | 141 +- .../web/css/source/utilities/_grid.less | 24 +- .../backend/web/css/source/variables.less | 101 + .../Magento/backend/web/css/styles-old.less | 19 +- .../Magento/backend/web/css/styles.less | 11 +- .../backend/web/less/clearless/grids.less | 3 - .../css/source/{module.less => _module.less} | 24 +- .../css/source/{module.less => _module.less} | 110 +- .../source/{widgets.less => _widgets.less} | 10 +- .../{listings.less => module/_listings.less} | 46 +- .../{toolbar.less => module/_toolbar.less} | 22 +- .../css/source/{module.less => _module.less} | 24 +- .../css/source/{module.less => _module.less} | 108 +- .../source/{cart.less => module/_cart.less} | 72 +- .../{minicart.less => module/_minicart.less} | 26 +- .../source/{widgets.less => _widgets.less} | 2 +- .../css/source/{module.less => _module.less} | 30 +- .../css/source/{module.less => _module.less} | 10 +- .../css/source/{module.less => _module.less} | 52 +- .../css/source/{module.less => _module.less} | 4 +- .../css/source/{module.less => _module.less} | 48 +- .../css/source/{module.less => _module.less} | 4 +- .../css/source/{module.less => _module.less} | 12 +- .../css/source/{module.less => _module.less} | 4 +- .../source/{widgets.less => _widgets.less} | 0 .../css/source/{module.less => _module.less} | 62 +- .../css/source/{module.less => _module.less} | 26 +- .../source/{widgets.less => _widgets.less} | 0 .../css/source/{module.less => _module.less} | 2 +- .../css/source/{module.less => _module.less} | 78 +- .../_collapsible_navigation.less} | 8 +- .../css/source/{module.less => _module.less} | 0 .../css/source/{module.less => _module.less} | 46 +- .../Magento/blank/web/css/_styles.less | 8 + .../frontend/Magento/blank/web/css/print.less | 4 +- ...ons-toolbar.less => _actions-toolbar.less} | 6 +- .../{breadcrumbs.less => _breadcrumbs.less} | 0 .../source/{buttons.less => _buttons.less} | 4 +- .../{dropdowns.less => _dropdowns.less} | 0 .../source/{abstract.less => _extends.less} | 118 +- .../css/source/{forms.less => _forms.less} | 16 +- .../css/source/{icons.less => _icons.less} | 4 +- .../css/source/{layout.less => _layout.less} | 28 +- .../source/{loaders.less => _loaders.less} | 0 .../source/{messages.less => _messages.less} | 0 .../{navigation.less => _navigation.less} | 22 +- .../css/source/{pages.less => _pages.less} | 0 .../Magento/blank/web/css/source/_popups.less | 42 + .../css/source/{price.less => _price.less} | 2 +- .../css/source/{rating.less => _rating.less} | 0 .../web/css/source/_reset.less} | 3 +- .../source/{sections.less => _sections.less} | 6 +- .../blank/web/css/source/_sources.less | 25 + .../css/source/{tables.less => _tables.less} | 18 +- .../Magento/blank/web/css/source/_theme.less | 12 + .../source/{tooltips.less => _tooltips.less} | 2 +- .../{typography.less => _typography.less} | 14 +- .../blank/web/css/source/_variables.less | 28 + .../Magento/blank/web/css/source/popups.less | 42 - .../Magento/blank/web/css/source/reset.less | 6 - .../Magento/blank/web/css/source/theme.less | 15 - .../Magento/blank/web/css/styles-l.less | 30 +- .../Magento/blank/web/css/styles-m.less | 32 +- .../Magento/blank/web/css/styles.less | 30 - .../css/source/{module.less => _module.less} | 38 +- .../css/source/{module.less => _module.less} | 132 +- .../{listings.less => module/_listings.less} | 50 +- .../{toolbar.less => module/_toolbar.less} | 36 +- .../css/source/{module.less => _module.less} | 26 +- .../css/source/{module.less => _module.less} | 132 +- .../source/{cart.less => module/_cart.less} | 94 +- .../{minicart.less => module/_minicart.less} | 30 +- .../css/source/{module.less => _module.less} | 42 +- .../css/source/{module.less => _module.less} | 26 +- .../css/source/{module.less => _module.less} | 56 +- .../css/source/{module.less => _module.less} | 82 +- .../css/source/{module.less => _module.less} | 4 +- .../css/source/{module.less => _module.less} | 26 +- .../css/source/{module.less => _module.less} | 82 +- .../css/source/{module.less => _module.less} | 68 +- .../css/source/{module.less => _module.less} | 2 +- .../css/source/{module.less => _module.less} | 140 +- .../_collapsible_navigation.less} | 8 +- .../css/source/{module.less => _module.less} | 54 +- ...ons-toolbar.less => _actions-toolbar.less} | 6 +- .../{breadcrumbs.less => _breadcrumbs.less} | 2 +- .../source/{buttons.less => _buttons.less} | 8 +- .../source/{abstract.less => _extends.less} | 214 +-- .../css/source/{forms.less => _forms.less} | 18 +- .../css/source/{pages.less => _pages.less} | 4 +- .../css/source/{popups.less => _popups.less} | 40 +- .../source/{sections.less => _sections.less} | 28 +- .../css/source/{tables.less => _tables.less} | 20 +- .../Magento/luma/web/css/source/_theme.less | 250 +++ .../luma/web/css/source/_variables.less | 51 + .../Magento/luma/web/css/source/theme.less | 222 --- lib/web/css/docs/actions-toolbar.html | 193 +- lib/web/css/docs/breadcrumbs.html | 185 +- lib/web/css/docs/buttons.html | 409 ++-- lib/web/css/docs/docs.css | 33 +- lib/web/css/docs/docs.html | 78 +- lib/web/css/docs/dropdowns.html | 275 +-- lib/web/css/docs/forms.html | 553 +++--- lib/web/css/docs/icons.html | 605 +++--- lib/web/css/docs/index.html | 59 +- lib/web/css/docs/layout.html | 199 +- lib/web/css/docs/lib.html | 9 +- lib/web/css/docs/loaders.html | 53 +- lib/web/css/docs/messages.html | 449 ++--- lib/web/css/docs/pages.html | 247 +-- lib/web/css/docs/popups.html | 229 +-- lib/web/css/docs/rating.html | 177 +- lib/web/css/docs/resets.html | 5 +- lib/web/css/docs/responsive.html | 87 +- lib/web/css/docs/sections.html | 225 +-- lib/web/css/docs/source/README.md | 54 +- lib/web/css/docs/source/actions-toolbar.less | 4 +- lib/web/css/docs/source/breadcrumbs.less | 72 +- lib/web/css/docs/source/buttons.less | 104 +- lib/web/css/docs/source/docs.less | 48 +- lib/web/css/docs/source/dropdowns.less | 70 +- lib/web/css/docs/source/forms.less | 340 ++-- lib/web/css/docs/source/icons.less | 14 +- lib/web/css/docs/source/layout.less | 46 +- lib/web/css/docs/source/lib.less | 4 +- lib/web/css/docs/source/loaders.less | 14 +- lib/web/css/docs/source/messages.less | 336 ++-- lib/web/css/docs/source/pages.less | 128 +- lib/web/css/docs/source/popups.less | 44 +- lib/web/css/docs/source/responsive.less | 26 +- lib/web/css/docs/source/sections.less | 136 +- lib/web/css/docs/source/tables.less | 86 +- lib/web/css/docs/source/tooltips.less | 2 +- lib/web/css/docs/source/typography.less | 517 ++--- lib/web/css/docs/source/utilities.less | 28 +- lib/web/css/docs/source/variables.less | 1680 ++++++++-------- lib/web/css/docs/tables.html | 359 ++-- lib/web/css/docs/tooltips.html | 47 +- lib/web/css/docs/typography.html | 718 +++---- lib/web/css/docs/utilities.html | 272 ++- lib/web/css/docs/variables.html | 1685 +++++++++-------- lib/web/css/source/_extend.less | 10 + lib/web/css/source/_theme.less | 10 + ...ons-toolbar.less => _actions-toolbar.less} | 35 +- lib/web/css/source/lib/_breadcrumbs.less | 172 ++ lib/web/css/source/lib/_buttons.less | 419 ++++ .../lib/{dropdowns.less => _dropdowns.less} | 212 ++- lib/web/css/source/lib/_extends.less | 10 + .../source/lib/{forms.less => _forms.less} | 388 ++-- .../source/lib/{grids.less => _grids.less} | 12 +- .../source/lib/{icons.less => _icons.less} | 155 +- .../source/lib/{layout.less => _layout.less} | 65 +- lib/web/css/source/lib/_lib.less | 31 + .../lib/{loaders.less => _loaders.less} | 38 +- .../lib/{messages.less => _messages.less} | 138 +- .../lib/{navigation.less => _navigation.less} | 185 +- .../source/lib/{pages.less => _pages.less} | 222 +-- .../source/lib/{popups.less => _popups.less} | 143 +- .../source/lib/{rating.less => _rating.less} | 46 +- .../source/lib/{resets.less => _resets.less} | 31 +- lib/web/css/source/lib/_responsive.less | 68 + .../lib/{sections.less => _sections.less} | 156 +- .../source/lib/{tables.less => _tables.less} | 244 +-- .../lib/{tooltips.less => _tooltips.less} | 40 +- .../lib/{typography.less => _typography.less} | 164 +- .../lib/{utilities.less => _utilities.less} | 26 +- lib/web/css/source/lib/_variables.less | 30 + lib/web/css/source/lib/abstract.less | 4 - lib/web/css/source/lib/breadcrumbs.less | 168 -- lib/web/css/source/lib/buttons.less | 403 ---- lib/web/css/source/lib/lib.less | 27 - lib/web/css/source/lib/responsive.less | 64 - lib/web/css/source/lib/variables.less | 1540 --------------- .../lib/variables/_actions-toolbar.less | 22 + .../source/lib/variables/_breadcrumbs.less | 76 + .../css/source/lib/variables/_buttons.less | 102 + lib/web/css/source/lib/variables/_colors.less | 99 + .../css/source/lib/variables/_dropdowns.less | 99 + lib/web/css/source/lib/variables/_forms.less | 315 +++ lib/web/css/source/lib/variables/_icons.less | 80 + lib/web/css/source/lib/variables/_layout.less | 40 + .../css/source/lib/variables/_loaders.less | 30 + .../css/source/lib/variables/_messages.less | 123 ++ .../css/source/lib/variables/_navigation.less | 103 + lib/web/css/source/lib/variables/_pages.less | 111 ++ lib/web/css/source/lib/variables/_popups.less | 79 + lib/web/css/source/lib/variables/_rating.less | 19 + .../css/source/lib/variables/_responsive.less | 18 + .../css/source/lib/variables/_sections.less | 89 + lib/web/css/source/lib/variables/_tables.less | 55 + .../css/source/lib/variables/_tooltips.less | 28 + .../css/source/lib/variables/_typography.less | 240 +++ lib/web/css/source/theme.less | 4 - lib/web/css/styles.less | 6 +- lib/web/mage/gallery.less | 30 +- package.json | 2 +- .../styles/components/_navigation-bar.less | 14 +- .../styles/components/tooltips/_tooltips.less | 6 +- .../Magento/Setup/styles/lib/_buttons.less | 78 +- .../Magento/Setup/styles/lib/_collector.less | 36 +- .../Magento/Setup/styles/lib/_grid.less | 6 +- .../Magento/Setup/styles/lib/_lists.less | 2 +- .../Magento/Setup/styles/lib/_reset.less | 2 +- .../Magento/Setup/styles/lib/_typography.less | 14 +- .../Magento/Setup/styles/lib/_variables.less | 22 +- .../styles/lib/forms/_checkbox-radio.less | 2 +- .../Setup/styles/lib/forms/_forms.less | 4 +- .../Setup/styles/lib/forms/_legends.less | 4 +- .../Setup/styles/lib/forms/_validation.less | 10 +- .../Setup/styles/lib/utilities/_grid.less | 24 +- .../Magento/Setup/styles/pages/_install.less | 4 +- .../Magento/Setup/styles/pages/_landing.less | 2 +- .../Setup/styles/pages/_readiness-check.less | 4 +- .../styles/pages/_web-configuration.less | 2 +- setup/module/Magento/Setup/styles/setup.less | 2 +- setup/pub/magento/setup/css/setup.css | 1 + 241 files changed, 11509 insertions(+), 10897 deletions(-) create mode 100644 app/design/adminhtml/Magento/backend/web/css/source/_variables.less create mode 100644 app/design/adminhtml/Magento/backend/web/css/source/variables.less rename app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/{module.less => _module.less} (82%) rename app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/{module.less => _module.less} (85%) rename app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/{widgets.less => _widgets.less} (95%) rename app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/{listings.less => module/_listings.less} (88%) rename app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/{toolbar.less => module/_toolbar.less} (86%) rename app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/{module.less => _module.less} (90%) rename app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/{module.less => _module.less} (79%) rename app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/{cart.less => module/_cart.less} (85%) rename app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/{minicart.less => module/_minicart.less} (91%) rename app/design/frontend/Magento/blank/Magento_Cms/web/css/source/{widgets.less => _widgets.less} (92%) rename app/design/frontend/Magento/blank/Magento_Customer/web/css/source/{module.less => _module.less} (91%) rename app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/{module.less => _module.less} (91%) rename app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/{module.less => _module.less} (75%) rename app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/{module.less => _module.less} (93%) rename app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/{module.less => _module.less} (87%) rename app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/{module.less => _module.less} (98%) rename app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/{module.less => _module.less} (94%) rename app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/{module.less => _module.less} (87%) rename app/design/frontend/Magento/blank/Magento_Reports/web/css/source/{widgets.less => _widgets.less} (100%) rename app/design/frontend/Magento/blank/Magento_Review/web/css/source/{module.less => _module.less} (82%) rename app/design/frontend/Magento/blank/Magento_Sales/web/css/source/{module.less => _module.less} (88%) rename app/design/frontend/Magento/blank/Magento_Sales/web/css/source/{widgets.less => _widgets.less} (100%) rename app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/{module.less => _module.less} (97%) rename app/design/frontend/Magento/blank/Magento_Theme/web/css/source/{module.less => _module.less} (79%) rename app/design/frontend/Magento/blank/Magento_Theme/web/css/source/{collapsible_navigation.less => module/_collapsible_navigation.less} (92%) rename app/design/frontend/Magento/blank/Magento_Weee/web/css/source/{module.less => _module.less} (100%) rename app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/{module.less => _module.less} (86%) create mode 100644 app/design/frontend/Magento/blank/web/css/_styles.less rename app/design/frontend/Magento/blank/web/css/source/{actions-toolbar.less => _actions-toolbar.less} (91%) rename app/design/frontend/Magento/blank/web/css/source/{breadcrumbs.less => _breadcrumbs.less} (100%) rename app/design/frontend/Magento/blank/web/css/source/{buttons.less => _buttons.less} (84%) rename app/design/frontend/Magento/blank/web/css/source/{dropdowns.less => _dropdowns.less} (100%) rename app/design/frontend/Magento/blank/web/css/source/{abstract.less => _extends.less} (90%) rename app/design/frontend/Magento/blank/web/css/source/{forms.less => _forms.less} (85%) rename app/design/frontend/Magento/blank/web/css/source/{icons.less => _icons.less} (71%) rename app/design/frontend/Magento/blank/web/css/source/{layout.less => _layout.less} (79%) rename app/design/frontend/Magento/blank/web/css/source/{loaders.less => _loaders.less} (100%) rename app/design/frontend/Magento/blank/web/css/source/{messages.less => _messages.less} (100%) rename app/design/frontend/Magento/blank/web/css/source/{navigation.less => _navigation.less} (92%) rename app/design/frontend/Magento/blank/web/css/source/{pages.less => _pages.less} (100%) create mode 100644 app/design/frontend/Magento/blank/web/css/source/_popups.less rename app/design/frontend/Magento/blank/web/css/source/{price.less => _price.less} (96%) rename app/design/frontend/Magento/blank/web/css/source/{rating.less => _rating.less} (100%) rename app/design/frontend/Magento/{luma/Magento_Contact/web/css/source/module.less => blank/web/css/source/_reset.less} (64%) rename app/design/frontend/Magento/blank/web/css/source/{sections.less => _sections.less} (90%) create mode 100644 app/design/frontend/Magento/blank/web/css/source/_sources.less rename app/design/frontend/Magento/blank/web/css/source/{tables.less => _tables.less} (80%) create mode 100644 app/design/frontend/Magento/blank/web/css/source/_theme.less rename app/design/frontend/Magento/blank/web/css/source/{tooltips.less => _tooltips.less} (95%) rename app/design/frontend/Magento/blank/web/css/source/{typography.less => _typography.less} (77%) create mode 100644 app/design/frontend/Magento/blank/web/css/source/_variables.less delete mode 100644 app/design/frontend/Magento/blank/web/css/source/popups.less delete mode 100644 app/design/frontend/Magento/blank/web/css/source/reset.less delete mode 100644 app/design/frontend/Magento/blank/web/css/source/theme.less delete mode 100644 app/design/frontend/Magento/blank/web/css/styles.less rename app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/{module.less => _module.less} (85%) rename app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/{module.less => _module.less} (86%) rename app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/{listings.less => module/_listings.less} (88%) rename app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/{toolbar.less => module/_toolbar.less} (83%) rename app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/{module.less => _module.less} (89%) rename app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/{module.less => _module.less} (81%) rename app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/{cart.less => module/_cart.less} (87%) rename app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/{minicart.less => module/_minicart.less} (90%) rename app/design/frontend/Magento/luma/Magento_Customer/web/css/source/{module.less => _module.less} (89%) rename app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/{module.less => _module.less} (86%) rename app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/{module.less => _module.less} (74%) rename app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/{module.less => _module.less} (84%) rename app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/{module.less => _module.less} (97%) rename app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/{module.less => _module.less} (59%) rename app/design/frontend/Magento/luma/Magento_Review/web/css/source/{module.less => _module.less} (83%) rename app/design/frontend/Magento/luma/Magento_Sales/web/css/source/{module.less => _module.less} (85%) rename app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/{module.less => _module.less} (97%) rename app/design/frontend/Magento/luma/Magento_Theme/web/css/source/{module.less => _module.less} (79%) rename app/design/frontend/Magento/luma/Magento_Theme/web/css/source/{collapsible_navigation.less => module/_collapsible_navigation.less} (92%) rename app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/{module.less => _module.less} (87%) rename app/design/frontend/Magento/luma/web/css/source/{actions-toolbar.less => _actions-toolbar.less} (92%) rename app/design/frontend/Magento/luma/web/css/source/{breadcrumbs.less => _breadcrumbs.less} (95%) rename app/design/frontend/Magento/luma/web/css/source/{buttons.less => _buttons.less} (74%) rename app/design/frontend/Magento/luma/web/css/source/{abstract.less => _extends.less} (87%) rename app/design/frontend/Magento/luma/web/css/source/{forms.less => _forms.less} (86%) rename app/design/frontend/Magento/luma/web/css/source/{pages.less => _pages.less} (95%) rename app/design/frontend/Magento/luma/web/css/source/{popups.less => _popups.less} (52%) rename app/design/frontend/Magento/luma/web/css/source/{sections.less => _sections.less} (58%) rename app/design/frontend/Magento/luma/web/css/source/{tables.less => _tables.less} (81%) create mode 100644 app/design/frontend/Magento/luma/web/css/source/_theme.less create mode 100644 app/design/frontend/Magento/luma/web/css/source/_variables.less delete mode 100644 app/design/frontend/Magento/luma/web/css/source/theme.less create mode 100644 lib/web/css/source/_extend.less create mode 100644 lib/web/css/source/_theme.less rename lib/web/css/source/lib/{actions-toolbar.less => _actions-toolbar.less} (83%) create mode 100644 lib/web/css/source/lib/_breadcrumbs.less create mode 100644 lib/web/css/source/lib/_buttons.less rename lib/web/css/source/lib/{dropdowns.less => _dropdowns.less} (75%) create mode 100644 lib/web/css/source/lib/_extends.less rename lib/web/css/source/lib/{forms.less => _forms.less} (67%) rename lib/web/css/source/lib/{grids.less => _grids.less} (95%) rename lib/web/css/source/lib/{icons.less => _icons.less} (64%) rename lib/web/css/source/lib/{layout.less => _layout.less} (54%) create mode 100644 lib/web/css/source/lib/_lib.less rename lib/web/css/source/lib/{loaders.less => _loaders.less} (62%) rename lib/web/css/source/lib/{messages.less => _messages.less} (53%) rename lib/web/css/source/lib/{navigation.less => _navigation.less} (64%) rename lib/web/css/source/lib/{pages.less => _pages.less} (63%) rename lib/web/css/source/lib/{popups.less => _popups.less} (71%) rename lib/web/css/source/lib/{rating.less => _rating.less} (83%) rename lib/web/css/source/lib/{resets.less => _resets.less} (94%) create mode 100644 lib/web/css/source/lib/_responsive.less rename lib/web/css/source/lib/{sections.less => _sections.less} (56%) rename lib/web/css/source/lib/{tables.less => _tables.less} (55%) rename lib/web/css/source/lib/{tooltips.less => _tooltips.less} (86%) rename lib/web/css/source/lib/{typography.less => _typography.less} (63%) rename lib/web/css/source/lib/{utilities.less => _utilities.less} (95%) create mode 100644 lib/web/css/source/lib/_variables.less delete mode 100644 lib/web/css/source/lib/abstract.less delete mode 100644 lib/web/css/source/lib/breadcrumbs.less delete mode 100644 lib/web/css/source/lib/buttons.less delete mode 100644 lib/web/css/source/lib/lib.less delete mode 100644 lib/web/css/source/lib/responsive.less delete mode 100644 lib/web/css/source/lib/variables.less create mode 100644 lib/web/css/source/lib/variables/_actions-toolbar.less create mode 100644 lib/web/css/source/lib/variables/_breadcrumbs.less create mode 100644 lib/web/css/source/lib/variables/_buttons.less create mode 100644 lib/web/css/source/lib/variables/_colors.less create mode 100644 lib/web/css/source/lib/variables/_dropdowns.less create mode 100644 lib/web/css/source/lib/variables/_forms.less create mode 100644 lib/web/css/source/lib/variables/_icons.less create mode 100644 lib/web/css/source/lib/variables/_layout.less create mode 100644 lib/web/css/source/lib/variables/_loaders.less create mode 100644 lib/web/css/source/lib/variables/_messages.less create mode 100644 lib/web/css/source/lib/variables/_navigation.less create mode 100644 lib/web/css/source/lib/variables/_pages.less create mode 100644 lib/web/css/source/lib/variables/_popups.less create mode 100644 lib/web/css/source/lib/variables/_rating.less create mode 100644 lib/web/css/source/lib/variables/_responsive.less create mode 100644 lib/web/css/source/lib/variables/_sections.less create mode 100644 lib/web/css/source/lib/variables/_tables.less create mode 100644 lib/web/css/source/lib/variables/_tooltips.less create mode 100644 lib/web/css/source/lib/variables/_typography.less delete mode 100644 lib/web/css/source/theme.less diff --git a/Gruntfile.js b/Gruntfile.js index 9d070f2029d83..c0572e375771a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -126,6 +126,23 @@ module.exports = function (grunt) { } }; + // Banners + // --------------------------------------------- + + var banner = { + firstLine: 'Copyright © <%= grunt.template.today("yyyy") %> Magento. All rights reserved.', + secondLine: 'See COPYING.txt for license details.', + css: function(){ + return '/**\n * ' + this.firstLine + '\n * ' + this.secondLine + '\n */\n'; + }, + less: function(){ + return '// /**\n// * ' + this.firstLine + '\n// * ' + this.secondLine + '\n// */\n'; + }, + html: function(){ + return '\n'; + } + }; + // Tasks // _____________________________________________ @@ -135,6 +152,7 @@ module.exports = function (grunt) { path: path, theme: theme, combo: combo, + banner: banner, // Execution into cmd // --------------------------------------------- @@ -343,21 +361,48 @@ module.exports = function (grunt) { } }, - // Concatenation + // Banners // --------------------------------------------- - concat: { + usebanner: { options: { - stripBanners: true, - banner: '/**\n * Copyright © <%= grunt.template.today("yyyy") %> Magento. All rights reserved.\n * See COPYING.txt for license details.\n */\n' + position: 'top', + linebreak: true }, setup: { - src: '<%= path.css.setup %>/setup.css', - dest: '<%= path.css.setup %>/setup.css' + options: { + banner: banner.css() + }, + files: { + src: '<%= path.css.setup %>/*.css' + } + }, + documentationCss: { + options: { + banner: banner.css() + }, + files: { + src: '<%= path.doc %>/**/*.css' + } + }, + documentationLess: { + options: { + banner: banner.less() + }, + files: { + src: '<%= path.doc %>/**/*.less' + } + }, + documentationHtml: { + options: { + banner: banner.html() + }, + files: { + src: '<%= path.doc %>/**/*.html' + } } }, - // Watches files for changes and runs tasks based on the changed files // --------------------------------------------- @@ -552,6 +597,12 @@ module.exports = function (grunt) { 'clean:pub' ]); + grunt.registerTask('documentation-banners', [ + 'usebanner:documentationCss', + 'usebanner:documentationLess', + 'usebanner:documentationHtml' + ]); + // Production // --------------------------------------------- @@ -561,7 +612,7 @@ module.exports = function (grunt) { 'less:' + component, 'autoprefixer:' + component, 'cssmin:' + component, - 'concat:' + component + 'usebanner:' + component ]); } if (component == undefined) { diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/_dashboard.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/_dashboard.less index 18f8053ace9d5..acf37e82c5f68 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/_dashboard.less +++ b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/_dashboard.less @@ -7,7 +7,7 @@ // Dashboard // _____________________________________________ -@dashboard__font-size-base: 1.3rem; +@dashboard__font-size__base: 1.3rem; @dashboard__font-size-l: 2.4rem; @dashboard-tabs__padding: 2rem; @dashboard-tabs__background-color: @color-white; @@ -18,7 +18,7 @@ .dashboard-data { background: @dashboard-tabs__background-color; - font-size: @dashboard__font-size-base; + font-size: @dashboard__font-size__base; width: 100%; th, td { @@ -87,7 +87,7 @@ .dashboard-container { .empty-text { background: @dashboard-tabs__background-color; - font-size: @dashboard__font-size-base; + font-size: @dashboard__font-size__base; } } @@ -148,13 +148,13 @@ .dashboard-totals-label { display: block; - font-size: @dashboard__font-size-base; - font-weight: @font-weight-bold; + font-size: @dashboard__font-size__base; + font-weight: @font-weight__bold; } .dashboard-totals-value { font-size: @dashboard__font-size-l; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } // @@ -169,8 +169,8 @@ .background-gradient( @_background-gradient: true, @_background-gradient-direction: horizontal, - @_background-gradient-start-color: rgba(255,255,255,0), - @_background-gradient-end-color: @color-white, + @_background-gradient-color-start: rgba(255,255,255,0), + @_background-gradient-color-end: @color-white, @_background-gradient-color-position: false ); content: ''; @@ -218,7 +218,7 @@ .dashboard-item-title { font-size: 1.8rem; - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .dashboard-item-primary { @@ -231,14 +231,14 @@ .dashboard-sales-value { font-size: @dashboard__font-size-l; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } // // Mobile // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { // // Totals: Revenue, Tax, Shipping, Quantity diff --git a/app/design/adminhtml/Magento/backend/Magento_Theme/web/css/source/module.less b/app/design/adminhtml/Magento/backend/Magento_Theme/web/css/source/module.less index a051293f999ce..f5791698d7508 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Theme/web/css/source/module.less +++ b/app/design/adminhtml/Magento/backend/Magento_Theme/web/css/source/module.less @@ -43,7 +43,7 @@ body { min-height: 100%; width: 100%; max-width: 100%; - min-width: @layout-min-width + 2 * @layout-indent; + min-width: @layout__min-width + 2 * @layout-indent__width; & > * { .vendor-prefix-flex-grow(0); .vendor-prefix-flex-shrink(0); @@ -397,7 +397,7 @@ body { border-radius: 10px; vertical-align: middle; .icon-font( - @_icon-font: @font-family-base, + @_icon-font: @font-family__base, @_icon-font-content: '?', @_icon-font-size: 13px, @_icon-font-line-height: 16px, diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_module.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_module.less index fb9a294c356df..31d54b3810f80 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_module.less +++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/_module.less @@ -3,4 +3,4 @@ // * See COPYING.txt for license details. // */ -//@import "formelements.less"; +//@import 'formelements'; diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/formelements.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/formelements.less index a4c340d5928e8..99605de8c00cf 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/formelements.less +++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/formelements.less @@ -13,16 +13,16 @@ @field-label_required--color: #EB5202; @field-note--color: #303030; @field-control--color: #303030; -@field-control--bg-color: #fff; -@field-control_disabled--bg-color: #E9E9E9; +@field-control--background-color: #fff; +@field-control_disabled--background-color: #E9E9E9; @field-control-addon--color: #858585; @field-date-icon--color: #514943; @field-tooltip-icon--color: #fff; -@field-tooltip-icon--bg-color: #514943; -@field-tooltip-content--bg-color: #fff8d7; +@field-tooltip-icon--background-color: #514943; +@field-tooltip-content--background-color: #fff8d7; @field-tooltip-content--border-color: #adadad; @field-error--color: #555; -@field-error--bg-color: #FFF8D6; +@field-error--background-color: #FFF8D6; @field-error--border-color: #E22626; @@ -72,7 +72,7 @@ width: 22px; text-align: center; color: @field-tooltip-icon--color; - background-color: @field-tooltip-icon--bg-color; + background-color: @field-tooltip-icon--background-color; } span { .visually-hidden(); @@ -87,7 +87,7 @@ position: absolute; z-index: 1; width: 320px; - background: @field-tooltip-content--bg-color; + background: @field-tooltip-content--background-color; padding: 15px 25px; right: -66px; border: 1px solid @field-tooltip-content--border-color; @@ -106,7 +106,7 @@ z-index: 3; } &:after { - border-top-color: @field-tooltip-content--bg-color; + border-top-color: @field-tooltip-content--background-color; margin-top: -1px; z-index: 4; } @@ -127,7 +127,7 @@ display: block; margin: 2px 0 0; padding: 6px 10px 10px; - background: @field-error--bg-color; + background: @field-error--background-color; color: @field-error--color; font-size: 12px; font-weight: 500; @@ -171,7 +171,7 @@ color: @field-label-disabled--color; } &.field .control [class*="control-"][disabled] { - background-color: @field-control_disabled--bg-color; + background-color: @field-control_disabled--background-color; opacity: .5; color: @field-control--color; border-color: @field-control--border-color; @@ -284,7 +284,7 @@ border-radius: 1px; padding: 0 10px; color: @field-control--color; - background-color: @field-control--bg-color; + background-color: @field-control--background-color; font-weight: 500; font-size: 15px; min-width: 11em; @@ -505,7 +505,7 @@ } &[disabled] + label:before { opacity: .5; - background: @field-control_disabled--bg-color; + background: @field-control_disabled--background-color; } } } diff --git a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module.less b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module.less index c6419f931ba6f..7aca453f6cef8 100644 --- a/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module.less +++ b/app/design/adminhtml/Magento/backend/Magento_Ui/web/css/source/module.less @@ -13,20 +13,20 @@ @admin__color4: #666; //Spacing -@spacing-base: 10px; -@spacing-xs: @spacing-base; -@spacing-s: @spacing-base; +@spacing__base: 10px; +@spacing-xs: @spacing__base; +@spacing-s: @spacing__base; @spacing-m: 15px; -@spacing-l: @spacing-base; -@spacing-xl: @spacing-base; +@spacing-l: @spacing__base; +@spacing-xl: @spacing__base; //Fonts -@size-base: 1rem; -@size-xs: @size-base; -@size-s: @size-base; -@size-m: @size-base * 1.2; -@size-l: @size-base; -@size-xl: @size-base; +@size__base: 1rem; +@size-xs: @size__base; +@size-s: @size__base; +@size-m: @size__base * 1.2; +@size-l: @size__base; +@size-xl: @size__base; [class*="tab-nav-item"]:not(ul):active, [class*="tab-nav-item"]:not(ul):focus { diff --git a/app/design/adminhtml/Magento/backend/web/css/admin.less b/app/design/adminhtml/Magento/backend/web/css/admin.less index 7dd47b3fd0e73..c33e41ed2e1b7 100644 --- a/app/design/adminhtml/Magento/backend/web/css/admin.less +++ b/app/design/adminhtml/Magento/backend/web/css/admin.less @@ -5,10 +5,10 @@ /* Backend */ -@import "../less/styles/vars.less"; -@import "../less/styles/base.less"; -@import "../less/lib/buttons.less"; -@import 'source/lib/utilities.less'; +@import '../less/styles/vars'; +@import '../less/styles/base'; +@import '../less/lib/buttons'; +@import 'source/lib/_utilities'; .dont-use-this-class-big-size { font-size: 18px; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_alerts.less b/app/design/adminhtml/Magento/backend/web/css/source/_alerts.less index 0632328650b10..24b82e6fbe64e 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_alerts.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_alerts.less @@ -8,7 +8,7 @@ // _____________________________________________ // Colors -@alert__bg-color: @color-lazy-sunny; +@alert__background-color: @color-lazy-sunny; @alert__color: @color-gray20; // Sizes @@ -31,7 +31,7 @@ } .message { - background: @alert__bg-color; + background: @alert__background-color; color: @alert__color; margin-bottom: 3.5rem; padding: 1.8rem 4rem 1.8rem 1.9rem; @@ -41,10 +41,10 @@ &:before { background: none; border: 0; - font-family: @icon-font-admin-name; + font-family: @icon-font__admin-name; font-size: @alert__font-size; - font-style: @font-style-regular; - font-weight: @font-weight-regular; + font-style: @font-style__base; + font-weight: @font-weight__regular; height: auto; left: 1.9rem; line-height: inherit; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_buttons.less b/app/design/adminhtml/Magento/backend/web/css/source/_buttons.less index 8d899ee0eb923..80a450bb82c6d 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_buttons.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_buttons.less @@ -8,39 +8,40 @@ // _____________________________________________ // Sizes -@button-base__font-size: 1.4rem; -@button-base__padding-vertical: .55em; -@button-base__padding-horizontal: 1em; +@button__font-size__base: 1.4rem; +@button__padding-vertical__base: .55em; +@button__padding-horizontal__base: 1em; // Colors -@button-base__color: @color-brownie; -@button-base__bg-color: @color-gray89; +@button__color__base: @color-brownie; +@button__background-color__base: @color-gray89; @button-primary__color: @color-white; -@button-primary__bg-color: @color-phoenix; +@button-primary__background-color: @color-phoenix; @button-secondary__color: @color-white; -@button-secondary__bg-color: @color-brownie; +@button-secondary__background-color: @color-brownie; @button-secondary__border-color: @color-brownie; +// ToDo UI: Seems we don't need tertiary color cuz it the same as base @button-tertiary__color: @color-gray20; -@button-tertiary__bg-color: @color-gray89; +@button-tertiary__background-color: @color-gray89; @button-tertiary__border-color: @color-gray68; // States -@button-base__large__font-size: 1.6rem; -@button-base__large__padding-vertical: .7em; -@button-base__large__padding-horizontal: 1.45em; +@button__font-size__large: 1.6rem; +@button__base__large__padding-vertical: .7em; +@button__base__large__padding-horizontal: 1.45em; -@button-base__hover__bg-color: darken(@button-base__bg-color, 3%); -@button-base__hover__box-shadow: 0 0 0 1px @color-dodger-blue; -@button-base__active__bg-color: darken(@button-base__bg-color, 5%); +@button__base__hover__background-color: darken(@button__background-color__base, 3%); +@button__base__hover__box-shadow: 0 0 0 1px @color-dodger-blue; +@button__base__active__background-color: darken(@button__background-color__base, 5%); -@button-primary__hover__bg-color: @color-phoenix-brown; +@button-primary__hover__background-color: @color-phoenix-brown; @button-primary__hover__border-color: @color-phoenix-brown; -@button-secondary__hover__bg-color: @color-very-dark-gray-black2; -@button-secondary__active__bg-color: @color-very-dark-gray-black2; +@button-secondary__hover__background-color: @color-very-dark-gray-black2; +@button-secondary__active__background-color: @color-very-dark-gray-black2; @button-tertiary__hover_bg-color: @color-lighter-grayish; @button-tertiary__hover__border-color: @color-gray56; @@ -50,24 +51,24 @@ // _____________________________________________ .action { - background: @button-base__bg-color; + background: @button__background-color__base; border: 1px solid transparent; - color: @button-base__color; + color: @button__color__base; display: inline-block; - font-family: @font-family-base; - font-size: @button-base__font-size; - font-weight: @font-weight-regular; - padding: @button-base__padding-vertical @button-base__padding-horizontal; + font-family: @font-family__base; + font-size: @button__font-size__base; + font-weight: @font-weight__regular; + padding: @button__padding-vertical__base @button__padding-horizontal__base; text-align: center; vertical-align: middle; &:hover { - background-color: @button-base__hover__bg-color; - .css(box-shadow, @button-base__hover__box-shadow); - color: @button-base__color; + background-color: @button__base__hover__background-color; + .css(box-shadow, @button__base__hover__box-shadow); + color: @button__color__base; text-decoration: none; } &:active { - background-color: @button-base__active__bg-color; + background-color: @button__base__active__background-color; } &[disabled], &.disabled { @@ -78,8 +79,8 @@ } .action-large { - font-size: @button-base__large__font-size; - padding: @button-base__large__padding-vertical @button-base__large__padding-horizontal; + font-size: @button__font-size__large; + padding: @button__base__large__padding-vertical @button__base__large__padding-horizontal; } // @@ -94,7 +95,7 @@ background-color: transparent; border: none; color: @color-link; - font-family: @font-family-base; + font-family: @font-family__base; font-size: 1.4rem; &:hover, &:active { @@ -110,12 +111,12 @@ // --------------------------------------------- .action-primary { - background-color: @button-primary__bg-color; + background-color: @button-primary__background-color; color: @button-primary__color; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); &:hover, &:active { - background-color: @button-primary__hover__bg-color; + background-color: @button-primary__hover__background-color; border-color: @button-primary__hover__border-color; color: @button-primary__color; } @@ -132,17 +133,17 @@ // --------------------------------------------- .action-secondary { - background-color: @button-secondary__bg-color; + background-color: @button-secondary__background-color; border-color: @button-secondary__border-color; color: @button-secondary__color; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); &:hover, &:active { - background-color: @button-secondary__hover__bg-color; + background-color: @button-secondary__hover__background-color; color: @button-secondary__color; } &:active { - background-color: @button-secondary__active__bg-color; + background-color: @button-secondary__active__background-color; } } @@ -165,7 +166,7 @@ // --------------------------------------------- .action-tertiary { - background: @button-tertiary__bg-color; + background: @button-tertiary__background-color; border-color: @button-tertiary__border-color; color: @button-tertiary__color; &:hover, @@ -192,7 +193,7 @@ ); &:hover { &:not(.disabled) { - .css(box-shadow, @button-base__hover__box-shadow); + .css(box-shadow, @button__base__hover__box-shadow); } } vertical-align: middle; @@ -200,11 +201,11 @@ margin-left: 0; &.action-toggle { border-left: 1px solid #c34706; - padding: @button-base__padding-vertical 0; + padding: @button__padding-vertical__base 0; } &.action-large { &.action-toggle { - padding: @button-base__large__padding-vertical 0; + padding: @button__base__large__padding-vertical 0; } } &:hover { diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_extends.less b/app/design/adminhtml/Magento/backend/web/css/source/_extends.less index dda17efcc78a6..fd9cf80d3f642 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_extends.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_extends.less @@ -29,7 +29,7 @@ button { &:after { content: '*'; color: @validation-color; - font-weight: @font-weight-regular; + font-weight: @font-weight__regular; margin-left: 3px; } } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_grid.less b/app/design/adminhtml/Magento/backend/web/css/source/_grid.less index e9b779adb27f4..b4b308a89dec8 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_grid.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_grid.less @@ -42,18 +42,18 @@ // Small grid // Columns, offsets, pushes, and pulls for the small device range, from phones to tablets. -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .make-grid(m); } // Medium grid // Columns, offsets, pushes, and pulls for the desktop device range. -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .make-grid(l); } // Large grid // Columns, offsets, pushes, and pulls for the large desktop device range. -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-xl) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .make-grid(xl); } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_icons.less b/app/design/adminhtml/Magento/backend/web/css/source/_icons.less index ef33b725e4688..3b10fc8d99ab5 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_icons.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_icons.less @@ -20,8 +20,8 @@ // --------------------------------------------- .font-face( - @family-name: @icon-font-admin-name, - @font-path: @icon-font-admin-path, + @family-name: @icon-font__admin-name, + @font-path: @icon-font__admin-path, @font-weight: normal, @font-style: normal ); @@ -31,8 +31,8 @@ // --------------------------------------------- .font-face( - @family-name: @icon-font-blank-name, - @font-path: @icon-font-blank-path, + @family-name: @icon-font__blank-name, + @font-path: @icon-font__blank-path, @font-weight: normal, @font-style: normal ); @@ -42,8 +42,8 @@ // --------------------------------------------- .font-face( - @family-name: @icon-font-mui-name, - @font-path: @icon-font-mui-path, + @family-name: @icon-font__mui-name, + @font-path: @icon-font__mui-path, @font-weight: normal, @font-style: normal ); @@ -51,7 +51,7 @@ // Use the following CSS code if you want to use data attributes for inserting your icons [data-icon]:before { content: attr(data-icon); - font-family: @icon-font-admin-name; + font-family: @icon-font__admin-name; -webkit-font-smoothing: antialiased; font-weight: normal; speak: none; @@ -60,7 +60,7 @@ // Use the following CSS code if you want to have a class per icon [class^='icon-']:before, [class*=' icon-']:before { - font-family: @icon-font-admin-name; + font-family: @icon-font__admin-name; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_lists.less b/app/design/adminhtml/Magento/backend/web/css/source/_lists.less index d3480a9027fd2..94cf22b66a4d6 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_lists.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_lists.less @@ -51,7 +51,7 @@ ol { // Mobile // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .list-definition { > dt { float: none; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_reset.less b/app/design/adminhtml/Magento/backend/web/css/source/_reset.less index a2e1aab935687..401b090a8a71d 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_reset.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_reset.less @@ -15,7 +15,7 @@ .keyfocus * { &:focus { - box-shadow: @focus-box-shadow; + box-shadow: @focus__box-shadow; } } @@ -27,7 +27,7 @@ object { } // ToDo UI: experimantal, need to test on webkit -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { html { margin-left: ~'calc(100vw - 100%)'; margin-right: 0; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_responsive.less b/app/design/adminhtml/Magento/backend/web/css/source/_responsive.less index ae3b990cbdeb5..e26ed88d97285 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_responsive.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_responsive.less @@ -16,7 +16,7 @@ // Media width mixin used to group styles output based on media queries // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { } // @@ -25,20 +25,20 @@ & when (@media-target = 'desktop'), (@media-target = 'all') { - @media all and (max-width: (@screen-l - 1)) { - .media-width('max', @screen-l); + @media all and (max-width: (@screen__l - 1)) { + .media-width('max', @screen__l); } - @media all and (min-width: @screen-m) { - .media-width('min', @screen-m); + @media all and (min-width: @screen__m) { + .media-width('min', @screen__m); } - @media all and (min-width: @screen-l) { - .media-width('min', @screen-l); + @media all and (min-width: @screen__l) { + .media-width('min', @screen__l); } - @media all and (min-width: @screen-xl) { - .media-width('min', @screen-xl); + @media all and (min-width: @screen__xl) { + .media-width('min', @screen__xl); } } @@ -48,19 +48,19 @@ & when (@media-target = 'mobile'), (@media-target = 'all') { - @media all and (min-width: @screen-s) { - .media-width('min', @screen-s); + @media all and (min-width: @screen__s) { + .media-width('min', @screen__s); } - @media all and (max-width: (@screen-m - 1)) { - .media-width('max', @screen-m); + @media all and (max-width: (@screen__m - 1)) { + .media-width('max', @screen__m); } - @media all and (max-width: (@screen-s - 1)) { - .media-width('max', @screen-s); + @media all and (max-width: (@screen__s - 1)) { + .media-width('max', @screen__s); } - @media all and (max-width: (@screen-xs - 1)) { - .media-width('max', @screen-xs); + @media all and (max-width: (@screen__xs - 1)) { + .media-width('max', @screen__xs); } } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_sources.less b/app/design/adminhtml/Magento/backend/web/css/source/_sources.less index 9d310406f51f6..8954d42dee144 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_sources.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_sources.less @@ -8,8 +8,9 @@ // Local backend lib // _____________________________________________ -@import '_reset'; +@import '_variables'; @import '_utilities'; +@import '_reset'; @import '_typography'; @import '_icons'; @import '_lists'; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less b/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less index 705701be69dd2..2003aada175d6 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_tabs.less @@ -33,7 +33,7 @@ .ui-state-active { background: @color-white; border-bottom: 0; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; letter-spacing: normal; margin-bottom: -.1rem; .ui-tabs-anchor { diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_theme.less b/app/design/adminhtml/Magento/backend/web/css/source/_theme.less index d384c78c59254..6969c644d3949 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_theme.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_theme.less @@ -3,85 +3,14 @@ // * See COPYING.txt for license details. // */ -// -// Colors -// --------------------------------------------- - -@color-light-brownie: #676056; -@color-dark-gray: #808080; -@color-very-dark-gray: #666; -@color-very-dark-gray2: #555; -@color-lighter-grayish: #cacaca; -@color-lighter-gray: #e9e9e9; -@color-gray20: #333; -@color-gray52: #858585; -@color-gray56: #8f8f8f; -@color-gray60: #999; -@color-gray65: #a6a6a6; -@color-gray68: #adadad; -@color-gray75: #bfbfbf; -@color-gray80: #ccc; -@color-gray84: #d6d6d6; -@color-gray89: #e3e3e3; -@color-gray98: #fafafa; -@color-very-light-gray: #fcfcfc; -@color-white: #fff; -@color-white-smoke: #f5f5f5; -@color-white-fog: #f8f8f8; -@color-lazy-sun: #fff8d6; -@color-lazy-sunny: #fff1ad; -@color-pure-blue: #007bdb; -@color-dodger-blue: #008bdb; -@color-green-apple: #79a22e; -@color-brownie: #514943; -@color-dark-brown: #4a3f39; -@color-dark-brownie: #41362f; -@color-very-dark-gray-black: #303030; -@color-very-dark-gray-black2: #35302c; -@color-very-dark-grayish-orange: #373330; -@color-phoenix: #eb5202; -@color-phoenix-brown: #b84002; -@color-phoenix-brownie: #ae3d01; -@color-tomato-brick: #e22626; - // // Typography // --------------------------------------------- // Font -@color-base: @color-dark-brownie; -@font-family-base: 'Open Sans', @font-family-sans-serif; -@font-family-console: 'Courier New', Courier, monospace; -@font-size-base: 1.4rem; -@font-size-small: @font-size-base * .85; -@font-style-regular: normal; -@font-weight-light: 300; -@font-weight-regular: 400; -@font-weight-semibold: 600; -@font-weight-bold: 700; -@line-height-base: 1.4; -@color-link: @color-pure-blue; -@color-link-hover: @color-pure-blue; +@font-size__base: 1.4rem; +@line-height__base: 1.4; // Focus -@color-focus: @color-dodger-blue; -@focus-box-shadow: 0 0 0 1px @color-focus; - -// Disabled -@opacity-disabled: .7; - -// Admin Font Icons -@icon-font-admin-name: 'UX-Icons'; -@icon-font-admin-path: '@{baseDir}fonts/@{icon-font-admin-name}/@{icon-font-admin-name}'; - -// Legacy Font Icons -@icon-font-blank-name: 'icons-blank-theme'; -@icon-font-blank-path: '@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons'; -@icon-font-mui-name: 'MUI-Icons'; -@icon-font-mui-path: '@{baseDir}fonts/@{icon-font-mui-name}/@{icon-font-mui-name}'; - -// -// Validation -// --------------------------------------------- - -@validation-color: @color-tomato-brick; +@focus__color: @color-dodger-blue; +@focus__box-shadow: 0 0 0 1px @focus__color; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_typography.less b/app/design/adminhtml/Magento/backend/web/css/source/_typography.less index a19537bf444d2..f13c86fd1adb5 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/_typography.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/_typography.less @@ -4,30 +4,30 @@ // */ .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/light/opensans-300', - @font-weight: @font-weight-light, + @font-weight: @font-weight__light, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/regular/opensans-400', - @font-weight: @font-weight-regular, + @font-weight: @font-weight__regular, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/semibold/opensans-600', - @font-weight: @font-weight-semibold, + @font-weight: @font-weight__semibold, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/bold/opensans-700', - @font-weight: @font-weight-bold, + @font-weight: @font-weight__bold, @font-style: normal ); @@ -37,12 +37,12 @@ html { body { .typography( - @_font-size: @font-size-base, - @_color: @color-base, - @_font-family: @font-family-base, - @_font-weight: @font-weight-base, - @_line-height: @line-height-base, - @_font-style: @font-style-base + @_font-size: @font-size__base, + @_color: @color__base, + @_font-family: @font-family__base, + @_font-weight: @font-weight__regular, + @_line-height: @line-height__base, + @_font-style: @font-style__base ); } @@ -54,7 +54,7 @@ h1 { .typography( @_font-size: 2.8rem, @_color: @color-dark-brownie, - @_font-weight: @font-weight-regular, + @_font-weight: @font-weight__regular, @_line-height: 3.4rem, @_font-family: false, @_font-style: false @@ -66,7 +66,7 @@ h2 { .typography( @_font-size: 2rem, @_color: @color-dark-brownie, - @_font-weight: @font-weight-regular, + @_font-weight: @font-weight__regular, @_line-height: 2.5rem, @_font-family: false, @_font-style: false @@ -78,7 +78,7 @@ h3 { .typography( @_font-size: 1.7rem, @_color: @color-dark-brownie, - @_font-weight: @font-weight-semibold, + @_font-weight: @font-weight__semibold, @_line-height: 2.2rem, @_font-family: false, @_font-style: false @@ -89,7 +89,7 @@ h3 { h4, h5, h6 { - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin-top: 0; } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/_variables.less b/app/design/adminhtml/Magento/backend/web/css/source/_variables.less new file mode 100644 index 0000000000000..ae7bde2f5fd23 --- /dev/null +++ b/app/design/adminhtml/Magento/backend/web/css/source/_variables.less @@ -0,0 +1,76 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Admin theme variables +// _____________________________________________ + +// +// Typography +// --------------------------------------------- + +// Base Font +@font-family-name__base: 'Open Sans'; +@font-family__base: @font-family-name__base, @font-family__sans-serif; +@font-family__console: 'Courier New', Courier, monospace; + +// Admin Font Icons +@icon-font__admin-name: 'UX-Icons'; +@icon-font__admin-path: '@{baseDir}fonts/@{icon-font__admin-name}/@{icon-font__admin-name}'; + +// Legacy Font Icons +@icon-font__blank-name: 'icons-blank-theme'; +@icon-font__blank-path: '@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons'; +@icon-font__mui-name: 'MUI-Icons'; +@icon-font__mui-path: '@{baseDir}fonts/@{icon-font__mui-name}/@{icon-font__mui-name}'; + +@font-size__small: @font-size__base * .85; + +// Colors +@color-light-brownie: #676056; +@color-dark-gray: #808080; +@color-very-dark-gray: #666; +@color-very-dark-gray2: #555; +@color-lighter-grayish: #cacaca; +@color-lighter-gray: #e9e9e9; +@color-dark-grayish-orange: #afadac; +@color-dark-grayish: #aeaeae; +@color-gray65: #a6a6a6; +@color-gray75: #bfbfbf; +@color-gray83: #d4d4d4; +@color-gray84: #d6d6d6; +@color-gray85: #d9d9d9; +@color-gray98: #fafafa; +@color-very-light-gray: #fcfcfc; +@color-white-fog: #f8f8f8; +@color-lazy-sun: #fff8d6; +@color-lazy-sunny: #fff1ad; +@color-pure-blue: #007bdb; +@color-dodger-blue: #008bdb; +@color-green-apple: #79a22e; +@color-brownie: #514943; +@color-dark-brown: #4a3f39; +@color-dark-brownie: #41362f; +@color-very-dark-gray-black: #303030; +@color-very-dark-gray-black2: #35302c; +@color-very-dark-grayish-orange: #373330; +@color-phoenix: #eb5202; +@color-phoenix-brown: #b84002; +@color-phoenix-brownie: #ae3d01; +@color-tomato-brick: #e22626; + +@color__base: @color-dark-brownie; +@color-link: @color-pure-blue; +@color-link-hover: @color-pure-blue; + +// Disabled +@opacity-disabled: .7; + +// +// Forms +// --------------------------------------------- + +// Validation +@validation-color: @color-tomato-brick; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less b/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less index 5b2dfe33f82d0..acc813b35333b 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/components/_spinner.less @@ -7,7 +7,7 @@ // Variables // _____________________________________________ -@spinner-base-size: 4rem; +@spinner__base-size: 4rem; // Size of spinner @spinner-border-radius: 6px; @@ -42,7 +42,7 @@ ); ._spinner-keyframes(); display: inline-block; - font-size: @spinner-base-size; + font-size: @spinner__base-size; height: 1em; margin-right: 1.5rem; position: relative; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/dashboard.less b/app/design/adminhtml/Magento/backend/web/css/source/dashboard.less index 9d61b147f4edd..a04295c825787 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/dashboard.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/dashboard.less @@ -6,8 +6,8 @@ /* Dashboard -------------------------------------- */ -@dashboard-bg: #f7f3eb; -@dashboard-tab-content-bg: #fff; +@dashboard-background-color: #f7f3eb; +@dashboard-tab-content-background-color: #fff; @dashboard-active-color: #ef672f; /* @@ -18,7 +18,7 @@ border: none; // resets global styles border-radius: 0; // resets global styles padding: 0; // resets global styles - background: @dashboard-bg; // resets global styles + background: @dashboard-background-color; // resets global styles } .dashboard-container { @@ -50,7 +50,7 @@ padding: 20px 0; } &-image { - background: @dashboard-tab-content-bg url(../mui/images/ajax-loader-small.gif) no-repeat 50% 50%; + background: @dashboard-tab-content-background-color url(../mui/images/ajax-loader-small.gif) no-repeat 50% 50%; } .form-select-label { display: inline-block; @@ -65,7 +65,7 @@ -------------------------------------- */ .dashboard-container { .ui-tabs-panel { - background-color: @dashboard-tab-content-bg; + background-color: @dashboard-tab-content-background-color; min-height: 40px; padding: 15px; } @@ -78,7 +78,7 @@ .dashboard-store-stats { margin-top: 35px; .ui-tabs-panel { - background: @dashboard-tab-content-bg url(../mui/images/ajax-loader-small.gif) no-repeat 50% 50%; + background: @dashboard-tab-content-background-color url(../mui/images/ajax-loader-small.gif) no-repeat 50% 50%; } .empty-text { // "no data" messages background: #f7f3eb; @@ -121,7 +121,7 @@ } .dashboard-totals { - background: @dashboard-tab-content-bg; + background: @dashboard-tab-content-background-color; padding: 50px 15px 25px; &-list { .clearfix(); @@ -189,7 +189,7 @@ } } .ui-tabs-panel & { - background-color: @dashboard-tab-content-bg; + background-color: @dashboard-tab-content-background-color; .col-name { &:extend(.ellipsis all); &:extend(.col-370-max all); diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_forms.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_forms.less index 4abb805a13079..c09bed7dedef5 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/forms/_forms.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/forms/_forms.less @@ -29,7 +29,7 @@ @field-control__border-color: @color-gray68; @field-control__color: @color-very-dark-gray-black; -@field-control__bg-color: @color-white; +@field-control__background-color: @color-white; @field-control-addon__color: @color-gray52; @field-scope__color: @color-dark-gray; @@ -38,17 +38,17 @@ @field-date-icon__color: @color-brownie; @field-note__color: @color-very-dark-gray-black; -@field-tooltip-icon__bg-color: @color-brownie; -@field-tooltip-content__bg-color: @color-lazy-sun; +@field-tooltip-icon__background-color: @color-brownie; +@field-tooltip-content__background-color: @color-lazy-sun; @field-tooltip-content__border-color: @color-gray68; @field-error__color: @color-very-dark-gray2; -@field-error__bg-color: @color-lazy-sun; +@field-error__background-color: @color-lazy-sun; @field-error__border-color: @color-tomato-brick; // States @field-control__focus__border-color: @color-pure-blue; -@field-control__disabled__bg-color: @color-lighter-gray; +@field-control__disabled__background-color: @color-lighter-gray; @field-label__required__color: @color-phoenix; @field-label__disabled__color: @color-gray60; @@ -201,16 +201,16 @@ fieldset.field [class^='fields-group-'] .field .control { z-index: 99; } &-action { - color: @field-tooltip-icon__bg-color; + color: @field-tooltip-icon__background-color; cursor: pointer; display: inline-block; - font-family: @icon-font-admin-name; + font-family: @icon-font__admin-name; margin-left: 18px; margin-top: -6px; position: relative; z-index: 2; &:hover { - color: @field-tooltip-icon__bg-color; + color: @field-tooltip-icon__background-color; text-decoration: none; } &:before { @@ -228,7 +228,7 @@ fieldset.field [class^='fields-group-'] .field .control { &-content { @_shadow: 0 2px 8px 0 rgba(0, 0, 0, .3); - background: @field-tooltip-content__bg-color; + background: @field-tooltip-content__background-color; border: 1px solid @field-tooltip-content__border-color; border-radius: 1px; bottom: 42px; @@ -250,7 +250,7 @@ fieldset.field [class^='fields-group-'] .field .control { z-index: 3; } &:after { - border-top-color: @field-tooltip-content__bg-color; + border-top-color: @field-tooltip-content__background-color; margin-top: -1px; z-index: 4; } @@ -277,7 +277,7 @@ fieldset.field [class^='fields-group-'] .field .control { } } .mage-error { - background: @field-error__bg-color; + background: @field-error__background-color; border: 1px solid @field-error__border-color; box-sizing: border-box; color: @field-error__color; @@ -315,7 +315,7 @@ fieldset.field [class^='fields-group-'] .field .control { color: @field-label__disabled__color; } &.field .control [class*='control-'][disabled] { - background-color: @field-control__disabled__bg-color; + background-color: @field-control__disabled__background-color; border-color: @field-control__border-color; color: @field-control__color; opacity: .5; @@ -420,7 +420,7 @@ fieldset.field [class^='fields-group-'] .field .control { &-textarea, &-select, &-text { - background-color: @field-control__bg-color; + background-color: @field-control__background-color; border: 1px solid @field-control__border-color; border-radius: 1px; color: @field-control__color; @@ -640,7 +640,7 @@ fieldset.field [class^='fields-group-'] .field .control { z-index: 0; } &[disabled] + label:before { - background: @field-control__disabled__bg-color; + background: @field-control__disabled__background-color; opacity: .5; } } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/icons.less b/app/design/adminhtml/Magento/backend/web/css/source/icons.less index 8c910fd5ee08d..912612b3d654e 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/icons.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/icons.less @@ -4,8 +4,8 @@ // */ .font-face( - @family-name: @icon-font-name, - @font-path: @icon-font-path, + @family-name: @icons__font-name, + @font-path: @icons__font-path, @font-weight: normal, @font-style: normal ); diff --git a/app/design/adminhtml/Magento/backend/web/css/source/table.less b/app/design/adminhtml/Magento/backend/web/css/source/table.less index 5da109ce85d1b..b2c117491ad6f 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/table.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/table.less @@ -12,10 +12,10 @@ table { } thead { - background: @grid-filters-bg; + background: @grid-filters-background-color; color: @grid-headings-color; .headings { - background: @grid-headings-bg; + background: @grid-headings-background-color; } a { color: @grid-headings-color; @@ -37,7 +37,7 @@ table { } tfoot { - background: @grid-tfoot-bg; + background: @grid-tfoot-background-color; color: @grid-tfoot-color; tr { th, @@ -259,7 +259,7 @@ table { // Table Grid //-------------------------------------- .grid { - background: @grid-frame-bg; + background: @grid-frame-background-color; .style18(); padding: 15px; @@ -274,7 +274,7 @@ table { &:hover td, &:nth-child(odd):hover th, &:nth-child(odd):hover td { - background-color: @grid-td-bg-hover; + background-color: @grid-td-background-color-hover; cursor: pointer; &.empty-text { background-color: @grid-td-dark; @@ -371,7 +371,7 @@ table { .col-status, .col-price, .col-position, - .col-base_grand_total, + .col__base_grand_total, .col-grand_total, .col-sort_order, // Reports @@ -410,7 +410,7 @@ table { .col-actions { .action-select { - background: @form-element-bg; + background: @form-element-background-color; border-color: @grid-controls-border; height: 28px; margin: 0; @@ -479,7 +479,7 @@ td.col-type { td, tbody tr th, tbody tr td { - background: @data-table-td-bg; + background: @data-table-td-background-color; border-width: 0; padding: 5px 7px; vertical-align: middle; @@ -489,14 +489,14 @@ td.col-type { tr { &:nth-child(odd) th, &:nth-child(odd) td { - background: @data-table-td-bg-odd; + background: @data-table-td-background-color-odd; } } &.odd { tr { th, td { - background: @data-table-td-bg-odd; + background: @data-table-td-background-color-odd; } } } @@ -504,7 +504,7 @@ td.col-type { tr { th, td { - background: @data-table-td-bg; + background: @data-table-td-background-color; } } } @@ -527,13 +527,13 @@ td.col-type { &:hover tr { th, td { - background: @data-table-td-bg-hover; + background: @data-table-td-background-color-hover; } } } tfoot td { - background: @grid-tfoot-bg; + background: @grid-tfoot-background-color; .style2(); } } @@ -650,7 +650,7 @@ td.col-type { // Grid - Pager and Buttons row // -------------------------------------- .grid-actions { - background: @grid-frame-bg; + background: @grid-frame-background-color; font-size: 13px; line-height: 28px; padding: 10px 15px; @@ -733,7 +733,7 @@ td.col-type { width: 22px; } .validation-advice { - background: @validation-bg; + background: @validation-background-color; border: 1px solid @validation-color; border-radius: 3px; color: @validation-color; @@ -799,8 +799,8 @@ td.col-type { .action-previous { .icon-font( @icon-prev, - @_icon-font-color: @pager-actions-color, - @_icon-font-color-hover: @pager-actions-color-hover, + @_icon-font-color: @pager-actions__color, + @_icon-font-color-hover: @pager-actions__color-hover, @_icon-font-size: 40px, @_icon-font-text-hide: true ); @@ -808,8 +808,8 @@ td.col-type { .action-next { .icon-font( @icon-next, - @_icon-font-color: @pager-actions-color, - @_icon-font-color-hover: @pager-actions-color-hover, + @_icon-font-color: @pager-actions__color, + @_icon-font-color-hover: @pager-actions__color-hover, @_icon-font-size: 40px, @_icon-font-text-hide: true ); @@ -835,7 +835,7 @@ td.col-type { // Grid - Mass Action // -------------------------------------- .massaction { - background: @grid-frame-bg; + background: @grid-frame-background-color; border-top: @grid-massaction-border; font-size: 13px; line-height: 28px; @@ -865,7 +865,7 @@ td.col-type { } .select.validation-failed { border: @validation-border; - background: @validation-bg; + background: @validation-background-color; } .form-inline & { &:extend(.massaction-form-inline-label-reset all); @@ -879,7 +879,7 @@ td.col-type { .grid-severity-major, .grid-severity-notice, .grid-severity-minor { - background: @grid-severity-minor-bg; + background: @grid-severity-minor-background-color; border: 1px solid @grid-severity-minor-border; color: @grid-severity-minor-color; display: block; @@ -893,13 +893,13 @@ td.col-type { .grid-severity-critical, .grid-severity-major { border-color: @grid-severity-critical-border; - background: @grid-severity-critical-bg; + background: @grid-severity-critical-background-color; color: @grid-severity-critical-color; } .grid-severity-notice { border-color: @grid-severity-notice-border; - background: @grid-severity-notice-bg; + background: @grid-severity-notice-background-color; color: @grid-severity-notice-color; } @@ -1425,7 +1425,7 @@ td.col-type { .col-currency-edit-rate { min-width: 40px; } - .col-base-currency { + .col__base-currency { font-weight: bold; } .old-rate { diff --git a/app/design/adminhtml/Magento/backend/web/css/source/theme.less b/app/design/adminhtml/Magento/backend/web/css/source/theme.less index 70566b2686261..6bbf0c4799b12 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/theme.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/theme.less @@ -4,121 +4,66 @@ // */ // -// Override default variables +// Blank theme overrides // _____________________________________________ -@font-family-base: 'Open Sans', @font-family-sans-serif; -@col-layout-bg: #f6f3eb; +// Theme file should contain declarations (overrides) ONLY OF EXISTING variables +// Otherwise this theme won't be available for parent nesting +// All new variables should be placed in local theme lib or local theme files -// Introduce new theme specific variables - -@layout-min-width: 960px; -@layout-max-width: 1300px; -@layout-indent: 15px; +// +// Typography +// --------------------------------------------- +// Fonts @color-dark: #31302b; -@color-middle: #676056; -@color-light: #e0dacf; -@color-general: #f3ebde; - -@color-link: #026294; - -@page-main-action-color: #645d53; - -@dropdown-split-actions-padding: ''; -@dropdown-split-toggle-actions-padding: 6px 5px; -@dropdown-split-toggle-icon-font-line-height: 14px; - -// Default = secondary button -@button-padding: 6px 13px; -@button-font-weight: 500; -@button-font-size: 13px; -@button-line-height: @button-font-size + 1; -@button-color: #645d53; -@button-background: #f2ebde; -@button-border: 1px solid #ada89e; -@button-background-hover: #cac3b4; -@button-color-hover: ''; -@button-border-hover: ''; -@button-background-active: @button-background-hover; -@button-color-active: ''; -@button-border-active: 1px solid #989287; - -// Primary button -@button-primary-background: #007dbd; -@button-primary-border: 1px solid #0a6c9f; -@button-primary-color: @color-white; -@button-primary-background-hover: #026294; -@button-primary-border-hover: 1px solid #026294; -@button-primary-color-hover: ''; -@button-primary-background-active: @button-primary-background-hover; -@button-primary-border-active: 1px solid #004c74; - -@responsive: false; // -// Form elements +// Layout // --------------------------------------------- -@form-element-bg: @color-white; +@responsive: false; + +@layout__max-width: 1300px; +@layout-indent__width: 15px; // -// Validation +// Dropdowns // --------------------------------------------- -@validation-color: #e22626; -@validation-color-rgba: rgba(226, 38, 38, .6); -@validation-bg: #f9d4d4; -@validation-border: 1px dashed @validation-color; -@validation-color-light: #f9d4d4; // For asterisk on elements of grid tables +@dropdown-split-actions__padding: ''; +@dropdown-split-toggle__actions__padding: 6px 5px; +@dropdown-split-toggle-icon__font-line-height: 14px; // -// Grid +// Buttons // --------------------------------------------- -@grid-frame-bg: @color-white; -@grid-controls-border: #989287; - -@grid-headings-color: #f7f3eb; -@grid-headings-color-darker: darken(@grid-headings-color, 20%); -@grid-headings-bg: #807a6e; -@grid-headings-border: #cac3b4; - -@grid-filters-color: #f7f3eb; -@grid-filters-bg: @color-middle; -@grid-filters-border: @grid-filters-bg; -@grid-filters-placeholder-color: #989287; - -@grid-massaction-border: 1px solid #f2ebde; - -@grid-td-color: @color-middle; -@grid-td-light: @color-white; -@grid-td-dark: #f7f3eb; -@grid-td-border: @grid-headings-border; -@grid-td-bg-hover: #f2ebde; - -@grid-tfoot-color: @grid-td-color; -@grid-tfoot-bg: #f2ebde; - -@grid-severity-critical-color: #e22626; -@grid-severity-critical-bg: #f9d4d4; -@grid-severity-critical-border: @grid-severity-critical-color; - -@grid-severity-notice-color: #185b00; -@grid-severity-notice-bg: #d0e5a9; -@grid-severity-notice-border: #5b8116; +// Default = secondary button +@button__padding: 6px 13px; +@button__font-weight: 500; +@button__font-size: 13px; +@button__line-height: @button__font-size + 1; +@button__color: #645d53; +@button__background: #f2ebde; +@button__border: 1px solid #ada89e; + +@button__hover__background: #cac3b4; +@button__hover__color: ''; +@button__hover__border: ''; + +@button__active__background: @button__hover__background; +@button__active__color: ''; +@button__active__border: 1px solid #989287; -@grid-severity-minor-color: #ed4f2e; -@grid-severity-minor-bg: #feeee1; -@grid-severity-minor-border: @grid-severity-minor-color; +// Primary button +@button-primary__background: #007dbd; +@button-primary__border: 1px solid #0a6c9f; +@button-primary__color: @color-white; -// Pager -@pager-actions-color: @primary3; -@pager-actions-color-hover: @primary5; +@button-primary__hover__background: #026294; +@button-primary__hover__border: 1px solid #026294; +@button-primary__hover__color: ''; -// Data-table -@data-table-th-border-color: #c9c2b8; -@data-table-td-border-color: #eae8e4; -@data-table-td-bg: @grid-td-light; -@data-table-td-bg-odd: #fbfaf6; -@data-table-td-bg-hover: #f7f3eb; +@button-primary__active__background: @button-primary__hover__background; +@button-primary__active__border: 1px solid #004c74; diff --git a/app/design/adminhtml/Magento/backend/web/css/source/utilities/_grid.less b/app/design/adminhtml/Magento/backend/web/css/source/utilities/_grid.less index caa79cd74e35c..44460f957bf23 100644 --- a/app/design/adminhtml/Magento/backend/web/css/source/utilities/_grid.less +++ b/app/design/adminhtml/Magento/backend/web/css/source/utilities/_grid.less @@ -64,26 +64,26 @@ padding-left: (@gutter / 2); padding-right: (@gutter / 2); - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { float: left; width: percentage((@columns / @grid-columns)); } } .make-m-column-offset(@columns) { - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { margin-left: percentage((@columns / @grid-columns)); } } .make-m-column-push(@columns) { - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { left: percentage((@columns / @grid-columns)); } } .make-m-column-pull(@columns) { - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { right: percentage((@columns / @grid-columns)); } } @@ -98,26 +98,26 @@ padding-left: (@gutter / 2); padding-right: (@gutter / 2); - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { float: left; width: percentage((@columns / @grid-columns)); } } .make-l-column-offset(@columns) { - .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { + .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { margin-left: percentage((@columns / @grid-columns)); } } .make-l-column-push(@columns) { - @media (min-width: @screen-l) { + @media (min-width: @screen__l) { left: percentage((@columns / @grid-columns)); } } .make-l-column-pull(@columns) { - @media (min-width: @screen-l) { + @media (min-width: @screen__l) { right: percentage((@columns / @grid-columns)); } } @@ -132,26 +132,26 @@ padding-left: (@gutter / 2); padding-right: (@gutter / 2); - @media (min-width: @screen-xl) { + @media (min-width: @screen__xl) { float: left; width: percentage((@columns / @grid-columns)); } } .make-xl-column-offset(@columns) { - @media (min-width: @screen-xl) { + @media (min-width: @screen__xl) { margin-left: percentage((@columns / @grid-columns)); } } .make-xl-column-push(@columns) { - @media (min-width: @screen-xl) { + @media (min-width: @screen__xl) { left: percentage((@columns / @grid-columns)); } } .make-xl-column-pull(@columns) { - @media (min-width: @screen-xl) { + @media (min-width: @screen__xl) { right: percentage((@columns / @grid-columns)); } } diff --git a/app/design/adminhtml/Magento/backend/web/css/source/variables.less b/app/design/adminhtml/Magento/backend/web/css/source/variables.less new file mode 100644 index 0000000000000..cde6b27a6f88f --- /dev/null +++ b/app/design/adminhtml/Magento/backend/web/css/source/variables.less @@ -0,0 +1,101 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Admin theme variables +// _____________________________________________ + +// +// Typography +// --------------------------------------------- + +// Fonts +@font-family-name__base: 'Open Sans'; +@font-family__base: @font-family-name__base, @font-family__sans-serif; + +// Colors +@col-layout-background-color: #f6f3eb; +@color-middle: #676056; +@color-light: #e0dacf; +@color-general: #f3ebde; +@color-link: #026294; +@page-main-action-color: #645d53; + +// +// Layout +// --------------------------------------------- + +@layout__min-width: 960px; + +// +// Forms +// --------------------------------------------- + +@form-element-background-color: @color-white; + +// Validation +@validation-color: #e22626; +@validation-color-rgba: rgba(226, 38, 38, .6); +@validation-background-color: #f9d4d4; +@validation-border: 1px dashed @validation-color; +@validation-color-light: #f9d4d4; // For asterisk on elements of grid tables + +// +// Tables +// --------------------------------------------- + +// Data-table +@data-table-th-border-color: #c9c2b8; +@data-table-td-border-color: #eae8e4; +@data-table-td-background-color: @grid-td-light; +@data-table-td-background-color-odd: #fbfaf6; +@data-table-td-background-color-hover: #f7f3eb; + +// +// Grid +// --------------------------------------------- + +@grid-frame-background-color: @color-white; +@grid-controls-border: #989287; + +@grid-headings-color: #f7f3eb; +@grid-headings-color-darker: darken(@grid-headings-color, 20%); +@grid-headings-background-color: #807a6e; +@grid-headings-border: #cac3b4; + +@grid-filters-color: #f7f3eb; +@grid-filters-background-color: @color-middle; +@grid-filters-border: @grid-filters-background-color; +@grid-filters-placeholder-color: #989287; + +@grid-massaction-border: 1px solid #f2ebde; + +@grid-td-color: @color-middle; +@grid-td-light: @color-white; +@grid-td-dark: #f7f3eb; +@grid-td-border: @grid-headings-border; +@grid-td-background-color-hover: #f2ebde; + +@grid-tfoot-color: @grid-td-color; +@grid-tfoot-background-color: #f2ebde; + +@grid-severity-critical-color: #e22626; +@grid-severity-critical-background-color: #f9d4d4; +@grid-severity-critical-border: @grid-severity-critical-color; + +@grid-severity-notice-color: #185b00; +@grid-severity-notice-background-color: #d0e5a9; +@grid-severity-notice-border: #5b8116; + +@grid-severity-minor-color: #ed4f2e; +@grid-severity-minor-background-color: #feeee1; +@grid-severity-minor-border: @grid-severity-minor-color; + +// +// Pager +// --------------------------------------------- + +@pager-actions__color: @primary3; +@pager-actions__color-hover: @primary5; diff --git a/app/design/adminhtml/Magento/backend/web/css/styles-old.less b/app/design/adminhtml/Magento/backend/web/css/styles-old.less index f5b4a53888e70..b3d132ede55ac 100644 --- a/app/design/adminhtml/Magento/backend/web/css/styles-old.less +++ b/app/design/adminhtml/Magento/backend/web/css/styles-old.less @@ -8,18 +8,19 @@ //.magento-reset(); // Reset default styles with magento_reset // Import theme vars overrides and mixins -@import "source/lib/lib.less"; // Import all lib files -@import "../less/styles/vars.less"; -@import "source/theme"; // import theme styles -@import "source/table"; // import theme styles -@import "source/icons"; +@import 'source/lib/_lib'; // Import all lib files +@import '../less/styles/vars.less'; +@import 'source/theme'; // import theme styles +@import 'source/variables'; +@import 'source/table'; // import theme styles +@import 'source/icons'; -@baseDir: "../"; //default +@baseDir: '../'; //default -@import "source/navigation"; // import theme navigation -@import "source/dashboard"; // import theme navigation +@import 'source/navigation'; // import theme navigation +@import 'source/dashboard'; // import theme navigation // Magento Import instructions //@magento_import "source/module.less"; // import theme styles -@import (reference) "source/abstract"; // import theme styles +@import (reference) 'source/abstract'; // import theme styles diff --git a/app/design/adminhtml/Magento/backend/web/css/styles.less b/app/design/adminhtml/Magento/backend/web/css/styles.less index f7844fb7eb7ca..7aa753ae550ba 100644 --- a/app/design/adminhtml/Magento/backend/web/css/styles.less +++ b/app/design/adminhtml/Magento/backend/web/css/styles.less @@ -3,10 +3,9 @@ * See COPYING.txt for license details. */ -@import 'source/lib/lib.less'; // Import all lib files -@import 'source/_theme.less'; // Import theme variables +@import 'source/lib/_lib'; // Global lib +@import 'source/_theme'; // Theme variables overrides +@import 'source/_sources'; // Theme -// Magento Import instructions -//@magento_import "source/_module.less"; // Import theme styles - -@import 'source/_sources.less'; // Import theme files +// Magento Import instructions +//@magento_import "source/_module.less"; // import theme styles diff --git a/app/design/adminhtml/Magento/backend/web/less/clearless/grids.less b/app/design/adminhtml/Magento/backend/web/less/clearless/grids.less index 034698a47029e..3ad07a4ce4420 100644 --- a/app/design/adminhtml/Magento/backend/web/less/clearless/grids.less +++ b/app/design/adminhtml/Magento/backend/web/less/clearless/grids.less @@ -26,9 +26,6 @@ .inline-column-wrapper() when (@using-ieclasses) { letter-spacing: -.31em; word-spacing: -.43em; - .ie7 & { - letter-spacing: normal; - } } .column() { diff --git a/app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/_module.less similarity index 82% rename from app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/_module.less index 400d5229ef41d..623c17ced66ff 100644 --- a/app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Bundle/web/css/source/_module.less @@ -18,7 +18,7 @@ .bundle-options-container { clear: both; - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; .legend.title { .heading(h2); @@ -33,17 +33,17 @@ } .product-options-wrapper { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } .action.back { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } .price-box { .price { - font-weight: @font-weight-bold; - font-size: @font-size-l; + font-weight: @font-weight__bold; + font-size: @font-size__l; } } @@ -52,8 +52,8 @@ } .block-bundle-summary { - padding: @indent-s-base @indent-base; - .css(background, @color-secondary); + padding: @indent__s @indent__base; + .css(background, @secondary__color); &:extend(.abs-add-box-sizing all); > .title > strong { @@ -61,7 +61,7 @@ } .bundle-summary { - margin-top: @indent-l-base; + margin-top: @indent__l; &.empty { display: none; } @@ -74,13 +74,13 @@ .bundle.items { &:extend(.abs-reset-list all); > li { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } } .box-tocart { .actions { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; display: inline-block; } .action.primary { @@ -95,7 +95,7 @@ } } p.required { - .css(color, @form-field-label-asterisk-color); + .css(color, @form-field-label-asterisk__color); } } @@ -104,7 +104,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .bundle-options-container { .legend.title { &:extend(.abs-reset-left-margin all); diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less similarity index 85% rename from app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less index 25f78a31db89e..69f89d68c6a94 100644 --- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less @@ -21,17 +21,17 @@ @product-grid-items-per-row-layout-3-screen-m: ''; @product-grid-items-per-row-layout-3-screen-l: ''; -@product-grid-items-padding: 0 @indent-base @indent-base; -@product-grid-items-margin: 0 0 @indent-s-base; +@product-grid-items-padding: 0 @indent__base @indent__base; +@product-grid-items-margin: 0 0 @indent__s; @product-name-text-decoration: none; -@product-name-text-decoration-hover: @link-text-decoration-hover; +@product-name-text-decoration-hover: @link__hover__text-decoration; @toolbar-mode-icon-font-size: 26px; -@product-h1-margin-bottom-desktop: @indent-base; +@product-h1-margin-bottom-desktop: @indent__base; -@import "listings.less"; -@import "toolbar.less"; +@import 'module/_listings'; +@import 'module/_toolbar'; // // Common @@ -69,7 +69,7 @@ } .actual-price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .product.name a { @@ -86,7 +86,7 @@ } &-image, &-description { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -129,12 +129,12 @@ max-width: 100%; } .notice { - margin: @indent-s-base 0; - .css(color, @text-color-muted); - .font-size(@font-size-s); + margin: @indent__s 0; + .css(color, @text__color__muted); + .font-size(@font-size__s); } .product.thumbs { - margin: @indent-base 0 @indent-l-base; + margin: @indent__base 0 @indent__l; } .items.thumbs { .list-inline(); @@ -152,9 +152,9 @@ width: auto; .table-resize( @_th-padding-left: 0, - @_th-padding-right: @indent-l-base, - @_th-padding-bottom: @indent-s-base, - @_td-padding-bottom: @indent-s-base + @_th-padding-right: @indent__l, + @_th-padding-bottom: @indent__s, + @_td-padding-bottom: @indent__s ); } } @@ -162,16 +162,16 @@ .product-info-main { .page-title { .title { - margin-bottom: @indent-s-base; - line-height: @line-height-base; + margin-bottom: @indent__s; + line-height: @line-height__base; } } .stock { &.available, &.unavailable { display: inline-block; - font-weight: @font-weight-bold; - margin-right: @indent-base; + font-weight: @font-weight__bold; + margin-right: @indent__base; text-transform: uppercase; vertical-align: top; } @@ -181,25 +181,25 @@ &.sku { display: inline-block; vertical-align: top; - .css(color, @text-color-muted); + .css(color, @text__color__muted); > .value { display: inline-block; vertical-align: top; } } &.overview { - margin: @indent-base 0; + margin: @indent__base 0; } } &.alert { - margin: @indent-s-base 0; + margin: @indent__s 0; } } .price-box { - margin-top: @indent-s-base; + margin-top: @indent__s; } .product-reviews-summary .reviews-actions { - .font-size(@font-size-base); + .font-size(@font-size__base); } } @@ -210,21 +210,21 @@ .weee + .price-excluding-tax, .weee { .font-size(12); - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; line-height: 14px; .price { .font-size(12); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .price-wrapper .price { .font-size(18); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .special-price { display: block; - margin: @indent-s-base 0; + margin: @indent__s 0; .price-container { .font-size(14); } @@ -241,12 +241,12 @@ } } .box-tocart { - margin: @indent-base 0; + margin: @indent__base 0; .field.qty { - padding-right: .75 * @indent-base; + padding-right: .75 * @indent__base; } .input-text.qty { - @tocart-input-size: @button-l-line-height + 28px; + @tocart-input-size: @button__line-height__l + 28px; width: @tocart-input-size + 2px; height: @tocart-input-size + 2px; text-align: center; @@ -259,7 +259,7 @@ } } .product-addto-links { - margin: @indent-base 0; + margin: @indent__base 0; } .action.tocompare { &:extend(.abs-action-addto-product all); @@ -270,8 +270,8 @@ .prices-tier { &:extend(.abs-reset-list all); .css(background, @sidebar-background); - padding: @indent-s-base (.75 * @indent-base); - margin: @indent-s-base 0; + padding: @indent__s (.75 * @indent__base); + margin: @indent__s 0; .price-tier_price { display: inline-block; } @@ -281,7 +281,7 @@ display: inline-block; .price { .font-size(14); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } } @@ -292,7 +292,7 @@ .block.related { .action.select { - margin: 0 @indent-xs-base; + margin: 0 @indent__xs; } } @@ -302,7 +302,7 @@ .sidebar { .product-items { .product-item { - margin-bottom: @indent-base; + margin-bottom: @indent__base; position: relative; &-info { position: relative; @@ -321,19 +321,19 @@ } &-actions { display: block; - margin-top: @indent-s-base; + margin-top: @indent__s; } } .price-box { display: block; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin: 7px 0; } .text { margin-right: 8px; } .counter { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); .font-size(12); white-space: nowrap; } @@ -364,11 +364,11 @@ //-------------------------------------- .product-items-images { &:extend(.abs-add-clearfix all); - margin-left: -@indent-xs-base; + margin-left: -@indent__xs; .product-item { &:extend(.abs-add-box-sizing all); float: left; - padding-left: @indent-xs-base; + padding-left: @indent__xs; } } @@ -377,7 +377,7 @@ //-------------------------------------- .product-items-names { .product-item { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .product-item-name { margin: 0; @@ -390,7 +390,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .catalog-product-view { .column.main { .vendor-prefix-display(flex); @@ -409,7 +409,7 @@ } .block.related { .action.select { - margin: @indent-xs-base 0; + margin: @indent__xs 0; display: block; } } @@ -418,7 +418,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-info-main, .product-options-bottom { .box-tocart { @@ -428,7 +428,7 @@ } .actions { display: table-cell; - padding-top: @indent-m-base; + padding-top: @indent__m; text-align: center; vertical-align: bottom; } @@ -452,7 +452,7 @@ left: auto; top: auto; float: left; - margin: 0 @indent-s-base @indent-s-base 0; + margin: 0 @indent__s @indent__s 0; } } &-details { @@ -474,7 +474,7 @@ // // Desktop large //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-xl) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .sidebar { .product-items { .product-item { @@ -498,7 +498,7 @@ // // Category page layout //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-info-main { float: right; } @@ -537,7 +537,7 @@ //-------------------------------------- .map.popup { .popup( - @_popup-margin-top: @indent-s-base, + @_popup-margin-top: @indent__s, @_popup-margin-left: false, @_popup-content-margin: 10px 0 0, @_popup-position-top: false, @@ -590,7 +590,7 @@ body.catalog-product-compare-index { .cell.label, td:last-child { - border-right: @table-border-width @table-border-style @table-border-color; + border-right: @table__border-width @table__border-style @table__border-color; } .cell { @@ -603,7 +603,7 @@ body.catalog-product-compare-index { &.product.info, &.product.label { - border-bottom: @table-border-width @table-border-style @table-border-color; + border-bottom: @table__border-width @table__border-style @table__border-color; } &.label { .attribute.label { @@ -661,7 +661,7 @@ body.catalog-product-compare-index { .product-item-actions { > .actions-primary { + .actions-secondary { - margin-top: @indent-s-base; + margin-top: @indent__s; } } } @@ -678,7 +678,7 @@ body.catalog-product-compare-index { top: 0; left: 0; width: auto; - .css(background, @page-bg-color); + .css(background, @page__background-color); } .block-compare { diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/widgets.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less similarity index 95% rename from app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/widgets.less rename to app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less index b3f6a23021ee3..aea35c4035f3f 100644 --- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/widgets.less +++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_widgets.less @@ -13,7 +13,7 @@ .block-category-link { &.widget { display: block; - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -51,7 +51,7 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/3 } @@ -61,13 +61,13 @@ // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block.widget .products-grid .product-item{ width: 100%/3 } .page-layout-1column .block.widget .products-grid .product-item { width: 100%/4 } .page-layout-3columns .block.widget .products-grid .product-item { width: 100%/2 } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .block.widget .products-grid .product-item { width: 100%/5 } .page-layout-1column .block.widget .products-grid .product-item { width: 100%/6; @@ -91,7 +91,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .sidebar .block.widget .pager { .item:not(.pages-item-next):not(.pages-item-previous) { &:extend(.abs-no-display-desktop all); diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/listings.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less similarity index 88% rename from app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/listings.less rename to app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less index eb4f1e1c21ef0..f7fabaa6d61d4 100644 --- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/listings.less +++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less @@ -4,7 +4,7 @@ // */ @product-name-text-decoration: none; -@product-name-text-decoration-hover: @link-text-decoration-hover; +@product-name-text-decoration-hover: @link__hover__text-decoration; // @@ -14,16 +14,16 @@ & when (@media-common = true) { .product-name() { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; > a { .link( - @_link-color: @text-color, + @_link-color: @text__color, @_link-text-decoration: @product-name-text-decoration, - @_link-color-visited: @text-color, + @_link-color-visited: @text__color, @_link-text-decoration-visited: @product-name-text-decoration, - @_link-color-hover: @text-color, + @_link-color-hover: @text__color, @_link-text-decoration-hover: @product-name-text-decoration-hover, - @_link-color-active: @text-color, + @_link-color-active: @text__color, @_link-text-decoration-active: @product-name-text-decoration-hover ); } @@ -31,7 +31,7 @@ // Product Lists .products { - margin: @indent-l-base 0; + margin: @indent__l 0; } .product { @@ -49,7 +49,7 @@ &-name { .product-name(); display: block; - margin: @indent-xs-base 0; + margin: @indent__xs 0; word-break: break-all; // Non standard for webkit word-break: break-word; @@ -82,7 +82,7 @@ } } &-description { - margin: @indent-m-base 0; + margin: @indent__m 0; } .product-reviews-summary { .rating-summary { @@ -91,18 +91,18 @@ .reviews-actions { margin-top: 5px; text-transform: lowercase; - font-size: @font-size-s; + font-size: @font-size__s; } } .price-box { - margin: @indent-s-base 0 @indent-m-base; + margin: @indent__s 0 @indent__m; .price { .font-size(14); font-weight: bold; } .price-label { - font-size: @font-size-s; + font-size: @font-size__s; &:after { content: ":"; } @@ -129,7 +129,7 @@ .old-price { .price { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } @@ -142,11 +142,11 @@ .minimal-price-link { margin-top: 5px; .price-label { - .css(color, @link-color); + .css(color, @link__color); .font-size(14); } .price { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } @@ -230,7 +230,7 @@ } &-photo { width: 1%; - padding: 0 @indent-l-base @indent-l-base 0; + padding: 0 @indent__l @indent__l 0; vertical-align: top; display: table-cell; } @@ -251,23 +251,23 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-list .product { &-item { table-layout: fixed; &-photo { - padding: 0 @indent-s-base @indent-s-base 0; + padding: 0 @indent__s @indent__s 0; width: 30%; } } } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .product { &-item { .products-grid & { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } &-info { } @@ -275,7 +275,7 @@ &-actions { display: block; .products-grid & { - margin: @indent-s-base 0; + margin: @indent__s 0; } .actions-primary + .actions-secondary { display: table-cell; @@ -305,12 +305,12 @@ // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-products .products-grid .product-item { width: 100%/3 } .page-products.page-layout-1column .products-grid .product-item { width: 100%/4 } .page-products.page-layout-3columns .products-grid .product-item { width: 100%/2 } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .products-grid .product-item { width: 100%/5 } .page-layout-1column .products-grid .product-item { width: 100%/6 } .page-layout-3columns .products-grid .product-item { width: 100%/4 } diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/toolbar.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less similarity index 86% rename from app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/toolbar.less rename to app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less index c6361620db51d..cfe89a57bc0c5 100644 --- a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/toolbar.less +++ b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_toolbar.less @@ -8,7 +8,7 @@ //-------------------------------------- @toolbar-mode-icon-font-size: 24px; -@toolbar-element-background: @panel-bg; +@toolbar-element-background: @panel__background-color; & when (@media-common = true) { @@ -30,9 +30,9 @@ } } &-products { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; text-align: center; - padding: 0 @indent-s-base; + padding: 0 @indent__s; &:extend(.abs-add-clearfix all); .pages { display: none; @@ -97,7 +97,7 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .page-products .columns { position: relative; z-index: 1; @@ -117,7 +117,7 @@ .modes { float: left; display: inline-block; - margin-right: @indent-base; + margin-right: @indent__base; overflow: hidden; .products.wrapper ~ .toolbar & { display: none; @@ -127,9 +127,9 @@ } &-mode { float: left; - border: 1px solid @border-color-base; - font-weight: @font-weight-base; - .css(color, @text-color-muted); + border: 1px solid @border-color__base; + font-weight: @font-weight__regular; + .css(color, @text__color__muted); text-align: center; padding: 7px 10px; line-height: 1; @@ -137,13 +137,13 @@ .icon-text-hide(); &:not(.active):hover { background: darken(@toolbar-element-background, 7%); - .css(color, @text-color-muted); + .css(color, @text__color__muted); } &:last-child { - border-right: 1px solid @border-color-base; + border-right: 1px solid @border-color__base; } &.active { - .css(color, @color-primary-light); + .css(color, @primary__color__light); } .icon-font( @icon-grid, diff --git a/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/_module.less similarity index 90% rename from app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/_module.less index 86b195336a8f0..2217a6cf6e39b 100644 --- a/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_CatalogSearch/web/css/source/_module.less @@ -4,7 +4,7 @@ // */ @autocomplete-background: @color-white; -@autocomplete-border: 1px solid @form-element-input-border-color; +@autocomplete-border: 1px solid @form-element-input__border-color; @autocomplete-item-border: 1px solid @color-gray90; @autocomplete-item-hover: @color-gray91; @autocomplete-item-amount-color: @color-gray60; @@ -46,10 +46,10 @@ display: none; } .control { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; clear: both; - margin: 0 -@layout-width-xs-indent -1px; - padding: 0 @layout-width-xs-indent; + margin: 0 -@layout__width-xs-indent -1px; + padding: 0 @layout__width-xs-indent; } input { @@ -79,7 +79,7 @@ } .css(border-top, @autocomplete-item-border); cursor: pointer; - padding: @indent-xs-base @indent-xl-base @indent-xs-base @indent-s-base; + padding: @indent__xs @indent__xl @indent__xs @indent__s; margin: 0; position: relative; text-align: left; @@ -95,7 +95,7 @@ .css(color, @autocomplete-item-amount-color); position: absolute; right: 7px; - top: @indent-xs-base; + top: @indent__xs; } } } @@ -156,7 +156,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-search { .block-content { margin-bottom: 0; @@ -164,16 +164,16 @@ } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .block-search { - margin-top: @indent-s-base; + margin-top: @indent__s; } } // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-search { position: relative; float: right; @@ -197,7 +197,7 @@ position: static; padding-right: 35px; margin: 0; - .input-placeholder(@form-element-input-placeholder-color); + .input-placeholder(@form-element-input-placeholder__color); } .action.search { position: absolute; @@ -216,7 +216,7 @@ .css(color, @color-gray20); } } - padding: @indent-xs-base 0; + padding: @indent__xs 0; } } .search-autocomplete { diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/_module.less similarity index 79% rename from app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/_module.less index f51a0874b06b2..ff64e3c87a512 100644 --- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/_module.less @@ -3,8 +3,8 @@ // * See COPYING.txt for license details. // */ -@import 'cart.less'; -@import 'minicart.less'; +@import 'module/_cart'; +@import 'module/_minicart'; @desktop-form-field-vertical-indent: 29px; @@ -19,7 +19,7 @@ // --------------------------------------------- .opc-wrapper:extend(.abs-add-box-sizing all) { - .css(padding-bottom, @indent-xl-base); + .css(padding-bottom, @indent__xl); > .opc:extend(.abs-reset-list all) { } .section { @@ -29,7 +29,7 @@ &.active { .step { &-title { - .css(color, @color-primary-darker); + .css(color, @primary__color__darker); cursor: default; } &-content { @@ -40,8 +40,8 @@ } .step { &-title { - border-bottom: @border-width-base solid @border-color-base; - .css(color, @color-primary-lighter); + border-bottom: @border-width__base solid @border-color__base; + .css(color, @primary__color__lighter); line-height: 50px; h2, .number { @@ -54,10 +54,10 @@ } &-content { display: none; - padding: @indent-base @indent-s-base; + padding: @indent__base @indent__s; position: relative; .addresses .control { - margin: @indent-base 0; + margin: @indent__base 0; } .fieldset { margin-bottom: 0; @@ -69,7 +69,7 @@ } } > .field { - margin: @form-field-vertical-indent 0 0; + margin: @form-field__vertical-indent 0 0; } &.address { .field:first-of-type:not(.additional) { @@ -87,7 +87,7 @@ > .legend + br:extend(.abs-no-display all) { } > .field { - margin: @indent-base 0 0; + margin: @indent__base 0 0; &:before { display: none; } @@ -107,14 +107,14 @@ text-align: center; } .field:not(:first-child) { - margin: @indent-base 0 0; + margin: @indent__base 0 0; } > .field.choice { - margin: @form-field-vertical-indent 0 0; + margin: @form-field__vertical-indent 0 0; } .field { &.month { - padding-right: @indent-s-base; + padding-right: @indent__s; } &.year { margin-top: 0; @@ -127,7 +127,7 @@ } } .actions { - margin-top: @indent-base; + margin-top: @indent__base; } .field.street { .field.additional { @@ -139,9 +139,9 @@ } .opc-payment-additional { - margin: 0 0 @indent-xs-base; + margin: 0 0 @indent__xs; + .opc-payment { - margin: @indent-base 0 0; + margin: @indent__base 0 0; } } @@ -151,7 +151,7 @@ .order-review { .fieldset > .field > .label { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } @@ -164,15 +164,15 @@ } } .item-options:extend(.abs-add-clearfix all) { - font-size: @font-size-s; - margin: @indent-s-base 0 0; + font-size: @font-size__s; + margin: @indent__s 0 0; } .cart-price:extend(.abs-checkout-cart-price all) { } } .action.primary.checkout { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } .hidden:extend(.abs-no-display all) { @@ -187,16 +187,16 @@ .block-title:extend(.abs-login-block-title all) { } .fieldset.guest { - margin-top: @indent-base; + margin-top: @indent__base; } .field.choice { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } } } .actions-toolbar { - margin: @indent-xl-base 0 0; + margin: @indent__xl 0 0; } } @@ -208,12 +208,12 @@ .item-title:extend(.abs-methods-shipping-title all) { } .item-content:extend(.abs-adjustment-incl-excl-tax all) { - margin: 0 0 @indent-xl-base; + margin: 0 0 @indent__xl; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .field.choice { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; .control { float: left; } @@ -224,11 +224,11 @@ } } .price-box { - margin-bottom: @indent-xs-base; - margin-left: @indent-xl-base; - margin-top: @indent-s-base; + margin-bottom: @indent__xs; + margin-left: @indent__xl; + margin-top: @indent__s; .label + .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } img { @@ -243,17 +243,17 @@ .methods-payment { .item { &-title { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } &-content { - margin: 0 0 0 @indent-base; + margin: 0 0 0 @indent__base; .label { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } } .fieldset { - padding: 15px 0 @indent-m-base; + padding: 15px 0 @indent__m; } .fieldset & { .item-content > .fieldset > .field:first-child { @@ -261,11 +261,11 @@ } } .redirect { - .font-size(@font-size-s); + .font-size(@font-size__s); padding: 0 0 15px; } img { - margin-right: @indent-xs-base; + margin-right: @indent__xs; vertical-align: middle; } } @@ -279,37 +279,37 @@ // --------------------------------------------- .opc-block-progress:extend(.abs-add-box-sizing all) { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; > .title { .css(background, @sidebar-background); .heading(h3); margin: 0; - padding: 15px 15px @indent-base; + padding: 15px 15px @indent__base; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } > .content { .css(background, @sidebar-background); - padding: 0 15px @indent-xs-base; + padding: 0 15px @indent__xs; .item-content.complete { margin: 0 0 15px; overflow: hidden; } .action, .payment-method .title { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .data.table { - font-size: @font-size-s; + font-size: @font-size__s; } } .payment-method { > .title { - font-weight: @font-weight-light; + font-weight: @font-weight__light; } > .content { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; &:last-child { margin-bottom: 0; } @@ -322,10 +322,10 @@ } .data.table { th { - padding: @indent-xs-base @indent-s-base @indent-xs-base 0; + padding: @indent__xs @indent__s @indent__xs 0; } td { - padding: @indent-xs-base 0; + padding: @indent__xs 0; } } } @@ -344,7 +344,7 @@ .checkout-success { .actions-toolbar { - margin-top: @indent-xl-base; + margin-top: @indent__xl; } } @@ -361,7 +361,7 @@ // Mobile // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .opc-wrapper { table.data.table:extend(.abs-checkout-order-review all) { } @@ -372,14 +372,14 @@ // Desktop // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .checkout-onepage-index .column.main:extend(.abs-add-clearfix-desktop-s all) { } .opc-wrapper:extend(.abs-add-box-sizing-desktop-s all) { - .layout-column(2, 2, @layout-column-checkout-main-width); + .layout-column(2, 2, @layout-column-checkout__width-main); .step-content { - padding: @indent-base 18px @indent-xl-base; + padding: @indent__base 18px @indent__xl; .addresses .control { margin-bottom: @desktop-form-field-vertical-indent; } @@ -408,8 +408,8 @@ } .opc-block-progress:extend(.abs-add-box-sizing-desktop-s all) { - .layout-column(2, 1, @layout-column-checkout-left-width); - padding-right: @layout-column-main-sidebar-offset; + .layout-column(2, 1, @layout-column-checkout__width-left); + padding-right: @layout-column-main__sidebar-offset; } .login-wrapper:extend(.abs-add-clearfix-desktop-s all) { @@ -435,7 +435,7 @@ .print { display: inline-block; .font-size(14); - margin-left: @indent-xl-base; + margin-left: @indent__xl; } } } diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/cart.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_cart.less similarity index 85% rename from app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/cart.less rename to app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_cart.less index 4849ee0a58c76..144ae63c2a872 100644 --- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/cart.less +++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_cart.less @@ -17,8 +17,8 @@ &-summary { &:extend(.abs-add-box-sizing all); .css(background, @sidebar-background); - margin-bottom: @indent-m-base; - padding: 1px 15px @indent-m-base; + margin-bottom: @indent__m; + padding: 1px 15px @indent__m; > .title { .heading(h3); display: block; @@ -31,10 +31,10 @@ @_icon-font-size: 30px, @_icon-font-position: after ); - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; cursor: pointer; display: block; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin-bottom: 0; overflow: hidden; padding: 7px 20px 7px 5px; @@ -46,7 +46,7 @@ } strong { .column.main & { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; .font-size(18); } } @@ -71,9 +71,9 @@ .fieldset { margin: 15px 0 25px 5px; .field { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; &.note { - font-size: @font-size-s; + font-size: @font-size__s; } } } @@ -110,49 +110,49 @@ .table-wrapper { overflow: inherit; } - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; padding-top: 10px; .mark { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; padding-left: 4px; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } .amount { padding-right: 4px; text-align: right; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } .grand:last-child { .mark, .amount { - padding-top: @indent-base; + padding-top: @indent__base; } .amount { padding-right: 4px; text-align: right; strong { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } } .msrp { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .totals-tax { &-summary { .mark, .amount { - border-top: @border-width-base solid @border-color-base; - border-bottom: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; + border-bottom: @border-width__base solid @border-color__base; cursor: pointer; } .amount .price { position: relative; - padding-right: @indent-m-base; + padding-right: @indent__m; .icon-font( @icon-down, @_icon-font-size: 30px, @@ -181,7 +181,7 @@ } &-details { display: none; - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; &.shown { display: table-row; } @@ -196,10 +196,10 @@ &.table-wrapper { .items { thead + .item { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; } > .item { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; position: relative; } } @@ -234,8 +234,8 @@ > .action { &:extend(button all); .link-as-button(); - margin-left: @indent-s-base; - margin-bottom: @indent-s-base; + margin-left: @indent__s; + margin-bottom: @indent__s; &:first-child { margin-left: 0; } @@ -244,7 +244,7 @@ .action { &.help.map { &:extend(.abs-action-button-as-link all); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } .product { @@ -262,7 +262,7 @@ } &-item-name { display: inline-block; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; margin-top: -6px; overflow: hidden; text-overflow: ellipsis; @@ -275,14 +275,14 @@ } // Product options .item-options { - font-size: @font-size-s; - margin-bottom: @indent-s-base; + font-size: @font-size__s; + margin-bottom: @indent__s; &:extend(.abs-product-options-list all); &:extend(.abs-add-clearfix all); } .product-item-name + .item-options { - margin-top: @indent-s-base; + margin-top: @indent__s; } .product-image-wrapper { @@ -290,7 +290,7 @@ } .action.configure { display: inline-block; - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } } &-container { @@ -300,10 +300,10 @@ .checkout-methods-items { &:extend(.abs-reset-list all); text-align: center; - margin-top: @indent-base; + margin-top: @indent__base; .action.primary { &:extend(.abs-button-l all); - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; width: 100%; } } @@ -322,7 +322,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .cart { &.table-wrapper { thead { @@ -344,7 +344,7 @@ &:before { content: attr(data-th) ":"; display: block; - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; padding-bottom: 10px; } } @@ -362,7 +362,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .cart { &-container { &:extend(.abs-add-clearfix-desktop all); @@ -389,7 +389,7 @@ .fieldset { .field { .form-field-type-revert(@_type: block); - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } } } @@ -399,7 +399,7 @@ .item { .col { &.item { - padding: 27px 8px @indent-s-base; + padding: 27px 8px @indent__s; } } &-actions td { @@ -409,7 +409,7 @@ .product { &-item-photo { display: table-cell; - padding-right: @indent-base; + padding-right: @indent__base; vertical-align: top; width: 1%; position: static; diff --git a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/minicart.less b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less similarity index 91% rename from app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/minicart.less rename to app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less index a92c3fd6c643a..d842d71965e5e 100644 --- a/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/minicart.less +++ b/app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/_minicart.less @@ -23,8 +23,8 @@ } .amount { .price-wrapper:first-child .price { - font-size: @font-size-l; - font-weight: @font-weight-bold; + font-size: @font-size__l; + font-weight: @font-weight__bold; } } .subtitle { @@ -104,7 +104,7 @@ > .primary, > .secondary { display: inline; - margin-right: @indent-s-base; + margin-right: @indent__s; &:last-child { margin-right: 0; } @@ -122,9 +122,9 @@ &.empty { display: none; } - .css(background, @color-active); + .css(background, @active__color); border-radius: 2px; - .css(color, @page-bg-color); + .css(color, @page__background-color); clip: none; display: inline-block; height: 24px; @@ -145,7 +145,7 @@ .minilist { .list-reset-styles(0, 0); .item { - border-top: 1px solid @color-secondary; + border-top: 1px solid @secondary__color; padding: 20px 0; z-index: 1; } @@ -164,16 +164,16 @@ max-width: 100%; overflow: hidden; text-overflow: ellipsis; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; margin-top: 0; a { - .css(color, @link-color); + .css(color, @link__color); } } &-item-details { padding-left: 88px; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } &.pricing { @@ -223,22 +223,22 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-xs) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .minicart-wrapper .block-minicart { width: 290px; } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .minicart-wrapper { - margin-top: @indent-s-base; + margin-top: @indent__s; } } // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .minicart-wrapper { margin-left: 13px; .block-minicart { diff --git a/app/design/frontend/Magento/blank/Magento_Cms/web/css/source/widgets.less b/app/design/frontend/Magento/blank/Magento_Cms/web/css/source/_widgets.less similarity index 92% rename from app/design/frontend/Magento/blank/Magento_Cms/web/css/source/widgets.less rename to app/design/frontend/Magento/blank/Magento_Cms/web/css/source/_widgets.less index 2aeb9b876db91..11b4df9793af7 100644 --- a/app/design/frontend/Magento/blank/Magento_Cms/web/css/source/widgets.less +++ b/app/design/frontend/Magento/blank/Magento_Cms/web/css/source/_widgets.less @@ -3,7 +3,7 @@ // * See COPYING.txt for license details. // */ -@widgets-indent-bottom: @indent-base; +@widgets-indent-bottom: @indent__base; // // Common diff --git a/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less similarity index 91% rename from app/design/frontend/Magento/blank/Magento_Customer/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less index c3f3d14d34358..000b92f148e5d 100644 --- a/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less @@ -32,7 +32,7 @@ .block-addresses-list { .items.addresses { > .item { - margin-bottom: @indent-base; + margin-bottom: @indent__base; &:last-child { margin-bottom: 0; } @@ -72,10 +72,10 @@ } } .messages { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } .column.main { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; h2 { margin-top: 0; } @@ -141,21 +141,21 @@ strong { .heading(h4); .column.main & { - font-size: @h3-font-size; + font-size: @h3__font-size; } } - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } p:last-child { margin: 0; } .box-actions { - margin-top: @indent-xs-base; + margin-top: @indent__xs; } } .control.captcha-image { - .css(margin-top, @indent-s-base); + .css(margin-top, @indent__s); .captcha-img { vertical-align: middle; } @@ -164,9 +164,9 @@ } // -// Mobile @screen-s +// Mobile @screen__s //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .column.main, .sidebar-additional { @@ -176,9 +176,9 @@ } // -// Mobile @screen-m +// Mobile @screen__m //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .login-container { .fieldset { &:after { @@ -197,7 +197,7 @@ .control.captcha-image { .captcha-img { display: block; - .css(margin-bottom, @indent-s-base); + .css(margin-bottom, @indent__s); } } .customer-account-index { @@ -210,7 +210,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .login-container { &:extend(.abs-add-clearfix-desktop all); .block { @@ -279,7 +279,7 @@ &:extend(.abs-add-clearfix-desktop all); > .item { &:extend(.abs-blocks-2columns all); - margin-bottom: @indent-base; + margin-bottom: @indent__base; &:nth-last-child(1), &:nth-last-child(2) { margin-bottom: 0; @@ -297,7 +297,7 @@ .control.captcha-image { .captcha-img { - margin: 0 @indent-s-base @indent-s-base 0; + margin: 0 @indent__s @indent__s 0; } } } diff --git a/app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/_module.less similarity index 91% rename from app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/_module.less index 87d1365e788d6..bf968eee85f76 100644 --- a/app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Downloadable/web/css/source/_module.less @@ -10,9 +10,9 @@ & when (@media-common = true) { .downloadable.samples { - margin-bottom: @indent-base; + margin-bottom: @indent__base; dd { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } } .table-downloadable-products { @@ -40,7 +40,7 @@ } .price-including-tax { display: inline; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; .font-size(14); } .sample.link { @@ -50,7 +50,7 @@ .page-product-downloadable { .product-add-form { clear: both; - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; &:extend(.abs-add-clearfix all); } .product-options-bottom { @@ -72,7 +72,7 @@ // // Product view Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-product-downloadable { .product-add-form { &:extend(.clearer all); diff --git a/app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/_module.less similarity index 75% rename from app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/_module.less index 31d809f4e92f1..9e3434fb8a698 100644 --- a/app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_GiftMessage/web/css/source/_module.less @@ -22,15 +22,15 @@ } } .field.choice { - font-weight: @font-weight-base; - margin: 0 0 @indent-base; + font-weight: @font-weight__regular; + margin: 0 0 @indent__base; &:before { display: none; } } .activate.message { display: inline-block; - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } .product-image-wrapper { &:extend(.abs-reset-image-wrapper all); @@ -38,28 +38,28 @@ .options-items { .css(background, @sidebar-background); display: block; - margin: @indent-base 0 0; - padding: @indent-base; + margin: @indent__base 0 0; + padding: @indent__base; .order-title:not(:first-child), .extra-options-container { - font-weight: @font-weight-base; - margin: @indent-base 0 0; + font-weight: @font-weight__regular; + margin: @indent__base 0 0; } .order-options { - margin: 0 0 @indent-base @indent-base; + margin: 0 0 @indent__base @indent__base; } .block.message { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .items { .list-reset-styles(); .item { - border-bottom: @border-width-base solid @border-color-base; - margin-bottom: @indent-base; - padding-bottom: @indent-s-base; + border-bottom: @border-width__base solid @border-color__base; + margin-bottom: @indent__base; + padding-bottom: @indent__s; .product { .photo { - margin: @indent-s-base 0; + margin: @indent__s 0; } } &:last-child { @@ -69,7 +69,7 @@ } } .number { - font-size: @font-size-s; + font-size: @font-size__s; } .regular-price, .price-including-tax, @@ -78,7 +78,7 @@ content: attr(data-label) ": "; } .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .price-including-tax { @@ -95,8 +95,8 @@ .block-order-details-gift-message { .item-options { dt { - margin: @indent-s-base 0; - font-weight: @font-weight-base; + margin: @indent__s 0; + font-weight: @font-weight__regular; } } &:extend(.abs-add-clearfix all); @@ -122,7 +122,7 @@ } } .action.show { - padding-right: @indent-base; + padding-right: @indent__base; position: relative; .icon-font( @_icon-font-content: @icon-down, @@ -146,8 +146,8 @@ } .block-order-details-gift-message { - border-top: @border-width-base solid @border-color-base; - padding-top: @indent-s-base; + border-top: @border-width__base solid @border-color__base; + padding-top: @indent__s; } } @@ -155,18 +155,18 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .gift-message { .item { - border-bottom: @border-width-base solid @border-color-base; - margin-bottom: @indent-base; - padding-bottom: @indent-s-base; + border-bottom: @border-width__base solid @border-color__base; + margin-bottom: @indent__base; + padding-bottom: @indent__s; &:extend(.abs-add-clearfix-desktop all); .product { float: left; - margin-right: @indent-base; + margin-right: @indent__base; .photo { - margin: @indent-s-base 0; + margin: @indent__s 0; } .name { text-overflow: ellipsis; diff --git a/app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/_module.less similarity index 93% rename from app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/_module.less index 31073c01f15be..358628c6b38ba 100644 --- a/app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/_module.less @@ -34,7 +34,7 @@ } } .count { - .css(color, @text-color-muted); + .css(color, @text__color__muted); &:before { content: "("; } @@ -55,7 +55,7 @@ padding-left: 22px; margin-bottom: 6px; .label { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .action.remove { &:extend(.abs-remove-button-for-blocks all); diff --git a/app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/_module.less similarity index 87% rename from app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/_module.less index 235d7da3cc15f..1de68e0cfe32b 100644 --- a/app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Multishipping/web/css/source/_module.less @@ -13,7 +13,7 @@ .title { margin-bottom: 30px; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } @@ -35,8 +35,8 @@ } &.item { .action.edit { - font-weight: @font-weight-base; - margin-left: @indent-s-base; + font-weight: @font-weight__regular; + margin-left: @indent__s; } } } @@ -57,14 +57,14 @@ } > .actions-toolbar { - margin-top: @indent-xl-base; + margin-top: @indent__xl; } .actions-toolbar { > .secondary { display: block; .action { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; &.back { display: block; margin-left: 0; @@ -72,7 +72,7 @@ } } > .primary { - margin-right: @indent-s-base; + margin-right: @indent__s; } } @@ -116,12 +116,12 @@ .block-title, .block-content .title { &:extend(.abs-account-title all); - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; padding-bottom: 10px; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; span { - .css(color, @color-primary-light); + .css(color, @primary__color__light); } } } @@ -140,14 +140,14 @@ } .block-shipping { .block-content:not(:last-child) { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } } } .box-title { span { - margin-right: @indent-s-base; + margin-right: @indent__s; } > .action { margin: 0; @@ -156,7 +156,7 @@ .box-shipping-method { .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } @@ -174,10 +174,10 @@ } .checkout-review .grand.totals { - .font-size(@font-size-xl); - margin-bottom: @indent-xl-base; + .font-size(@font-size__xl); + margin-bottom: @indent__xl; .mark { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } } @@ -197,7 +197,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .multicheckout { .data.table { .address { @@ -215,7 +215,7 @@ .block-content .box { &:not(:last-child) { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } &:last-child { margin-bottom: 0; @@ -244,17 +244,17 @@ .actions-toolbar { .action { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } > .primary { margin-right: 0; - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } } } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .multicheckout { .actions-toolbar { .column:not(.sidebar-main) & { @@ -289,8 +289,8 @@ width: 25%; } .box-shipping-method { - padding-right: @indent-m-base; - padding-left: @indent-m-base; + padding-right: @indent__m; + padding-left: @indent__m; width: 50%; } } @@ -305,7 +305,7 @@ .box-billing-method { &:extend(.abs-add-box-sizing-desktop-s all); float: left; - padding-left: @indent-m-base; + padding-left: @indent__m; width: 50%; } } @@ -322,7 +322,7 @@ .box-items { clear: left; float: none; - padding-top: @indent-xl-base; + padding-top: @indent__xl; width: auto; } .col.item { diff --git a/app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/_module.less similarity index 98% rename from app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/_module.less index ba675a34ac101..ee93afa3172c5 100644 --- a/app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Newsletter/web/css/source/_module.less @@ -31,7 +31,7 @@ @icon-envelope, @_icon-font-size: 35px, @_icon-font-line-height: 33px, - @_icon-font-color: @form-element-input-placeholder-color + @_icon-font-color: @form-element-input-placeholder__color ); &:before { position: absolute; @@ -65,7 +65,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block.newsletter { width: 32%; .field { diff --git a/app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/_module.less similarity index 94% rename from app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/_module.less index cc65519a25b31..a69485c1fd1af 100644 --- a/app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Paypal/web/css/source/_module.less @@ -16,19 +16,19 @@ &.after:before { content: "- " attr(data-label) " -"; display: block; - margin: 0 @indent-xs-base @indent-s-base; + margin: 0 @indent__xs @indent__s; text-transform: uppercase; } &.before:before { content: "- " attr(data-label) " -"; display: block; - margin: @indent-s-base @indent-xs-base; + margin: @indent__s @indent__xs; text-align: center; text-transform: uppercase; } &.acceptance { display: block; - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; img { max-width: 100%; } @@ -89,7 +89,7 @@ } .actions-toolbar { - margin-top: @indent-s-base; + margin-top: @indent__s; } .item-options { dt { @@ -109,7 +109,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-paypal-review-items { .product-item-name { display: inline-block; @@ -120,7 +120,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .paypal-review { .block-content { &:extend(.abs-add-clearfix-desktop all); diff --git a/app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/_module.less similarity index 87% rename from app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/_module.less index a255bd4a8b6b5..2334b006412c5 100644 --- a/app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_RecurringPayment/web/css/source/_module.less @@ -17,7 +17,7 @@ } .items-info-tabs { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; margin-bottom: 10px; .item { display: inline-block; @@ -36,5 +36,5 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { } diff --git a/app/design/frontend/Magento/blank/Magento_Reports/web/css/source/widgets.less b/app/design/frontend/Magento/blank/Magento_Reports/web/css/source/_widgets.less similarity index 100% rename from app/design/frontend/Magento/blank/Magento_Reports/web/css/source/widgets.less rename to app/design/frontend/Magento/blank/Magento_Reports/web/css/source/_widgets.less diff --git a/app/design/frontend/Magento/blank/Magento_Review/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less similarity index 82% rename from app/design/frontend/Magento/blank/Magento_Review/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less index 041c8e1ef224e..142b802e4ef15 100644 --- a/app/design/frontend/Magento/blank/Magento_Review/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Review/web/css/source/_module.less @@ -32,20 +32,20 @@ //-------------------------------------- .block { &.add.review { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; > .title { .heading(h2); } .legend { .heading(h3); - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } .field.rating { display: table-row; .label { display: table-cell; vertical-align: middle; - padding: @indent-xs-base 0; + padding: @indent__xs 0; } .control { display: table-cell; @@ -59,7 +59,7 @@ } .review { &.item { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } &.title { .heading(h3); @@ -75,17 +75,17 @@ } .customer-review.view { - margin-bottom: @indent-base; + margin-bottom: @indent__base; .review.title, .ratings-summary, .product-details { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } .product-reviews-summary { display: table; - margin: @indent-s-base 0 12px; + margin: @indent__s 0 12px; .products.wrapper.list & { margin: 0 auto; } @@ -94,7 +94,7 @@ } .rating-summary { position: relative; - left: -@indent-xs-base; + left: -@indent__xs; display: table-cell; vertical-align: middle; text-align: left; @@ -102,9 +102,9 @@ .reviews-actions { display: table-cell; vertical-align: middle; - line-height: @rating-icon-font-size; + line-height: @rating-icon__font-size; a { - margin-right: @indent-xs-base; + margin-right: @indent__xs; } } } @@ -114,7 +114,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-reviews-summary { .products.wrapper.list & { margin: 0; @@ -131,7 +131,7 @@ .customer-review { .product-details { &:extend(.abs-add-clearfix all); - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; .rating-average-label { } } @@ -147,9 +147,9 @@ .title { } .customer-review-rating { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); .item { - .css(margin-bottom, @indent-s-base); + .css(margin-bottom, @indent__s); &:last-child { margin-bottom: 0; } @@ -157,11 +157,11 @@ } .review-title { .heading(h3); - .css(font-weight, @font-weight-semibold); - .css(margin-bottom, @indent-base); + .css(font-weight, @font-weight__semibold); + .css(margin-bottom, @indent__base); } .review-content { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); } .review-date { } @@ -183,12 +183,12 @@ .label, .control { display: table-cell; - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; vertical-align: top; } .label { padding-top: 6px; - padding-right: @indent-s-base; + padding-right: @indent__s; } .control { padding-top: 2px; @@ -202,7 +202,7 @@ .review { &-toolbar { border-top: 1px solid @color-gray79; - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; text-align: center; &:first-child { display: none; @@ -211,7 +211,7 @@ display: block; text-align: center; border-bottom: 1px solid @color-gray79; - padding: @indent-base 0; + padding: @indent__base 0; } .limiter { display: none; @@ -236,7 +236,7 @@ display: block; margin-left: 0; } - margin-bottom: @indent-base; + margin-bottom: @indent__base; } .fieldset &-field-ratings { > .label { @@ -249,18 +249,18 @@ .label { } .control { - margin-top: @indent-s-base; - margin-bottom: 1.2*@indent-xl-base; + margin-top: @indent__s; + margin-bottom: 1.2*@indent__xl; } } &-list { .block-title strong { .heading(h2); } - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } &-item { - padding: @indent-base 0; + padding: @indent__base 0; border-bottom: 1px solid @color-gray79; margin: 0; .clearer(); @@ -271,7 +271,7 @@ &-ratings { display: table; max-width: 100%; - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:extend(.abs-rating-summary all); } &-author { @@ -285,10 +285,10 @@ } &-title { .heading(h3); - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } &-content { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -297,7 +297,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .review { &-form { max-width: 500px; @@ -305,7 +305,7 @@ @review-ratings-left: 280px; &-ratings { - max-width: @review-ratings-left - @indent-xl-base; + max-width: @review-ratings-left - @indent__xl; float: left; margin-bottom: 0; } diff --git a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less similarity index 88% rename from app/design/frontend/Magento/blank/Magento_Sales/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less index dcd17c87acc08..51ee93b1a7546 100644 --- a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_module.less @@ -10,7 +10,7 @@ & when (@media-common = true) { .order-links { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; margin-bottom: 10px; .item { display: inline-block; @@ -25,7 +25,7 @@ } .order-details-items { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; margin-bottom: 20px; padding-bottom: 10px; .order-title { @@ -50,7 +50,7 @@ margin-top: 0; } tbody + tbody { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; } } .item-options { @@ -90,7 +90,7 @@ .page-title { .order-date { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } } @@ -98,7 +98,7 @@ .sales-guest-view { .page-title { .title { - margin-right: @indent-m-base; + margin-right: @indent__m; } } } @@ -146,7 +146,7 @@ &-comments { margin: 0 0 40px; .comment-date { - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } .comment-content { line-height: 1.6; @@ -158,12 +158,12 @@ .box-content { .payment-method { .title { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .content { margin: 0; > strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; &:after { content: ': '; } @@ -175,7 +175,7 @@ } .order-tracking { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; margin: 0; padding: 20px 0; .tracking-title { @@ -203,7 +203,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .order-details-items { .table-order-items { @@ -234,7 +234,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .table-order-items { .subtotal, .amount { @@ -263,7 +263,7 @@ .page-title { .order-date { - @order-status-indent: ceil(@h1-margin-bottom-desktop/2); + @order-status-indent: ceil(@h1__margin-bottom__desktop/2); .css(margin-top, -@order-status-indent); } } @@ -278,7 +278,7 @@ &:extend(.abs-add-clearfix-desktop all); .box { &:extend(.abs-blocks-2columns all); - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } } diff --git a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/widgets.less b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_widgets.less similarity index 100% rename from app/design/frontend/Magento/blank/Magento_Sales/web/css/source/widgets.less rename to app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_widgets.less diff --git a/app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/_module.less similarity index 97% rename from app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/_module.less index 6c656e6cddb90..03d90b557166c 100644 --- a/app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Sendfriend/web/css/source/_module.less @@ -33,7 +33,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form.send.friend { &:extend(.abs-add-fields-desktop all); } diff --git a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less similarity index 79% rename from app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less index eee98c2152a6d..61da97e6b179d 100644 --- a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less @@ -3,32 +3,34 @@ // * See COPYING.txt for license details. // */ -@import "collapsible_navigation.less"; - -@message-global-note-color: @text-color; -@message-global-note-background: @color-yellow-light2; -@message-global-note-link-color: @link-color; -@message-global-note-link-color-hover: @link-color-hover; -@message-global-note-link-color-active: @link-color-active; -@message-global-note-border-color: @color-yellow-light3; - -@message-global-caution-color: @color-white; -@message-global-caution-background: @color-red9; -@message-global-caution-link-color: @link-color; -@message-global-caution-link-color-hover: @link-color-hover; -@message-global-caution-link-color-active: @link-color-active; -@message-global-caution-border-color: none; - -@header-bg-color: false; +@import 'module/_collapsible_navigation'; + +@message-global-note__color: @text__color; +@message-global-note__background: @color-yellow-light2; +@message-global-note__border-color: @color-yellow-light3; + +@message-global-note-link__color: @link__color; +@message-global-note-link__color-hover: @link__hover__color; +@message-global-note-link__color-active: @link__active__color; + +@message-global-caution__color: @color-white; +@message-global-caution__background: @color-red9; +@message-global-caution__border-color: none; + +@message-global-caution-link__color: @link__color; +@message-global-caution-link__color-hover: @link__hover__color; +@message-global-caution-link__color-active: @link__active__color; + +@header__background-color: false; @header-icons-color: @color-gray56; @header-icons-color-hover: @color-gray20; -@addto-color: @text-color-muted; -@addto-hover-color: @color-primary; +@addto-color: @text__color__muted; +@addto-hover-color: @primary__color; @minicart-icons-color: @header-icons-color; @minicart-icons-color-hover: @header-icons-color-hover; -@h1-margin-bottom-desktop: @indent-xl-base; +@h1__margin-bottom__desktop: @indent__xl; // // Common @@ -37,21 +39,21 @@ & when (@media-common = true) { body { - .css(background-color, @page-bg-color); + .css(background-color, @page__background-color); } // // Header //-------------------------------------- .page-header { - .css(background-color, @header-bg-color); - border-bottom: 1px solid @border-color-base; - margin-bottom: @indent-base; + .css(background-color, @header__background-color); + border-bottom: 1px solid @border-color__base; + margin-bottom: @indent__base; } .header { &.content { - padding-top: @indent-s-base; + padding-top: @indent__s; position: relative; &:extend(.abs-add-clearfix all); } @@ -62,7 +64,7 @@ body { z-index: 5; float: left; max-width: 50%; - margin: 0 0 @indent-s-base @indent-xl-base; + margin: 0 0 @indent__s @indent__xl; img { max-height: 50px; max-width: 100%; @@ -76,7 +78,7 @@ body { .page-main { > .page-title { .title + .action { - margin-top: @indent-l-base; + margin-top: @indent__l; } } } @@ -94,7 +96,7 @@ body { top: 0; text-align: center; .css(background, @color-gray94); - .css(padding, @indent-s-base); + .css(padding, @indent__s); } } @@ -118,7 +120,7 @@ body { right: 0; z-index: 3; .actions { - margin-top: @indent-s-base; + margin-top: @indent__s; } } &.demo { @@ -132,11 +134,11 @@ body { // Footer //-------------------------------------- -@footer-bg-color: false; +@footer__background-color: false; .page-footer { margin-top: auto; - .css(background-color, @footer-bg-color); + .css(background-color, @footer__background-color); } .footer { @@ -144,7 +146,7 @@ body { padding-top: 25px; margin-top: 25px; padding-bottom: 25px; - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; ul { &:extend(.abs-reset-list all); } @@ -191,13 +193,13 @@ body { } li { margin: 0; - font-size: @font-size-s; + font-size: @font-size__s; } .label { &:extend(.abs-visually-hidden all); } strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } } @@ -224,7 +226,7 @@ body { // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { html, body { @@ -263,7 +265,7 @@ body { } &.welcome { a { - .css(padding-left, @indent-xs-base); + .css(padding-left, @indent__xs); } } } @@ -280,7 +282,7 @@ body { border: 0; margin-bottom: 0; .panel.wrapper { - border-bottom: 1px solid @color-secondary; + border-bottom: 1px solid @secondary__color; } .header.panel { padding-top: 10px; @@ -299,7 +301,7 @@ body { } .title + .action { float: right; - margin-top: @indent-base; + margin-top: @indent__base; } } } diff --git a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/collapsible_navigation.less b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module/_collapsible_navigation.less similarity index 92% rename from app/design/frontend/Magento/blank/Magento_Theme/web/css/source/collapsible_navigation.less rename to app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module/_collapsible_navigation.less index 463946acee069..2f39ac6047047 100644 --- a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/collapsible_navigation.less +++ b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/module/_collapsible_navigation.less @@ -7,7 +7,7 @@ @collapsible-nav-item-hover: @color-gray91; @collapsible-nav-color: false; @collapsible-nav-current-color: false; -@collapsible-nav-current-font-weight: @font-weight-semibold; +@collapsible-nav-current-font-weight: @font-weight__semibold; @collapsible-nav-current-border: 3px solid transparent; @collapsible-nav-current-border-color: @color-orange-red1; @@ -64,7 +64,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-collapsible-nav { .title { &:extend(.abs-visually-hidden-desktop all); @@ -75,7 +75,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-collapsible-nav { position: absolute; top: -21px; @@ -86,7 +86,7 @@ &:extend(.abs-toggling-title-mobile all); } .content { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; display: none; &.active { display: block; diff --git a/app/design/frontend/Magento/blank/Magento_Weee/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Weee/web/css/source/_module.less similarity index 100% rename from app/design/frontend/Magento/blank/Magento_Weee/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Weee/web/css/source/_module.less diff --git a/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/module.less b/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/_module.less similarity index 86% rename from app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/module.less rename to app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/_module.less index 9c9d876289c36..4b105dc8df290 100644 --- a/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/Magento_Wishlist/web/css/source/_module.less @@ -43,14 +43,14 @@ border-bottom: 0; } tbody > tr:last-child > td { - border-bottom: 1px solid @table-border-color; + border-bottom: 1px solid @table__border-color; } .product.name { display: inline-block; - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .box-tocart { - margin: @indent-s-base 0; + margin: @indent__s 0; .qty { vertical-align: middle; &:extend(.abs-input-qty all); @@ -77,7 +77,7 @@ vertical-align: top; } .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } @@ -89,7 +89,7 @@ &:extend(.abs-block-items-counter all); } .product-item-name { - margin-right: @indent-m-base; + margin-right: @indent__m; } } @@ -97,7 +97,7 @@ .product { &-item { &-photo { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; display: block; } &-name { @@ -115,7 +115,7 @@ } &-comment { display: block; - margin: @indent-s-base 0; + margin: @indent__s 0; height: 42px; } &-actions { @@ -141,27 +141,27 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-grid.wishlist { .product-item { - border-bottom: 1px solid @color-secondary; + border-bottom: 1px solid @secondary__color; &:first-child { - border-top: 1px solid @color-secondary; + border-top: 1px solid @secondary__color; } } } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .products-grid.wishlist { - margin-right: -@indent-s-base; - margin-bottom: @indent-l-base; + margin-right: -@indent__s; + margin-bottom: @indent__l; .product { &-item { - padding: @indent-base @indent-s-base @indent-base @indent-base; + padding: @indent__base @indent__s @indent__base @indent__base; position: relative; &-photo { - margin-right: @indent-base; + margin-right: @indent__base; float: left; } &-name { @@ -194,7 +194,7 @@ } .box-tocart { float: left; - margin-right: @indent-base; + margin-right: @indent__base; .stock { margin-top: 7px; } @@ -225,7 +225,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .wishlist-index-index { .products-grid { .product-item { @@ -242,7 +242,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .products-grid.wishlist { .product { &-item { @@ -250,15 +250,15 @@ display: inline-block; } &-actions { - margin: @indent-s-base 0 0; + margin: @indent__s 0 0; } .fieldset { .field.qty, .product-item-actions { } .field.qty { - padding-right: @indent-s-base; - margin-bottom: @indent-s-base; + padding-right: @indent__s; + margin-bottom: @indent__s; .label { width: auto; } @@ -269,7 +269,7 @@ margin: 0; } .stock { - margin: @indent-base 0 0; + margin: @indent__base 0 0; } } } @@ -286,7 +286,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .wishlist-index-index .products-grid .product-items { margin: 0; } .wishlist-index-index .products-grid .product-item { width: 24.439%; diff --git a/app/design/frontend/Magento/blank/web/css/_styles.less b/app/design/frontend/Magento/blank/web/css/_styles.less new file mode 100644 index 0000000000000..45431a0c09380 --- /dev/null +++ b/app/design/frontend/Magento/blank/web/css/_styles.less @@ -0,0 +1,8 @@ +/** + * Copyright © 2015 Magento. All rights reserved. + * See COPYING.txt for license details. + */ + +@import 'source/lib/_lib'; // Global lib +@import 'source/_theme'; // Global variables override +@import 'source/_sources'; // Theme styles diff --git a/app/design/frontend/Magento/blank/web/css/print.less b/app/design/frontend/Magento/blank/web/css/print.less index 4691451fecc96..9f81e8ac107ec 100644 --- a/app/design/frontend/Magento/blank/web/css/print.less +++ b/app/design/frontend/Magento/blank/web/css/print.less @@ -4,8 +4,8 @@ */ // Import vars -@import "source/lib/lib.less"; // Import all lib files -@import "source/theme.less"; // import theme styles +@import 'source/lib/_lib'; // Global lib +@import 'source/_theme'; // Theme styles @baseDir: "../"; //default diff --git a/app/design/frontend/Magento/blank/web/css/source/actions-toolbar.less b/app/design/frontend/Magento/blank/web/css/source/_actions-toolbar.less similarity index 91% rename from app/design/frontend/Magento/blank/web/css/source/actions-toolbar.less rename to app/design/frontend/Magento/blank/web/css/source/_actions-toolbar.less index c246c38e904bd..66b5dab50ac69 100644 --- a/app/design/frontend/Magento/blank/web/css/source/actions-toolbar.less +++ b/app/design/frontend/Magento/blank/web/css/source/_actions-toolbar.less @@ -15,12 +15,12 @@ text-align: center; .action { &:extend(.abs-button-responsive all); - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } } - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } @@ -32,7 +32,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .actions-toolbar { .actions-toolbar(); > .primary, diff --git a/app/design/frontend/Magento/blank/web/css/source/breadcrumbs.less b/app/design/frontend/Magento/blank/web/css/source/_breadcrumbs.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/breadcrumbs.less rename to app/design/frontend/Magento/blank/web/css/source/_breadcrumbs.less diff --git a/app/design/frontend/Magento/blank/web/css/source/buttons.less b/app/design/frontend/Magento/blank/web/css/source/_buttons.less similarity index 84% rename from app/design/frontend/Magento/blank/web/css/source/buttons.less rename to app/design/frontend/Magento/blank/web/css/source/_buttons.less index ada2483849ae8..02d1aebb4ff68 100644 --- a/app/design/frontend/Magento/blank/web/css/source/buttons.less +++ b/app/design/frontend/Magento/blank/web/css/source/_buttons.less @@ -13,7 +13,7 @@ // Using buttons mixins //-------------------------------------- button { - border-radius: @button-border-radius; + border-radius: @button__border-radius; &:active, &:focus { box-shadow: inset 0 2px 1px rgba(0,0,0,.12); @@ -22,7 +22,7 @@ button { a.action.primary { .link-as-button(); - border-radius: @button-border-radius; + border-radius: @button__border-radius; } .action.primary { diff --git a/app/design/frontend/Magento/blank/web/css/source/dropdowns.less b/app/design/frontend/Magento/blank/web/css/source/_dropdowns.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/dropdowns.less rename to app/design/frontend/Magento/blank/web/css/source/_dropdowns.less diff --git a/app/design/frontend/Magento/blank/web/css/source/abstract.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less similarity index 90% rename from app/design/frontend/Magento/blank/web/css/source/abstract.less rename to app/design/frontend/Magento/blank/web/css/source/_extends.less index 9f0c27a0cf813..303dac40404ec 100644 --- a/app/design/frontend/Magento/blank/web/css/source/abstract.less +++ b/app/design/frontend/Magento/blank/web/css/source/_extends.less @@ -19,7 +19,7 @@ .abs-action-link-button { .button(); .link-as-button(); - border-radius: @button-border-radius; + border-radius: @button__border-radius; &:active, &:focus { box-shadow: none; @@ -33,7 +33,7 @@ dt { float: left; clear: left; - margin: 0 @indent-s-base @indent-xs-base 0; + margin: 0 @indent__s @indent__xs 0; &:after { content: ': '; } @@ -41,7 +41,7 @@ dd { float: left; display: inline-block; - margin: 0 0 @indent-xs-base; + margin: 0 0 @indent__xs; } }; @@ -49,7 +49,7 @@ @abs-product-options-list(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-product-options-list-desktop { @abs-product-options-list(); } @@ -66,13 +66,13 @@ @abs-button-responsive(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-button-desktop { width: auto; } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-button-responsive-smaller { @abs-button-responsive(); } @@ -92,13 +92,13 @@ } }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-blocks-2columns { @abs-blocks-2columns(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-blocks-2columns-s { @abs-blocks-2columns(); } @@ -140,7 +140,7 @@ } padding-bottom: 12px; margin-bottom: 15px; - border-bottom: 1px solid @color-secondary; + border-bottom: 1px solid @secondary__color; .font-size(18); } @@ -172,7 +172,7 @@ margin: 0 0 5px; > .action { font-weight: 400; - margin-left: @indent-s-base; + margin-left: @indent__s; } } .block-content { @@ -180,7 +180,7 @@ margin-bottom: 0; } .box { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } } @@ -209,7 +209,7 @@ // Marging for blocks & widgets //-------------------------------------- .abs-margin-for-blocks-and-widgets { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } // @@ -250,13 +250,13 @@ @abs-reset-left-margin(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-reset-left-margin-desktop { @abs-reset-left-margin(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-reset-left-margin-desktop-s { @abs-reset-left-margin(); } @@ -274,16 +274,16 @@ position: absolute; top: 31px; // 6px left: 10px; - margin-left: 70%; // margin-left: @form-field-type-inline-label-width + 50%; + margin-left: 70%; // margin-left: @form-field-type-label-inline__width + 50%; } // // Action with icon remove with text for desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { - .abs-action-remove-desktop when not (@form-field-type-inline-label-width = false) and not (@form-field-type-inline-label-width = '') { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { + .abs-action-remove-desktop when not (@form-field-type-label-inline__width = false) and not (@form-field-type-label-inline__width = '') { top: 6px; - margin-left: @form-field-type-inline-label-width + 50%; + margin-left: @form-field-type-label-inline__width + 50%; } } @@ -308,7 +308,7 @@ .actions-toolbar { > .secondary { .action.add { - margin-top: @indent-l-base; + margin-top: @indent__l; } float: left; } @@ -319,7 +319,7 @@ } } .message { - margin: @indent-l-base 0 0; + margin: @indent__l 0 0; } } } @@ -327,7 +327,7 @@ // // Add Recipient for desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-fields-desktop { .fieldset { > .field:not(.choice) { @@ -348,16 +348,16 @@ // Margin for forms //-------------------------------------- @abs-margin-for-forms-desktop: { - .css(margin-left, @form-field-type-inline-label-width); + .css(margin-left, @form-field-type-label-inline__width); }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-margin-for-forms-desktop { @abs-margin-for-forms-desktop(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-margin-for-forms-desktop-s { @abs-margin-for-forms-desktop(); } @@ -381,25 +381,25 @@ @abs-visually-hidden(); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-visually-hidden-mobile { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-visually-hidden-mobile-m { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-visually-hidden-desktop-s { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-visually-hidden-desktop { @abs-visually-hidden(); } @@ -416,25 +416,25 @@ @abs-add-clearfix(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-clearfix-desktop { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-clearfix-desktop-s { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-add-clearfix-mobile { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-add-clearfix-mobile-m { @abs-add-clearfix(); } @@ -451,13 +451,13 @@ @abs-add-box-sizing(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-box-sizing-desktop { @abs-add-box-sizing(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-box-sizing-desktop-s { @abs-add-box-sizing(); } @@ -466,7 +466,7 @@ // // Revert field type //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-revert-field-type-desktop { .fieldset { > .field, @@ -542,7 +542,7 @@ .abs-action-button-as-link { .button-as-link(); border-radius: 0; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; font-size: inherit; } @@ -564,7 +564,7 @@ // Box-tocart block //-------------------------------------- .abs-box-tocart { - margin: @indent-s-base 0; + margin: @indent__s 0; } // @@ -630,7 +630,7 @@ .abs-methods-shipping-title { .font-size(14); margin: 0 0 15px; - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } // @@ -648,11 +648,11 @@ // // Checkout order review //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-checkout-order-review { tbody tr { &:not(:last-child) { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; } &:extend(.abs-add-clearfix-mobile all); .col { @@ -672,8 +672,8 @@ &:before { content: attr(data-th) ":"; display: block; - font-weight: @font-weight-bold; - padding-bottom: @indent-s-base; + font-weight: @font-weight__bold; + padding-bottom: @indent__s; } } } @@ -705,7 +705,7 @@ ); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-icon-add-mobile { .icon-font( @_icon-font-content: @icon-expand, @@ -724,7 +724,7 @@ .abs-dropdown-items-new { .items .item:last-child { &:hover { - .css(background, @dropdown-list-item-hover); + .css(background, @dropdown-list-item__hover); } } .action.new { @@ -739,13 +739,13 @@ // // Abstract toggle title block //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-toggling-title-mobile { - border-top: @border-width-base solid @border-color-base; - border-bottom: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; + border-bottom: @border-width__base solid @border-color__base; cursor: pointer; margin-bottom: 0; - padding: 10px 40px 10px @layout-width-xs-indent; + padding: 10px 40px 10px @layout__width-xs-indent; position: relative; .icon-font( @_icon-font-content: @icon-down, @@ -779,13 +779,13 @@ @abs-no-display(); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-display-s { @abs-no-display(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-no-display-desktop { @abs-no-display(); } @@ -796,18 +796,18 @@ //-------------------------------------- .abs-status { display: inline-block; - margin-bottom: @indent-base; + margin-bottom: @indent__base; } // // Pager toolbar for non-catalog pages mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-pager-toolbar-mobile { .toolbar-amount, .limiter, .pages { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; float: none; } } @@ -816,12 +816,12 @@ // // Pager toolbar for non-catalog pages mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-pager-toolbar-mobile-s { .toolbar-amount, .limiter, .pages { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } } } @@ -829,9 +829,9 @@ // // Pager toolbar for non-catalog pages desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-pager-toolbar { - margin-bottom: @indent-base; + margin-bottom: @indent__base; position: relative; &:extend(.abs-add-clearfix-desktop all); .limiter { @@ -858,7 +858,7 @@ // Items counter in blocks //-------------------------------------- .abs-block-items-counter { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); .font-size(12px); white-space: nowrap; } @@ -907,7 +907,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-shopping-cart-items-desktop { float: left; width: 73%; diff --git a/app/design/frontend/Magento/blank/web/css/source/forms.less b/app/design/frontend/Magento/blank/web/css/source/_forms.less similarity index 85% rename from app/design/frontend/Magento/blank/web/css/source/forms.less rename to app/design/frontend/Magento/blank/web/css/source/_forms.less index ac5ba9d30f729..7d172a1ddaa54 100644 --- a/app/design/frontend/Magento/blank/web/css/source/forms.less +++ b/app/design/frontend/Magento/blank/web/css/source/_forms.less @@ -3,7 +3,7 @@ // * See COPYING.txt for license details. // */ -@form-field-vertical-indent-desktop: 29px; +@form-field__vertical-indent__desktop: 29px; // // Common @@ -36,13 +36,13 @@ } } .field.choice { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } } input[type=file] { - margin: @indent-xs-base 0; + margin: @indent__xs 0; } } } @@ -52,7 +52,7 @@ } .legend { strong { - margin-left: @indent-xs-base; + margin-left: @indent__xs; } } fieldset.field { @@ -92,10 +92,10 @@ select:focus ~ .tooltip .tooltip-content { margin: 0; > .field:not(.choice) >, .fields > .field { - margin: 0 0 @form-field-vertical-indent; + margin: 0 0 @form-field__vertical-indent; .label { margin: 0 0 4px; - padding: 0 0 @indent-xs-base; + padding: 0 0 @indent__xs; text-align: left; width: 100%; } @@ -111,14 +111,14 @@ select:focus ~ .tooltip .tooltip-content { // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .fieldset { .legend { &:extend(.abs-margin-for-forms-desktop all); } > .field { .form-field-type-revert(); - margin: 0 0 @form-field-vertical-indent-desktop; + margin: 0 0 @form-field__vertical-indent__desktop; } } } diff --git a/app/design/frontend/Magento/blank/web/css/source/icons.less b/app/design/frontend/Magento/blank/web/css/source/_icons.less similarity index 71% rename from app/design/frontend/Magento/blank/web/css/source/icons.less rename to app/design/frontend/Magento/blank/web/css/source/_icons.less index 8c910fd5ee08d..912612b3d654e 100644 --- a/app/design/frontend/Magento/blank/web/css/source/icons.less +++ b/app/design/frontend/Magento/blank/web/css/source/_icons.less @@ -4,8 +4,8 @@ // */ .font-face( - @family-name: @icon-font-name, - @font-path: @icon-font-path, + @family-name: @icons__font-name, + @font-path: @icons__font-path, @font-weight: normal, @font-style: normal ); diff --git a/app/design/frontend/Magento/blank/web/css/source/layout.less b/app/design/frontend/Magento/blank/web/css/source/_layout.less similarity index 79% rename from app/design/frontend/Magento/blank/web/css/source/layout.less rename to app/design/frontend/Magento/blank/web/css/source/_layout.less index 4499557886ca8..b6e45979c7247 100644 --- a/app/design/frontend/Magento/blank/web/css/source/layout.less +++ b/app/design/frontend/Magento/blank/web/css/source/_layout.less @@ -3,8 +3,8 @@ // * See COPYING.txt for license details. // */ -@layout-column-main-sidebar-offset: 2%; -@layout-column-additional-sidebar-offset: @layout-column-main-sidebar-offset; +@layout-column-main__sidebar-offset: 2%; +@layout-column__additional-sidebar-offset: @layout-column-main__sidebar-offset; // // Common @@ -18,7 +18,7 @@ &:extend(.abs-add-box-sizing all); .vendor-prefix-flex-grow(1); .vendor-prefix-flex-basis(100%); - .css(padding-bottom, @indent-xl-base); + .css(padding-bottom, @indent__xl); .vendor-prefix-order(1); } .sidebar-main { @@ -40,7 +40,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .navigation, .breadcrumbs, .page-header .header.panel, @@ -51,8 +51,8 @@ .page-wrapper > .page-bottom, .block.category.event, .top-container { - padding-left: @layout-width-xs-indent; - padding-right: @layout-width-xs-indent; + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; } .page-main { .account &, @@ -66,7 +66,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .navigation, .breadcrumbs, .page-header .header.panel, @@ -77,12 +77,12 @@ .block.category.event, .top-container, .page-main { - padding-left: @layout-indent; - padding-right: @layout-indent; + padding-left: @layout-indent__width; + padding-right: @layout-indent__width; margin-left: auto; margin-right: auto; width: auto; - max-width: @layout-max-width; + max-width: @layout__max-width; box-sizing: border-box; } .page-main { @@ -107,25 +107,25 @@ .sidebar-main { #layout-columns > .left(); - padding-right: @layout-column-main-sidebar-offset; + padding-right: @layout-column-main__sidebar-offset; &:extend(.abs-add-box-sizing-desktop all); } .page-layout-2columns-right .sidebar-main { padding-right: 0; - padding-left: @layout-column-main-sidebar-offset; + padding-left: @layout-column-main__sidebar-offset; } .sidebar-additional { #layout-columns > .right(); - padding-left: @layout-column-additional-sidebar-offset; + padding-left: @layout-column__additional-sidebar-offset; clear: right; &:extend(.abs-add-box-sizing-desktop all); } .page-layout-2columns-left { .sidebar-additional { - padding-right: @layout-column-additional-sidebar-offset; + padding-right: @layout-column__additional-sidebar-offset; padding-left: 0; clear: left; float: left; diff --git a/app/design/frontend/Magento/blank/web/css/source/loaders.less b/app/design/frontend/Magento/blank/web/css/source/_loaders.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/loaders.less rename to app/design/frontend/Magento/blank/web/css/source/_loaders.less diff --git a/app/design/frontend/Magento/blank/web/css/source/messages.less b/app/design/frontend/Magento/blank/web/css/source/_messages.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/messages.less rename to app/design/frontend/Magento/blank/web/css/source/_messages.less diff --git a/app/design/frontend/Magento/blank/web/css/source/navigation.less b/app/design/frontend/Magento/blank/web/css/source/_navigation.less similarity index 92% rename from app/design/frontend/Magento/blank/web/css/source/navigation.less rename to app/design/frontend/Magento/blank/web/css/source/_navigation.less index 9f572326c4d86..c16516b0e20bd 100644 --- a/app/design/frontend/Magento/blank/web/css/source/navigation.less +++ b/app/design/frontend/Magento/blank/web/css/source/_navigation.less @@ -17,7 +17,7 @@ } .nav-sections { - .css(background, @navigation-background); + .css(background, @navigation__background); } .nav-toggle { @@ -43,7 +43,7 @@ // Mobile //-------------------------------------- @active-nav-indent: 54px; -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .navigation { padding: 0; .parent .level-top { @@ -86,7 +86,7 @@ font-weight: 700; .label { display: block; - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; } &:last-child { border-bottom: 1px solid @color-gray82; @@ -116,7 +116,7 @@ } &-dropdown { .list-reset-styles(); - padding: @indent-s-base 0; + padding: @indent__s 0; } } @@ -139,8 +139,8 @@ display: block; padding: 8px 20px; font-weight: 700; - .css(color, @navigation-level0-item-color); - .css(text-decoration, @navigation-level0-item-text-decoration); + .css(color, @navigation-level0-item__color); + .css(text-decoration, @navigation-level0-item__text-decoration); } } } @@ -197,12 +197,12 @@ float: left; width: 33.33%; text-align: center; - border: solid darken(@navigation-background,10%); + border: solid darken(@navigation__background,10%); border-width: 0 0 1px 1px; box-sizing: border-box; padding-top: 24px; height: 71px; - background: darken(@navigation-background,5%); + background: darken(@navigation__background,5%); &.active { background: transparent; border-bottom: 0; @@ -218,7 +218,7 @@ &.active { display: block; } - padding: @indent-m-base 0; + padding: @indent__m 0; } } .main-navigation(); @@ -227,12 +227,12 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .nav-toggle { display: none; } .nav-sections { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; &-item-title { display: none; } diff --git a/app/design/frontend/Magento/blank/web/css/source/pages.less b/app/design/frontend/Magento/blank/web/css/source/_pages.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/pages.less rename to app/design/frontend/Magento/blank/web/css/source/_pages.less diff --git a/app/design/frontend/Magento/blank/web/css/source/_popups.less b/app/design/frontend/Magento/blank/web/css/source/_popups.less new file mode 100644 index 0000000000000..0d74d6cdb657c --- /dev/null +++ b/app/design/frontend/Magento/blank/web/css/source/_popups.less @@ -0,0 +1,42 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Common +//-------------------------------------- + +& when (@media-common = true) { + +// Popup working with dropdown dialog +.ui-dialog.popup { + width: 420px; + .action.close { + position: @popup-button-close__position; + ._popup-button-close-icon( + @popup-button-close__icon, + @popup-icon-font__content, + @popup-icon-font, + @popup-icon-font__size, + @popup-icon-font__line-height, + @popup-icon-font__color, + @popup-icon-font__color-hover, + @popup-icon-font__color-active, + @popup-icon-font__margin, + @popup-icon-font__vertical-align, + @popup-icon-font__position, + @popup-icon-font__text-hide + ); + ._popup-button-close-reset( + @popup-button-close__reset + ); + .css(top, @popup-button-close__position-top); + .css(right, @popup-button-close__position-right); + .css(bottom, @popup-button-close__position-bottom); + .css(left, @popup-button-close__position-left); + z-index: 1001; + } +} + +} diff --git a/app/design/frontend/Magento/blank/web/css/source/price.less b/app/design/frontend/Magento/blank/web/css/source/_price.less similarity index 96% rename from app/design/frontend/Magento/blank/web/css/source/price.less rename to app/design/frontend/Magento/blank/web/css/source/_price.less index 2c1bcf0eef194..ce1565cca9aca 100644 --- a/app/design/frontend/Magento/blank/web/css/source/price.less +++ b/app/design/frontend/Magento/blank/web/css/source/_price.less @@ -41,7 +41,7 @@ .font-size(18); line-height: 1; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .cart-tax-total { &:extend(.abs-tax-total all); diff --git a/app/design/frontend/Magento/blank/web/css/source/rating.less b/app/design/frontend/Magento/blank/web/css/source/_rating.less similarity index 100% rename from app/design/frontend/Magento/blank/web/css/source/rating.less rename to app/design/frontend/Magento/blank/web/css/source/_rating.less diff --git a/app/design/frontend/Magento/luma/Magento_Contact/web/css/source/module.less b/app/design/frontend/Magento/blank/web/css/source/_reset.less similarity index 64% rename from app/design/frontend/Magento/luma/Magento_Contact/web/css/source/module.less rename to app/design/frontend/Magento/blank/web/css/source/_reset.less index f9f2213351128..0ae5706b9ef82 100644 --- a/app/design/frontend/Magento/luma/Magento_Contact/web/css/source/module.less +++ b/app/design/frontend/Magento/blank/web/css/source/_reset.less @@ -3,5 +3,4 @@ // * See COPYING.txt for license details. // */ -.form.contact { -} +.magento-reset(); // Reset default styles with magento-reset diff --git a/app/design/frontend/Magento/blank/web/css/source/sections.less b/app/design/frontend/Magento/blank/web/css/source/_sections.less similarity index 90% rename from app/design/frontend/Magento/blank/web/css/source/sections.less rename to app/design/frontend/Magento/blank/web/css/source/_sections.less index 7d97f8c378e9a..6e3733dde2dbf 100644 --- a/app/design/frontend/Magento/blank/web/css/source/sections.less +++ b/app/design/frontend/Magento/blank/web/css/source/_sections.less @@ -11,7 +11,7 @@ .product.data.items { .data-accordion(); - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -19,7 +19,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product.data.items { .data-tabs( @_tab-content-border-top-status: true @@ -31,7 +31,7 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .product.data.items { .data-accordion(); .data.item { diff --git a/app/design/frontend/Magento/blank/web/css/source/_sources.less b/app/design/frontend/Magento/blank/web/css/source/_sources.less new file mode 100644 index 0000000000000..8059e77f13ef9 --- /dev/null +++ b/app/design/frontend/Magento/blank/web/css/source/_sources.less @@ -0,0 +1,25 @@ +/** + * Copyright © 2015 Magento. All rights reserved. + * See COPYING.txt for license details. + */ + +@import '_variables'; +@import (reference) '_extends'; +@import '_typography'; +@import '_layout'; +@import '_tables'; +@import '_messages'; +@import '_navigation'; +@import '_tooltips'; +@import '_loaders'; +@import '_forms'; +@import '_icons'; +@import '_buttons'; +@import '_sections'; +@import '_dropdowns'; +@import '_pages'; // theme pager +@import '_rating'; +@import '_actions-toolbar'; +@import '_breadcrumbs'; +@import '_popups'; +@import '_price'; diff --git a/app/design/frontend/Magento/blank/web/css/source/tables.less b/app/design/frontend/Magento/blank/web/css/source/_tables.less similarity index 80% rename from app/design/frontend/Magento/blank/web/css/source/tables.less rename to app/design/frontend/Magento/blank/web/css/source/_tables.less index 904bb05b6f3a0..66b56eb77b4f1 100644 --- a/app/design/frontend/Magento/blank/web/css/source/tables.less +++ b/app/design/frontend/Magento/blank/web/css/source/_tables.less @@ -10,7 +10,7 @@ & when (@media-common = true) { .table-wrapper { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } table { @@ -20,18 +20,18 @@ table { .table:not(.cart):not(.totals) { .table-bordered( @_table_type: light, - @_table_border-width: @table-border-width + @_table_border-width: @table__border-width ); tfoot { > tr:first-child { th, td { - border-top: @table-border-width @table-border-style @table-border-color; - padding-top: @indent-base; + border-top: @table__border-width @table__border-style @table__border-color; + padding-top: @indent__base; } } .mark { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; text-align: right; } } @@ -42,7 +42,7 @@ table { // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper { .table-overflow(); position: relative; // to hide unnecessary horizontal scrollbar in Safari @@ -50,10 +50,10 @@ table { .table-responsive(); tbody > tr { > td:first-child { - padding-top: @indent-base; + padding-top: @indent__base; } > td:last-child { - padding-bottom: @indent-base; + padding-bottom: @indent__base; } } tfoot { @@ -64,7 +64,7 @@ table { &:first-child { th, td { - padding-top: @indent-base; + padding-top: @indent__base; } } } diff --git a/app/design/frontend/Magento/blank/web/css/source/_theme.less b/app/design/frontend/Magento/blank/web/css/source/_theme.less new file mode 100644 index 0000000000000..5644c89ac7e25 --- /dev/null +++ b/app/design/frontend/Magento/blank/web/css/source/_theme.less @@ -0,0 +1,12 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Blank theme overrides +// _____________________________________________ + +// Theme file should contain declarations (overrides) ONLY OF EXISTING variables +// Otherwise this theme won't be available for parent nesting +// All new variables should be placed in local theme lib or local theme files diff --git a/app/design/frontend/Magento/blank/web/css/source/tooltips.less b/app/design/frontend/Magento/blank/web/css/source/_tooltips.less similarity index 95% rename from app/design/frontend/Magento/blank/web/css/source/tooltips.less rename to app/design/frontend/Magento/blank/web/css/source/_tooltips.less index 7303335dba48b..a5e1873b14fb3 100644 --- a/app/design/frontend/Magento/blank/web/css/source/tooltips.less +++ b/app/design/frontend/Magento/blank/web/css/source/_tooltips.less @@ -29,7 +29,7 @@ font-weight: 500; } .label { - margin-top: @indent-s-base; + margin-top: @indent__s; &:first-child { margin-top: 0; } diff --git a/app/design/frontend/Magento/blank/web/css/source/typography.less b/app/design/frontend/Magento/blank/web/css/source/_typography.less similarity index 77% rename from app/design/frontend/Magento/blank/web/css/source/typography.less rename to app/design/frontend/Magento/blank/web/css/source/_typography.less index 1facef728af93..ba9e1bcd3bd89 100644 --- a/app/design/frontend/Magento/blank/web/css/source/typography.less +++ b/app/design/frontend/Magento/blank/web/css/source/_typography.less @@ -7,28 +7,28 @@ // .typography-all(); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/light/opensans-300', @font-weight: 300, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/regular/opensans-400', @font-weight: 400, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/semibold/opensans-600', @font-weight: 600, @font-style: normal ); .font-face( - @family-name: 'Open Sans', + @family-name: @font-family-name__base, @font-path: '@{baseDir}fonts/opensans/bold/opensans-700', @font-weight: 700, @font-style: normal @@ -37,10 +37,10 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { h1 { - .css(font-size, @h1-font-size-desktop); - .css(margin-bottom, @h1-margin-bottom-desktop); + .css(font-size, @h1__font-size-desktop); + .css(margin-bottom, @h1__margin-bottom__desktop); } } diff --git a/app/design/frontend/Magento/blank/web/css/source/_variables.less b/app/design/frontend/Magento/blank/web/css/source/_variables.less new file mode 100644 index 0000000000000..682424355a3a2 --- /dev/null +++ b/app/design/frontend/Magento/blank/web/css/source/_variables.less @@ -0,0 +1,28 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Blank theme variables +// _____________________________________________ + +// +// Typography +// --------------------------------------------- + +// Fonts +@font-family-name__base: 'Open Sans'; +@font-family__base: @font-family-name__base, @font-family__sans-serif; + +// +// Tables +// --------------------------------------------- + +@table__tfoot_background: @sidebar-background; + +// +// Sidebar +// --------------------------------------------- + +@sidebar-background: @color-white-smoke; // Used in cart sidebar, Checkout sidebar, Tier Prices, My account navigation, Rating block background diff --git a/app/design/frontend/Magento/blank/web/css/source/popups.less b/app/design/frontend/Magento/blank/web/css/source/popups.less deleted file mode 100644 index 34b652793e77a..0000000000000 --- a/app/design/frontend/Magento/blank/web/css/source/popups.less +++ /dev/null @@ -1,42 +0,0 @@ -// /** -// * Copyright © 2015 Magento. All rights reserved. -// * See COPYING.txt for license details. -// */ - -// -// Common -//-------------------------------------- - -& when (@media-common = true) { - -// Popup working with dropdown dialog -.ui-dialog.popup { - width: 420px; - .action.close { - position: @popup-button-close-position; - ._popup-button-close-icon( - @popup-button-close-icon, - @popup-icon-font-content, - @popup-icon-font, - @popup-icon-font-size, - @popup-icon-font-line-height, - @popup-icon-font-color, - @popup-icon-font-color-hover, - @popup-icon-font-color-active, - @popup-icon-font-margin, - @popup-icon-font-vertical-align, - @popup-icon-font-position, - @popup-icon-font-text-hide - ); - ._popup-button-close-reset( - @popup-button-close-reset - ); - .css(top, @popup-button-close-position-top); - .css(right, @popup-button-close-position-right); - .css(bottom, @popup-button-close-position-bottom); - .css(left, @popup-button-close-position-left); - z-index: 1001; - } -} - -} diff --git a/app/design/frontend/Magento/blank/web/css/source/reset.less b/app/design/frontend/Magento/blank/web/css/source/reset.less deleted file mode 100644 index 8716b3b745b1f..0000000000000 --- a/app/design/frontend/Magento/blank/web/css/source/reset.less +++ /dev/null @@ -1,6 +0,0 @@ -// /** -// * Copyright © 2015 Magento. All rights reserved. -// * See COPYING.txt for license details. -// */ - -.magento-reset(); // Reset default styles with magento-reset diff --git a/app/design/frontend/Magento/blank/web/css/source/theme.less b/app/design/frontend/Magento/blank/web/css/source/theme.less deleted file mode 100644 index f47cd9af6f28e..0000000000000 --- a/app/design/frontend/Magento/blank/web/css/source/theme.less +++ /dev/null @@ -1,15 +0,0 @@ -// /** -// * Copyright © 2015 Magento. All rights reserved. -// * See COPYING.txt for license details. -// */ - -// Override default variables -@font-family-base: 'Open Sans', @font-family-sans-serif; -@button-border-radius: 3px; -@link-color-visited: @link-color; - -// Introduce new theme specific variables -@sidebar-background: @color-white-smoke; // Used in cart sidebar, Checkout sidebar, Tier Prices, My account navigation, Rating block background - -@h1-font-size: ceil((@font-size-base * 1.85)); // 26px -@h1-font-size-desktop: ceil((@font-size-base * 2.85)); // 40px diff --git a/app/design/frontend/Magento/blank/web/css/styles-l.less b/app/design/frontend/Magento/blank/web/css/styles-l.less index f3aaed4c81db6..623f07080fd83 100644 --- a/app/design/frontend/Magento/blank/web/css/styles-l.less +++ b/app/design/frontend/Magento/blank/web/css/styles-l.less @@ -3,19 +3,31 @@ * See COPYING.txt for license details. */ -@import "styles.less"; +// +// Blank theme desktop styles +// _____________________________________________ + +// These desktop styles are additional to mobile // -// Magento Import instructions -//-------------------------------------- +// Global lib + theme styles +// --------------------------------------------- -//@magento_import "source/module.less"; // import theme styles -//@magento_import "source/widgets.less"; // import widgets' styles -//@magento_import "source/extend.less"; // for minor customisation +@import '_styles'; // -// Styles grouped by media queries -//-------------------------------------- -@import "source/lib/responsive.less"; +// Magento Import instructions +// --------------------------------------------- + +//@magento_import 'source/_module.less'; // Theme modules +//@magento_import 'source/_widgets.less'; // Theme widgets +//@magento_import 'source/_extend.less'; // Extend for minor customisation + +// +// Media queries collector +// --------------------------------------------- + +@import 'source/lib/_responsive'; + @media-target: 'desktop'; // Sets target device for this file @media-common: false; // Sets not to output common styles diff --git a/app/design/frontend/Magento/blank/web/css/styles-m.less b/app/design/frontend/Magento/blank/web/css/styles-m.less index cbf0274d2d174..08c78288fc54d 100644 --- a/app/design/frontend/Magento/blank/web/css/styles-m.less +++ b/app/design/frontend/Magento/blank/web/css/styles-m.less @@ -3,19 +3,31 @@ * See COPYING.txt for license details. */ -.magento-reset(); // Reset default styles with magento_reset +// +// Blank theme mobile styles +// _____________________________________________ -@import "styles.less"; +// These mobile styles are mandatory and will be used as basis according to the mobile first design -// Magento Import instructions -//-------------------------------------- +// +// Global lib + theme styles +// --------------------------------------------- -//@magento_import "source/module.less"; // import theme styles -//@magento_import "source/widgets.less"; // import widgets' styles -//@magento_import "source/extend.less"; // for minor customisation +@import 'source/_reset'; +@import '_styles'; // -// Styles grouped by media queries -//-------------------------------------- -@import "source/lib/responsive.less"; +// Magento Import instructions +// --------------------------------------------- + +//@magento_import 'source/_module.less'; // Theme modules +//@magento_import 'source/_widgets.less'; // Theme widgets +//@magento_import 'source/_extend.less'; // Extend for minor customisation + +// +// Media queries collector +// --------------------------------------------- + +@import 'source/lib/_responsive'; + @media-target: 'mobile'; // Sets target device for this file diff --git a/app/design/frontend/Magento/blank/web/css/styles.less b/app/design/frontend/Magento/blank/web/css/styles.less deleted file mode 100644 index 3bbafdc2ed8da..0000000000000 --- a/app/design/frontend/Magento/blank/web/css/styles.less +++ /dev/null @@ -1,30 +0,0 @@ -/** - * Copyright © 2015 Magento. All rights reserved. - * See COPYING.txt for license details. - */ - -// Magento/blank - -// Import theme vars overrides and mixins -@import "source/lib/lib.less"; // Import all lib files -@import "source/theme.less"; // import theme styles - -@import (reference) "source/abstract.less"; // import theme abstract -@import "source/typography.less"; // import theme typography -@import "source/layout.less"; // import theme page layout -@import "source/tables.less"; // import theme tables styles -@import "source/messages.less"; // import theme messages -@import "source/navigation.less"; // import theme navigation -@import "source/tooltips.less"; // import theme tooltips -@import "source/loaders.less"; // import theme loaders -@import "source/forms.less"; // import theme forms -@import "source/icons.less"; // import theme icons -@import "source/buttons.less"; // import theme buttons -@import "source/sections.less"; // import theme tabs and accordions -@import "source/dropdowns.less"; // import theme dropdowns -@import "source/pages.less"; // import theme pager -@import "source/rating.less"; // import theme ratings -@import "source/actions-toolbar.less"; // import theme actions-toolbar -@import "source/breadcrumbs.less"; // import theme breadcrumbs -@import "source/popups.less"; // import theme popups -@import "source/price.less"; // import theme popups diff --git a/app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/_module.less similarity index 85% rename from app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/_module.less index 095ee22c4e5ff..688523fb46fe9 100644 --- a/app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Bundle/web/css/source/_module.less @@ -10,7 +10,7 @@ & when (@media-common = true) { .bundle-actions { - margin: 0 0 @indent-l-base; + margin: 0 0 @indent__l; .action.primary.customize { &:extend(.abs-button-l all); &:extend(.abs-button-responsive all); @@ -19,7 +19,7 @@ .bundle-options-container { clear: both; - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; .legend.title { .heading(h1); @@ -36,9 +36,9 @@ } .product-options-wrapper { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; .fieldset > .field { - padding-top: @form-field-vertical-indent; + padding-top: @form-field__vertical-indent; border-top: 1px @color-gray-middle1 solid; &:first-of-type { border-top: 0; @@ -71,7 +71,7 @@ .action.back { &:extend(.abs-action-button-as-link all); - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } .block-bundle-summary { @@ -85,18 +85,18 @@ .bundle-summary .subtitle { border-bottom: 1px @color-gray-middle1 solid; padding-bottom: 16px; - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } .price-box { - margin-bottom: @indent-base; + margin-bottom: @indent__base; .price-label { display: block; - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; } } .bundle-summary { - margin-top: @indent-l-base; + margin-top: @indent__l; &.empty { display: none; } @@ -109,7 +109,7 @@ .bundle.items { &:extend(.abs-reset-list all); > li { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -142,22 +142,22 @@ } } p.required { - .css(color, @form-field-label-asterisk-color); + .css(color, @form-field-label-asterisk__color); } .nested { .field.qty { .form-field-type(@_type: block); .label { - font-weight: @form-field-label-font-weight; + font-weight: @form-field-label__font-weight; } &:last-child { margin-bottom: 0; } - margin-top: @form-field-vertical-indent; + margin-top: @form-field__vertical-indent; } } .price { - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } } @@ -166,7 +166,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .bundle-actions { .action.primary.customize { width: auto; @@ -174,7 +174,7 @@ } .bundle-options-container { .legend.title { - font-size: @h1-font-size-desktop; + font-size: @h1__font-size-desktop; } .bundle-options-wrapper { float: left; @@ -182,7 +182,7 @@ } .block-bundle-summary { margin-top: 66px; - padding: @indent-s-base @indent-base; + padding: @indent__s @indent__base; &:extend(.abs-add-box-sizing-desktop all); float: right; width: 40%; @@ -192,7 +192,7 @@ .price-wrapper > .price { font-size: @price-size-desktop; line-height: @price-size-desktop; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; .css(color, @price-color); } } @@ -201,7 +201,7 @@ .css(color, @price-color); .price { .font-size(12); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } } diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less similarity index 86% rename from app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less index d0a7431416957..5821bbaea9cb4 100644 --- a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less @@ -3,11 +3,11 @@ // * See COPYING.txt for license details. // */ -@import "listings.less"; -@import "toolbar.less"; +@import 'module/_listings'; +@import 'module/_toolbar'; @product-info-price: @color-gray34; -@product-h1-margin-bottom-desktop: @indent-s-base + @indent-xs-base; +@product-h1-margin-bottom-desktop: @indent__s + @indent__xs; // // Common @@ -20,7 +20,7 @@ //-------------------------------------- .old-price, .old.price { - .css(color, @text-color-muted); + .css(color, @text__color__muted); } .price-tier_price { @@ -42,7 +42,7 @@ } .actual-price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .product.name a { @@ -66,7 +66,7 @@ &-cms, &-image, &-description { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -109,12 +109,12 @@ max-width: 100%; } .notice { - margin: @indent-s-base 0; - .css(color, @text-color-muted); - .font-size(@font-size-s); + margin: @indent__s 0; + .css(color, @text__color__muted); + .font-size(@font-size__s); } .product.thumbs { - margin: @indent-s-base 0 @indent-m-base; + margin: @indent__s 0 @indent__m; } .items.thumbs { .list-inline(); @@ -141,9 +141,9 @@ ); .table-resize( @_th-padding-left: 0, - @_th-padding-right: @indent-l-base, - @_th-padding-bottom: @indent-s-base, - @_td-padding-bottom: @indent-s-base + @_th-padding-right: @indent__l, + @_th-padding-bottom: @indent__s, + @_td-padding-bottom: @indent__s ); } } @@ -154,13 +154,13 @@ display: table; width: 100%; .css(color, @product-info-price); - margin-bottom: @indent-s-base + @indent-xs-base; + margin-bottom: @indent__s + @indent__xs; .price-box { display: table-cell; vertical-align: top; .price-final_price > span { display: block; - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; &:last-child { margin-bottom: 0; } @@ -172,19 +172,19 @@ .font-size(14); .price { .font-size(14); - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; line-height: 16px; } } .price-wrapper .price { .font-size(22); - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; line-height: 22px; } .old-price { .price-wrapper .price { .font-size(20); - font-weight: @font-weight-light; + font-weight: @font-weight__light; } } .special-price { @@ -200,13 +200,13 @@ display: table-cell; vertical-align: top; padding-left: 10%; - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; } .stock { margin: 0 0 3px; &.available, &.unavailable { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; text-transform: uppercase; } } @@ -216,7 +216,7 @@ .product { &-add-form { clear: both; - padding-top: @indent-s-base + @indent-xs-base; + padding-top: @indent__s + @indent__xs; } &.attibute { @@ -232,11 +232,11 @@ } } &.overview { - margin: @indent-base 0; + margin: @indent__base 0; } } &.alert { - margin: @indent-s-base 0; + margin: @indent__s 0; } } .product-reviews-summary { @@ -244,7 +244,7 @@ } .product-options-bottom { .box-tocart { - margin-top: @form-field-vertical-indent; + margin-top: @form-field__vertical-indent; } } } @@ -254,10 +254,10 @@ .css(color, @product-info-price); display: table-cell; vertical-align: top; - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; .old-price { font-size: 20px; - font-weight: @font-weight-light; + font-weight: @font-weight__light; .price-container > span { display: inline-block; } @@ -265,7 +265,7 @@ .price-container { > span { display: block; - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; &:last-child { margin-bottom: 0; } @@ -273,7 +273,7 @@ .price { font-size: 22px; line-height: 22px; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } .price-including-tax + .price-excluding-tax, .weee + .price-excluding-tax, @@ -282,7 +282,7 @@ line-height: 14px; .price { .font-size(12); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } } @@ -328,9 +328,9 @@ .prices-tier { &:extend(.abs-reset-list all); - margin-bottom: @indent-s-base + @indent-xs-base; + margin-bottom: @indent__s + @indent__xs; .item { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } @@ -359,7 +359,7 @@ .sidebar { .product-items { .product-item { - margin-bottom: @indent-base; + margin-bottom: @indent__base; position: relative; &-info { position: relative; @@ -378,19 +378,19 @@ } &-actions { display: block; - margin-top: @indent-s-base; + margin-top: @indent__s; } } .price-box { display: block; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin: 7px 0; } .text { margin-right: 8px; } .counter { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); font-size: 12px; white-space: nowrap; } @@ -426,11 +426,11 @@ //-------------------------------------- .product-items-images { &:extend(.abs-add-clearfix all); - margin-left: -@indent-xs-base; + margin-left: -@indent__xs; .product-item { &:extend(.abs-add-box-sizing all); float: left; - padding-left: @indent-xs-base; + padding-left: @indent__xs; } } @@ -439,7 +439,7 @@ //-------------------------------------- .product-items-names { .product-item { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .product-item-name { margin: 0; @@ -450,9 +450,9 @@ } // -// Mobile @screen-m +// Mobile @screen__m //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .catalog-product-view { .column.main { .vendor-prefix-display(flex); @@ -465,22 +465,22 @@ } // -// Mobile @screen-s +// Mobile @screen__s //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .product-social-links { .action.tocompare { display: none; } } .product-info-price { - margin: 0 -@indent-s-base 0; - width: ~"calc(100% + 2*@{indent-s-base})"!important; + margin: 0 -@indent__s 0; + width: ~"calc(100% + 2*@{indent__s})"!important; > *:first-child { - padding-left: @indent-s-base; + padding-left: @indent__s; } > *:last-child { - padding-right: @indent-s-base; + padding-right: @indent__s; } } .product.info.detailed { @@ -500,7 +500,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-info-main { .page-title { h1 { @@ -508,7 +508,7 @@ } } .product-add-form { - padding-top: @indent-base; + padding-top: @indent__base; } } @@ -528,7 +528,7 @@ .product-info-price { .price-box { .price-container { - font-size: @font-size-xl; + font-size: @font-size__xl; .price { font-size: 36px; line-height: 36px; @@ -588,7 +588,7 @@ left: auto; top: auto; float: left; - margin: 0 @indent-s-base @indent-s-base 0; + margin: 0 @indent__s @indent__s 0; } } &-details { @@ -605,7 +605,7 @@ // // Desktop large //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-xl) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) { .sidebar { .product-items { .product-item { @@ -651,14 +651,14 @@ &:before { z-index: 99; border: solid 6px; - border-color: transparent transparent @popup-background transparent; + border-color: transparent transparent @popup__background transparent; margin-left: -4px; top: -12px; } &:after { z-index: 98; border: solid 7px; - border-color: transparent transparent @popup-border-color transparent; + border-color: transparent transparent @popup__border-color transparent; top: -14px; margin-left: -5px; } @@ -701,7 +701,7 @@ margin-bottom: 9px; } .actual-price { - font-size: @font-size-l; + font-size: @font-size__l; margin: 3px 0 15px; } .popup-header { @@ -741,7 +741,7 @@ body.catalog-product-compare-index { .cell.label, td:last-child { - border-right: @table-border-width @table-border-style @table-border-color; + border-right: @table__border-width @table__border-style @table__border-color; } .cell { @@ -754,7 +754,7 @@ body.catalog-product-compare-index { &.product.info, &.product.label { - border-bottom: @table-border-width @table-border-style @table-border-color; + border-bottom: @table__border-width @table__border-style @table__border-color; } &.label { .attribute.label { @@ -855,7 +855,7 @@ body.catalog-product-compare-index { // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper.comparison { .table-comparison > tbody > tr{ > th, @@ -866,7 +866,7 @@ body.catalog-product-compare-index { } } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .compare.wrapper, [class*="block-compare"] { display: none; @@ -876,25 +876,25 @@ body.catalog-product-compare-index { // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .compare.wrapper { float: right; .list-reset-styles(); .action.compare { - line-height: @form-element-input-height; + line-height: @form-element-input__height; .link( - @_link-color: @color-primary, + @_link-color: @primary__color, @_link-text-decoration: none, - @_link-color-visited: @color-primary, + @_link-color-visited: @primary__color, @_link-text-decoration-visited: none, - @_link-color-hover: @color-primary, + @_link-color-hover: @primary__color, @_link-text-decoration-hover: underline, - @_link-color-active: @color-primary, + @_link-color-active: @primary__color, @_link-text-decoration-active: underline ); } .counter.qty { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); &:before { content: "("; } @@ -938,7 +938,7 @@ body.catalog-product-compare-index { // // Desktop large //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .box-tocart { .paypal:first-of-type { margin-top: 13px; diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/listings.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less similarity index 88% rename from app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/listings.less rename to app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less index c6d10b7a17fbd..42833d6a522a0 100644 --- a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/listings.less +++ b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less @@ -4,7 +4,7 @@ // */ @product-name-text-decoration: none; -@product-name-text-decoration-hover: @link-text-decoration-hover; +@product-name-text-decoration-hover: @link__hover__text-decoration; // // Common @@ -13,16 +13,16 @@ & when (@media-common = true) { .product-name() { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; > a { .link( - @_link-color: @text-color, + @_link-color: @text__color, @_link-text-decoration: @product-name-text-decoration, - @_link-color-visited: @text-color, + @_link-color-visited: @text__color, @_link-text-decoration-visited: @product-name-text-decoration, - @_link-color-hover: @text-color, + @_link-color-hover: @text__color, @_link-text-decoration-hover: @product-name-text-decoration-hover, - @_link-color-active: @text-color, + @_link-color-active: @text__color, @_link-text-decoration-active: @product-name-text-decoration-hover ); } @@ -30,7 +30,7 @@ // Product Lists .products { - margin: @indent-l-base 0; + margin: @indent__l 0; } .product { &-items { @@ -47,7 +47,7 @@ &-name { .product-name(); display: block; - margin: @indent-xs-base 0; + margin: @indent__xs 0; word-break: break-all; // Non standard for webkit word-break: break-word; @@ -80,7 +80,7 @@ } } &-description { - margin: @indent-m-base 0; + margin: @indent__m 0; } .product-reviews-summary { .rating-summary { @@ -89,23 +89,23 @@ .reviews-actions { margin-top: 5px; text-transform: lowercase; - font-size: @font-size-s; + font-size: @font-size__s; } } .price-box { - margin: @indent-s-base 0 @indent-m-base; + margin: @indent__s 0 @indent__m; .price { font-weight: bold; } .price-label { - font-size: @font-size-s; - .css(color, @text-color-muted); + font-size: @font-size__s; + .css(color, @text__color__muted); } } .old-price { - margin: @indent-xs-base 0; + margin: @indent__xs 0; .price { font-weight: normal; } @@ -118,7 +118,7 @@ } .minimal-price-link { - margin-top: @indent-xs-base; + margin-top: @indent__xs; } .price-from, @@ -136,8 +136,8 @@ border-radius: 0; .font-size(13px); line-height: 1; - padding-top: @indent-s-base; - padding-bottom: @indent-s-base; + padding-top: @indent__s; + padding-bottom: @indent__s; } } } @@ -198,7 +198,7 @@ } &-photo { width: 1%; - padding: 0 @indent-l-base @indent-l-base 0; + padding: 0 @indent__l @indent__l 0; vertical-align: top; display: table-cell; } @@ -219,19 +219,19 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-list .product { &-item { table-layout: fixed; &-photo { - padding: 0 @indent-s-base @indent-s-base 0; + padding: 0 @indent__s @indent__s 0; width: 30%; } } } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .product-item-info { .products-grid &:hover { margin: -10px; @@ -268,7 +268,7 @@ display: block; .products-grid & { visibility: hidden; - margin: -@indent-s-base 0 @indent-s-base; + margin: -@indent__s 0 @indent__s; } .actions-primary + .actions-secondary { display: table-cell; @@ -290,7 +290,7 @@ .products-grid { .product-item { width: 100%/3; - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } @@ -306,12 +306,12 @@ // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-products .products-grid .product-item { width: 100%/3 } .page-products.page-layout-1column .products-grid .product-item { width: 100%/4 } .page-products.page-layout-3columns .products-grid .product-item { width: 100%/2 } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .products-grid .product-item { width: 100%/5 } .page-layout-1column .products-grid .product-item { width: 100%/6 } .page-layout-3columns .products-grid .product-item { width: 100%/4 } diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/toolbar.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_toolbar.less similarity index 83% rename from app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/toolbar.less rename to app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_toolbar.less index 77a787112480f..94f306de93bc8 100644 --- a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/toolbar.less +++ b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_toolbar.less @@ -6,9 +6,9 @@ @toolbar-mode-icon-font-size: 16px; @toolbar-background: transparent; @toolbar-element-background: @color-gray94; -@pager-action-background: @toolbar-element-background; -@pager-action-background-hover: darken(@toolbar-element-background, 7%); -@pager-font-weight: @font-weight-bold; +@pager-action__background: @toolbar-element-background; +@pager-action__hover__background: darken(@toolbar-element-background, 7%); +@pager__font-weight: @font-weight__bold; // // Common @@ -26,7 +26,7 @@ select { .css(background-color, @toolbar-element-background); border-radius: 3px; - .css(box-shadow, @button-shadow); + .css(box-shadow, @button__shadow); } text-align: center; @@ -49,7 +49,7 @@ position: static; } } - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; &-products { .css(background-color, @toolbar-background); .pages { @@ -60,7 +60,7 @@ } } .pages { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } } @@ -70,13 +70,13 @@ position: absolute; z-index: 1; top: 0; - right: @indent-s-base; + right: @indent__s; } .products.wrapper ~ .toolbar & { display: none; } &-options { - margin: 0 @indent-xs-base 0 7px; + margin: 0 @indent__xs 0 7px; width: auto; } &-action { @@ -120,13 +120,13 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .toolbar-products { margin-bottom: 0; } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .page-products .columns { position: relative; z-index: 1; @@ -146,7 +146,7 @@ .modes { float: left; display: inline-block; - margin-right: @indent-base; + margin-right: @indent__base; overflow: hidden; .products.wrapper ~ .toolbar & { display: none; @@ -158,29 +158,29 @@ &-mode { float: left; - border: 1px solid @border-color-base; - font-weight: @font-weight-base; - .css(color, @text-color-muted); + border: 1px solid @border-color__base; + font-weight: @font-weight__regular; + .css(color, @text__color__muted); text-align: center; padding: 7px 10px; line-height: 1; border-right: 0; .css(background-color, @toolbar-element-background); - .css(box-shadow, @button-shadow); + .css(box-shadow, @button__shadow); .icon-text-hide(); .modes-label + & { border-radius: 3px 0 0 3px; } &:hover { background: darken(@toolbar-element-background, 2%); - .css(color, @text-color-muted); + .css(color, @text__color__muted); } &:last-child { border-radius: 0 3px 3px 0; - border-right: 1px solid @border-color-base; + border-right: 1px solid @border-color__base; } &.active { - .css(box-shadow, @button-shadow-active); + .css(box-shadow, @button__shadow-active); background: darken(@toolbar-element-background, 7%); color: @color-gray62; } diff --git a/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/_module.less similarity index 89% rename from app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/_module.less index 2959b60e23263..d2a5755580a56 100644 --- a/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_CatalogSearch/web/css/source/_module.less @@ -4,7 +4,7 @@ // */ @autocomplete-background: @color-white; -@autocomplete-border: 1px solid @form-element-input-border-color; +@autocomplete-border: 1px solid @form-element-input__border-color; @autocomplete-item-border: 1px solid @color-gray90; @autocomplete-item-hover: @color-gray91; @autocomplete-item-amount-color: @color-gray60; @@ -27,7 +27,7 @@ @_icon-font-content: @icon-search, @_icon-font-size: 22px, @_icon-font-line-height: 28px, - @_icon-font-margin: 0 @indent-s-base 0 0, + @_icon-font-margin: 0 @indent__s 0 0, @_icon-font-color: @minicart-icons-color, @_icon-font-color-hover: @minicart-icons-color-hover, @_icon-font-color-active: @minicart-icons-color-hover, @@ -47,10 +47,10 @@ display: none; } .control { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; clear: both; - margin: 0 -@layout-width-xs-indent -1px; - padding: 0 @layout-width-xs-indent; + margin: 0 -@layout__width-xs-indent -1px; + padding: 0 @layout__width-xs-indent; } input { @@ -81,7 +81,7 @@ li { .css(border-top, @autocomplete-item-border); cursor: pointer; - padding: @indent-xs-base @indent-xl-base @indent-xs-base @indent-s-base; + padding: @indent__xs @indent__xl @indent__xs @indent__s; margin: 0; position: relative; text-align: left; @@ -97,7 +97,7 @@ .css(color, @autocomplete-item-amount-color); position: absolute; right: 7px; - top: @indent-xs-base; + top: @indent__xs; } } } @@ -159,7 +159,7 @@ line-height: 2em; > li { display: inline-block; - margin-right: @indent-s-base; + margin-right: @indent__s; } } @@ -168,16 +168,16 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .block-search { - margin-top: @indent-s-base; + margin-top: @indent__s; } } // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-search { position: relative; float: right; @@ -196,12 +196,12 @@ position: static; padding-right: 35px; margin: 0; - .input-placeholder(@form-element-input-placeholder-color); + .input-placeholder(@form-element-input-placeholder__color); } .action.search { position: absolute; display: inline-block; - right: @indent-s-base; + right: @indent__s; top: 0; z-index: 1; .button-icon( diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/_module.less similarity index 81% rename from app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/_module.less index a2c17672bc6df..806ae15657ffb 100644 --- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/_module.less @@ -3,8 +3,8 @@ // * See COPYING.txt for license details. // */ -@import 'cart.less'; -@import 'minicart.less'; +@import 'module/_cart'; +@import 'module/_minicart'; @opc-margin-left: 10%; @@ -54,7 +54,7 @@ } &.active { .step-title { - .css(color, @color-primary); + .css(color, @primary__color); } .step-content { display: block; @@ -64,13 +64,13 @@ .step { &-title { .css(background, @sidebar-background); - .css(color, lighten(@color-primary, 40%)); + .css(color, lighten(@primary__color, 40%)); margin-bottom: 2px; - padding: 13px @indent-m-base; + padding: 13px @indent__m; position: relative; h2 { .font-size(18); - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin: 0; } .number { @@ -79,10 +79,10 @@ } &-content { - padding: 35px @indent-m-base 80px; + padding: 35px @indent__m 80px; position: relative; .addresses .control { - margin: @indent-base 0 @indent-l-base; + margin: @indent__base 0 @indent__l; } .fieldset { margin-bottom: 0; @@ -121,7 +121,7 @@ text-align: center; } > .choice { - margin-top: @form-field-vertical-indent; + margin-top: @form-field__vertical-indent; } } .form:not(.login), @@ -130,7 +130,7 @@ } } .actions { - margin-top: @indent-xl-base; + margin-top: @indent__xl; } .field.street { .field.additional { @@ -152,56 +152,56 @@ .login-wrapper { .block { .block-title { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; strong { .font-size(22); - font-weight: @font-weight-light; + font-weight: @font-weight__light; margin: 0; } } .fieldset.guest { - margin-top: @indent-base; + margin-top: @indent__base; } .field { &.choice { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } &.note { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } } } } .opc-payment-additional { - margin: 0 0 @indent-s-base 15px; + margin: 0 0 @indent__s 15px; + .opc-payment { - margin: @indent-xl-base 0 0; + margin: @indent__xl 0 0; } } .action.primary.checkout { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } .hidden:extend(.abs-no-display all) { } .actions-toolbar { - margin: @indent-xl-base 0 0; + margin: @indent__xl 0 0; } .field { &.month { - padding-right: @indent-s-base; + padding-right: @indent__s; .control { position: relative; &:after { - color: @color-primary-light; + color: @primary__color__light; content: '/'; position: absolute; right: -9px; - top: @indent-xs-base; + top: @indent__xs; } } } @@ -221,8 +221,8 @@ .icon-font( @_icon-font-content: @icon-help, @_icon-font-size: 16px, - @_icon-font-color: @color-primary-light, - @_icon-font-color-hover: @color-primary, + @_icon-font-color: @primary__color__light, + @_icon-font-color-hover: @primary__color, @_icon-font-text-hide: true ); } @@ -243,7 +243,7 @@ .field { margin-bottom: 15px; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } &.choice { .control { @@ -262,13 +262,13 @@ } .regular .price, .price .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .price-box { - margin-bottom: @indent-xs-base; - margin-left: @indent-base; - margin-top: @indent-s-base; + margin-bottom: @indent__xs; + margin-left: @indent__base; + margin-top: @indent__s; } } @@ -277,26 +277,26 @@ // --------------------------------------------- .methods-payment { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; .item-title { - border-top: @border-width-base solid @border-color-base; - font-weight: @font-weight-base; + border-top: @border-width__base solid @border-color__base; + font-weight: @font-weight__regular; margin: 0; padding: 16px 15px 15px; } .item-content { margin: 0; > .fieldset { - padding: 0 @indent-s-base @indent-xl-base; + padding: 0 @indent__s @indent__xl; &.redirect { - margin: @indent-s-base 0 @indent-l-base 37px; + margin: @indent__s 0 @indent__l 37px; padding: 0; width: 80%; } } } img { - margin-right: @indent-xs-base; + margin-right: @indent__xs; vertical-align: middle; } } @@ -319,9 +319,9 @@ } } .item-options:extend(.abs-add-clearfix all) { - margin: @indent-base 0 0; + margin: @indent__base 0 0; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .product-item-name:extend(.abs-checkout-product-name all) { @@ -332,7 +332,7 @@ .font-size(16); th, td { - padding: 0 @indent-s-base; + padding: 0 @indent__s; } } } @@ -347,8 +347,8 @@ // --------------------------------------------- .opc-block-progress-wrapper { - margin-bottom: @indent-l-base; - margin-top: @indent-base; + margin-bottom: @indent__l; + margin-top: @indent__base; } .opc-block-progress:extend(.abs-add-box-sizing all) { @@ -359,11 +359,11 @@ > .title { .css(background, @sidebar-background); .font-size(18); - font-weight: @font-weight-light; + font-weight: @font-weight__light; margin: 0; - padding: @indent-s-base 15px; + padding: @indent__s 15px; strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } > .content { @@ -373,7 +373,7 @@ margin: 0; } .item-title { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; display: none; margin: 0; padding: 15px 0 7px; @@ -382,7 +382,7 @@ } span { .font-size(16); - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } } .item-content { @@ -395,18 +395,18 @@ } } .action { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .data.table { - font-size: @font-size-s; + font-size: @font-size__s; } } .payment-method { > .title { - font-weight: @font-weight-light; + font-weight: @font-weight__light; } > .content { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; &:last-child { margin-bottom: 0; } @@ -419,10 +419,10 @@ } .data.table { th { - padding: @indent-xs-base @indent-s-base @indent-xs-base 0; + padding: @indent__xs @indent__s @indent__xs 0; } td { - padding: @indent-xs-base 0; + padding: @indent__xs 0; } } } @@ -458,7 +458,7 @@ // Mobile // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper.order-review-wrapper:extend(.abs-no-border-top all) { .table.table-order-review:extend(.abs-checkout-order-review all) { tbody tr { @@ -484,12 +484,12 @@ // Desktop // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .checkout-onepage-index .column.main:extend(.abs-add-clearfix-desktop-s all) { } .opc-wrapper:extend(.abs-add-box-sizing-desktop-s all) { - .layout-column(2, 2, @layout-column-checkout-main-width); + .layout-column(2, 2, @layout-column-checkout__width-main); .step-content:extend(.abs-form-field-column-2-s all) { .form { &.shipping.address, @@ -519,7 +519,7 @@ .field:extend(.abs-form-field-revert-column-1-s all) { &:nth-last-child(1), &:nth-last-child(2) { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } &:last-child { margin: 0; @@ -565,7 +565,7 @@ .methods-payment .item-content > .fieldset, .order-review .fieldset { - margin: @indent-s-base 0 @indent-l-base @opc-margin-left; + margin: @indent__s 0 @indent__l @opc-margin-left; padding: 0; width: 46%; .field .field { @@ -588,7 +588,7 @@ } .checkout-success .subtitle .print { - margin-left: @indent-xl-base; + margin-left: @indent__xl; } .table-order-review { @@ -603,23 +603,23 @@ .font-size(16); th, td { - padding: 0 0 @indent-xl-base; + padding: 0 0 @indent__xl; } strong { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; display: block; padding-top: 11px; } .mark { strong { - margin-left: @indent-s-base; - padding-right: @indent-s-base; + margin-left: @indent__s; + padding-right: @indent__s; } } .amount { strong { - margin-right: @indent-s-base; - padding-left: @indent-s-base; + margin-right: @indent__s; + padding-left: @indent__s; } } } @@ -634,15 +634,15 @@ .print:extend(.abs-action-print-s all) { display: inline-block; .font-size(14); - margin-left: @indent-xl-base; + margin-left: @indent__xl; } } } .opc-block-progress-wrapper:extend(.abs-add-box-sizing-desktop-s all) { - .layout-column(2, 1, @layout-column-checkout-left-width); + .layout-column(2, 1, @layout-column-checkout__width-left); margin-top: 0; - padding-right: @layout-column-main-sidebar-offset; + padding-right: @layout-column-main__sidebar-offset; } .opc-block-progress.active { diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/cart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less similarity index 87% rename from app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/cart.less rename to app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less index 826ffb01e5a28..1cd39f78a061d 100644 --- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/cart.less +++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_cart.less @@ -22,8 +22,8 @@ padding-right: 0; } .page-title { - padding-left: @layout-width-xs-indent; - padding-right: @layout-width-xs-indent; + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; } } .cart { @@ -43,7 +43,7 @@ > .title { display: none; .font-size(24); - font-weight: @font-weight-light; + font-weight: @font-weight__light; margin: 12px 0; } @@ -65,12 +65,12 @@ form:not(:last-of-type) { .fieldset { - margin: 0 0 @indent-m-base; + margin: 0 0 @indent__m; } } .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } .field { @@ -134,19 +134,19 @@ // Totals block &-totals { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; padding-top: 10px; tbody, tfoot { .mark { border: 0; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; padding: 6px 0; text-align: left; } .amount { border: 0; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; padding: 6px 0 6px 14px; text-align: right; } @@ -157,22 +157,22 @@ padding: 11px 0; } .mark { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; .font-size(16); - padding-right: @indent-s-base; + padding-right: @indent__s; strong { display: inline-block; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; padding: 3px 0 0; } } .amount { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; .font-size(18); } } .msrp { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } tbody tr:last-child td { padding-bottom: 19px; @@ -181,8 +181,8 @@ &-summary { .mark, .amount { - border-top: @border-width-base solid @border-color-base; - border-bottom: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; + border-bottom: @border-width__base solid @border-color__base; cursor: pointer; } .amount .price { @@ -216,7 +216,7 @@ } &-details { display: none; - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; &.shown { display: table-row; } @@ -232,7 +232,7 @@ .cart { thead { tr th.col { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; padding-top: 24px; padding-bottom: 15px; } @@ -243,7 +243,7 @@ } } > .item { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; position: relative; } } @@ -252,12 +252,12 @@ &.price, &.subtotal, &.msrp { - padding: @cart-item-cell-padding-top 11px @indent-s-base; + padding: @cart-item-cell-padding-top 11px @indent__s; text-align: center; &:extend(.abs-incl-excl-tax all); } &.qty { - padding: 20px 11px @indent-s-base; + padding: 20px 11px @indent__s; text-align: center; .label { &:extend(.abs-visually-hidden all); @@ -270,15 +270,15 @@ } } > .price { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); .font-size(18); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .item { &-actions td { - padding-bottom: @indent-base; + padding-bottom: @indent__base; padding-left: @mobile-cart-padding; padding-right: @mobile-cart-padding; white-space: normal; @@ -289,20 +289,20 @@ .col { &.item { display: block; - padding: 15px @mobile-cart-padding @indent-s-base 90px; + padding: 15px @mobile-cart-padding @indent__s 90px; position: relative; min-height: 75px; } } } .action { - margin-right: @indent-m-base; + margin-right: @indent__m; &:last-child { margin-right: 0; } &.help.map { &:extend(.abs-action-button-as-link all); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } &.edit { float: left; @@ -325,7 +325,7 @@ &-item-name { display: block; .font-size(18); - margin: -3px 0 @indent-xs-base; + margin: -3px 0 @indent__xs; } } .gift-registry-name-label { @@ -341,7 +341,7 @@ } .product-item-name + .item-options { - margin-top: @indent-base; + margin-top: @indent__base; } .cart-tax-total { @@ -355,17 +355,17 @@ } .action.configure { display: inline-block; - margin: @indent-s-base 0 0; + margin: @indent__s 0 0; } .item .message { - margin-top: @indent-base; + margin-top: @indent__base; } } // Discount &-discount { clear: left; - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; .block { &:extend(.abs-cart-block all); } @@ -384,7 +384,7 @@ } .action.check { &:extend(.abs-action-button-as-link all); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .fieldset { display: table; @@ -417,8 +417,8 @@ // Empty cart &-empty { - padding-left: @layout-width-xs-indent; - padding-right: @layout-width-xs-indent; + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; } .cart-tax-info + .cart-tax-total { @@ -431,7 +431,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .cart { &-totals { .table.totals { @@ -466,7 +466,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .cart { // Cart container &-container { @@ -478,11 +478,11 @@ } &-discount { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; } &.table-wrapper { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; thead { .col { &.item, @@ -507,7 +507,7 @@ &:before { content: attr(data-th); display: block; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; padding-bottom: 10px; } } @@ -561,11 +561,11 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .checkout-cart-index { .page-main { - padding-left: @layout-width-xs-indent; - padding-right: @layout-width-xs-indent; + padding-left: @layout__width-xs-indent; + padding-right: @layout__width-xs-indent; } .page-title { &:extend(.abs-revert-side-paddings all); @@ -588,9 +588,9 @@ // Summary block &-summary { - padding: 1px @indent-base @indent-m-base; + padding: 1px @indent__base @indent__m; position: relative; - .layout-column(2, 2, @layout-column-checkout-left-width); + .layout-column(2, 2, @layout-column-checkout__width-left); > .title { display: block; } @@ -613,7 +613,7 @@ .fieldset { .field { .form-field-type-revert(@_type: block); - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } } } @@ -671,7 +671,7 @@ border: 0; &:extend(.abs-add-box-sizing-desktop all); padding-right: 4%; - .layout-column(2, 1, @layout-column-checkout-main-width); + .layout-column(2, 1, @layout-column-checkout__width-main); .block { &:extend(.abs-blocks-2columns all); width: 48%; @@ -708,7 +708,7 @@ // Cross sell .block.crosssell { - .layout-column(2, 1, @layout-column-checkout-main-width); + .layout-column(2, 1, @layout-column-checkout__width-main); &:extend(.abs-add-box-sizing-desktop all); padding: 0 4% 0 0; .products-grid .product-item { diff --git a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/minicart.less b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less similarity index 90% rename from app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/minicart.less rename to app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less index 685e89076f55f..89c63d4d35dd6 100644 --- a/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/minicart.less +++ b/app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less @@ -23,8 +23,8 @@ } .amount { .price-wrapper:first-child .price { - font-size: @font-size-l; - font-weight: @font-weight-bold; + font-size: @font-size__l; + font-weight: @font-weight__bold; } } .subtitle { @@ -119,9 +119,9 @@ &.empty { display: none; } - .css(background, @color-active); + .css(background, @active__color); border-radius: 2px; - .css(color, @page-bg-color); + .css(color, @page__background-color); clip: none; display: inline-block; height: 24px; @@ -142,7 +142,7 @@ .minilist { .list-reset-styles(0, 0); .item { - border-top: 1px solid @color-secondary; + border-top: 1px solid @secondary__color; padding: 20px 0; z-index: 1; } @@ -162,27 +162,27 @@ max-width: 100%; overflow: hidden; text-overflow: ellipsis; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; margin-top: 0; a { - .css(color, @link-color); + .css(color, @link__color); } } &-item-details { padding-left: 88px; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .toggle { &:extend(.abs-toggling-title all); &:after { position: static; - margin: 0 0 0 @indent-xs-base; + margin: 0 0 0 @indent__xs; .css(color, @color-gray56); } border: 0; - padding: 0 @indent-xl-base @indent-xs-base 0; + padding: 0 @indent__xl @indent__xs 0; } .active { @@ -224,7 +224,7 @@ @_icon-font-line-height: 20px, @_icon-font-text-hide: true, @_icon-font-color: @minicart-icons-color, - @_icon-font-color-hover: @color-primary, + @_icon-font-color-hover: @primary__color, @_icon-font-color-active: @minicart-icons-color ); } @@ -241,22 +241,22 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-xs) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { .minicart-wrapper .block-minicart { width: 290px; } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .minicart-wrapper { - margin-top: @indent-s-base; + margin-top: @indent__s; } } // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .minicart-wrapper { margin-left: 13px; .block-minicart { diff --git a/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less similarity index 89% rename from app/design/frontend/Magento/luma/Magento_Customer/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less index 6cba3049fc8ff..5d01f70b1b04b 100644 --- a/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less @@ -36,13 +36,13 @@ .block-addresses-list { .items.addresses { > .item { - margin-bottom: @indent-base; + margin-bottom: @indent__base; &:last-child { margin-bottom: 0; } } .item.actions { - margin-top: @indent-xs-base; + margin-top: @indent__xs; .action { &:extend(.abs-account-actions all); } @@ -85,10 +85,10 @@ } } .messages { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } .column.main { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; h2 { margin-top: 0; } @@ -97,11 +97,11 @@ } } .sidebar-additional { - margin-top: @indent-xl-base; + margin-top: @indent__xl; } .table-wrapper { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); border-bottom: 1px solid @account-table-border-bottom-color; &:last-child { margin-bottom: 0; @@ -146,13 +146,13 @@ .column.main & { } } - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } p:last-child { margin: 0; } .box-actions { - margin-top: @indent-xs-base; + margin-top: @indent__xs; .action { &:extend(.abs-account-actions all); } @@ -160,7 +160,7 @@ } .control.captcha-image { - .css(margin-top, @indent-s-base); + .css(margin-top, @indent__s); .captcha-img { vertical-align: middle; } @@ -181,7 +181,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .login-container { &:extend(.abs-add-clearfix-desktop all); .block { @@ -190,7 +190,7 @@ .actions-toolbar { > .primary { margin-bottom: 0; - margin-right: @indent-l-base; + margin-right: @indent__l; } > .secondary { float: left; @@ -258,7 +258,7 @@ &:extend(.abs-add-clearfix-desktop all); > .item { &:extend(.abs-blocks-2columns all); - margin-bottom: @indent-base; + margin-bottom: @indent__base; &:nth-last-child(1), &:nth-last-child(2) { margin-bottom: 0; @@ -291,15 +291,15 @@ .control.captcha-image { .captcha-img { - margin: 0 @indent-s-base @indent-s-base 0; + margin: 0 @indent__s @indent__s 0; } } } // -// Mobile @screen-s +// Mobile @screen__s //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .column.main, .sidebar-additional { @@ -312,9 +312,9 @@ } // -// Mobile @screen-m +// Mobile @screen__m //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .login-container { .fieldset { &:after { @@ -325,7 +325,7 @@ .account { .page.messages { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } .column.main { .block:not(.widget) { @@ -333,12 +333,12 @@ &:extend(.abs-add-clearfix-mobile-m all); > .action { float: right; - .css(margin-top, @indent-xs-base); + .css(margin-top, @indent__xs); } } .block-content { .box { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); &:last-child { margin-bottom: 0; } @@ -350,7 +350,7 @@ .control.captcha-image { .captcha-img { display: block; - .css(margin-bottom, @indent-s-base); + .css(margin-bottom, @indent__s); } } .customer-account-index { diff --git a/app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/_module.less similarity index 86% rename from app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/_module.less index 41f0eec0a6ee8..a16b33861df0b 100644 --- a/app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Downloadable/web/css/source/_module.less @@ -11,7 +11,7 @@ .table-downloadable-products { .product-name { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; margin-right: 15px; } .action.download { @@ -24,7 +24,7 @@ .page-product-downloadable { .product-add-form { clear: both; - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; &:extend(.abs-add-clearfix all); } .product-options-bottom { @@ -44,14 +44,14 @@ &-item-title { font-size: 1.4rem; font-weight: 600; - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } &-item { - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; } } .field.downloads { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; .page-product-downloadable .product-add-form .product-options-wrapper & > .control { width: 100%; } @@ -74,14 +74,14 @@ } .price-including-tax { display: inline; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; .font-size(14); } .field.choice { box-sizing: border-box; border-bottom: 1px solid @color-gray92; - padding-bottom: @indent-s-base; - margin-bottom: @indent-s-base; + padding-bottom: @indent__s; + margin-bottom: @indent__s; &:extend(.clearer all); width: 100%; position: relative; @@ -123,14 +123,14 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .page-product-downloadable .product-options-wrapper { - margin-bottom: @indent-m-base; + margin-bottom: @indent__m; } .table-downloadable-products { .product-name { display: block; - .css(margin-bottom, @indent-xs-base); + .css(margin-bottom, @indent__xs); } .col.title { &:before { @@ -145,14 +145,14 @@ height: 0; overflow: hidden; width: auto; - margin: @indent-m-base -@indent-s-base @indent-m-base; + margin: @indent__m -@indent__s; } } // // Product view Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .page-product-downloadable { .product-add-form { &:extend(.clearer all); diff --git a/app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/_module.less similarity index 74% rename from app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/_module.less index 3c53fa1423944..0d7da96fe37d1 100644 --- a/app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_GiftMessage/web/css/source/_module.less @@ -22,14 +22,14 @@ &:extend(.abs-reset-image-wrapper all); } .activate.message { - border-top: @border-width-base solid @border-color-base; - border-bottom: @border-width-base solid @border-color-base; - .css(color, @color-primary); + border-top: @border-width__base solid @border-color__base; + border-bottom: @border-width__base solid @border-color__base; + .css(color, @primary__color); display: block; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; line-height: 36px; - margin: 0 0 @indent-s-base; - padding: 0 @indent-m-base 0 0; + margin: 0 0 @indent__s; + padding: 0 @indent__m 0 0; position: relative; .icon-font( @_icon-font-content: @icon-down, @@ -54,18 +54,18 @@ } } .options-items { - margin-top: @indent-xl-base; + margin-top: @indent__xl; .order-title { margin: 0 0 15px; > .field.choice { .font-size(18); - font-weight: @font-weight-light; - border-bottom: @border-width-base solid @border-color-base; - padding-bottom: @indent-xs-base; + font-weight: @font-weight__light; + border-bottom: @border-width__base solid @border-color__base; + padding-bottom: @indent__xs; } } .order-options { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } .fieldset { .field.text { @@ -80,15 +80,15 @@ padding-right: 0; } .extra-options-container { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; .field.choice { - margin: @indent-base 0 15px; + margin: @indent__base 0 15px; } } } .options-order-container, .options-items-container { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .gift-messages-order { margin-bottom: 25px; @@ -96,22 +96,22 @@ .items { .list-reset-styles(); .item { - border-bottom: @border-width-base solid @border-color-base; - padding: 0 0 @indent-base; + border-bottom: @border-width__base solid @border-color__base; + padding: 0 0 @indent__base; &:extend(.abs-add-clearfix all); } .product { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; .number { - .css(color, @color-primary-light); + .css(color, @primary__color__light); span { - .css(color, @color-primary); - font-weight: @font-weight-semibold; + .css(color, @primary__color); + font-weight: @font-weight__semibold; } } .name { .font-size(16); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .photo.container { margin: 15px 0; @@ -128,7 +128,7 @@ content: attr(data-label) ": "; } .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .price-including-tax { @@ -144,8 +144,8 @@ .block-order-details-gift-message { .item-options { dt { - margin: @indent-s-base 0; - font-weight: @font-weight-base; + margin: @indent__s 0; + font-weight: @font-weight__regular; } } &:extend(.abs-add-clearfix all); @@ -176,20 +176,20 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .gift-message { .items { .item { - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; &:extend(.abs-add-clearfix-desktop all); } .product { float: left; - margin: 0 @indent-l-base 0 0; + margin: 0 @indent__l 0 0; width: 145px; .name { .font-size(16); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; max-width: 145px; text-overflow: ellipsis; overflow: hidden; diff --git a/app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/_module.less similarity index 84% rename from app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/_module.less index 53c4a42602a07..dc907ddca2f81 100644 --- a/app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_LayeredNavigation/web/css/source/_module.less @@ -18,10 +18,10 @@ position: absolute; z-index: 2; line-height: 16px; - border: 1px solid @border-color-base; + border: 1px solid @border-color__base; text-align: center; padding: 7px 10px; - @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color-base, 30); + @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color__base, 30); .css(background-color, @toolbar-element-background); .css(box-shadow, @_shadow); border-radius: 3px; @@ -46,11 +46,11 @@ } } .block-subtitle { - font-weight: @font-weight-semibold; - padding: @indent-s-base @indent-s-base @indent-base; - font-size: @font-size-base; + font-weight: @font-weight__semibold; + padding: @indent__s @indent__s @indent__base; + font-size: @font-size__base; line-height: 1em; - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; } &-subtitle { display: none; @@ -58,7 +58,7 @@ &-current { margin: 0; .items { - padding: @indent-xs-base @indent-s-base; + padding: @indent__xs @indent__s; } .item { position: relative; @@ -68,7 +68,7 @@ .filter &-subtitle { display: block; border: none; - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; } .action.remove { &:extend(.abs-remove-button-for-blocks all); @@ -78,11 +78,11 @@ } } &-actions { - padding: 0 @indent-s-base; - margin-bottom: @indent-m-base; + padding: 0 @indent__s; + margin-bottom: @indent__m; } &-label { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; &:after { content: ": "; } @@ -94,15 +94,15 @@ display: none; margin: 0; &-item { - border-bottom: @border-width-base solid @border-color-base; - padding-bottom: @indent-s-base; + border-bottom: @border-width__base solid @border-color__base; + padding-bottom: @indent__s; } &-title { cursor: pointer; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; margin: 0; overflow: hidden; - padding: @indent-s-base 20px+@indent-s-base 0 @indent-s-base; + padding: @indent__s 20px+@indent__s 0 @indent__s; position: relative; z-index: 1; text-transform: uppercase; @@ -130,9 +130,9 @@ } &-content { margin: 0; - padding: @indent-s-base; + padding: @indent__s; .item { - margin: @indent-s-base 0; + margin: @indent__s 0; line-height: 1.5em; } a { @@ -169,7 +169,7 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { body.filter-active { .page-wrapper { visibility: hidden; @@ -187,7 +187,7 @@ z-index: 99; visibility: visible; .filter-options-item:last-child { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } .filter-title { position: fixed; @@ -196,7 +196,7 @@ left: 0; height: 48px; z-index: 2; - border-bottom: 1px solid @border-color-base; + border-bottom: 1px solid @border-color__base; strong { right: 3px; left: auto; @@ -207,7 +207,7 @@ color: transparent; .icon-font( @icon-remove, - @_icon-font-color: @text-color-muted, + @_icon-font-color: @text__color__muted, @_icon-font-size: 16px, @_icon-font-position: after ); @@ -241,13 +241,13 @@ .filter { & &-subtitle { font-size: 20px; - font-weight: @font-weight-light; + font-weight: @font-weight__light; } &-actions { - margin: -35px -@indent-s-base @indent-m-base; + margin: -35px -@indent__s @indent__m; } &-options-content { - padding: @indent-xs-base @indent-s-base; + padding: @indent__xs @indent__s; } } .filter-no-options { @@ -264,8 +264,8 @@ } } .filter .filter-current { - margin: @indent-xs-base -@indent-s-base 0; - border: solid @border-color-base; + margin: @indent__xs -@indent__s 0; + border: solid @border-color__base; border-width: 1px 0; .items { @@ -290,7 +290,7 @@ &:after { content:' (' attr(data-count) ')'; font-size:.9em; - .css(color, @text-color-muted); + .css(color, @text__color__muted); } } &.active { @@ -314,22 +314,22 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .filter { &.block { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } &-title { display: none; } &-content { .item { - margin: @indent-s-base 0; + margin: @indent__s 0; } } &-actions { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } &.active &-options, &-options { @@ -360,10 +360,10 @@ } .filter { &.block { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; } &-content { - margin-top: @indent-s-base; + margin-top: @indent__s; } &-subtitle { display: none; @@ -372,7 +372,7 @@ &-item { display: inline-block; border: 0; - margin-right: @indent-m-base; + margin-right: @indent__m; &.active { position: relative; z-index: 2; @@ -411,12 +411,12 @@ .css(background, @color-white); width: 180px; top: 100%; - border: 1px solid @border-color-base; - padding: @indent-xs-base 0; + border: 1px solid @border-color__base; + padding: @indent__xs 0; @_shadow: 0 3px 5px 0 rgba(50, 50, 50, .75); .css(box-shadow, @_shadow, 1); .item { - padding: @indent-xs-base; + padding: @indent__xs; margin:0; a { margin-left: 0; @@ -433,8 +433,8 @@ &-subtitle { display: inline; padding: 0; - .css(color, @text-color-muted); - font-size: @font-size-base; + .css(color, @text__color__muted); + font-size: @font-size__base; font-weight: normal; &:after { content: ":"; @@ -445,7 +445,7 @@ display: inline; } .item { - margin-right: @indent-m-base; + margin-right: @indent__m; } .action.remove { line-height: normal; @@ -454,7 +454,7 @@ &-actions { display: inline; & ~ .filter-options { - margin-top: @indent-m-base; + margin-top: @indent__m; } } } diff --git a/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/_module.less similarity index 97% rename from app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/_module.less index 2f9691ce7bf14..49dd1c6f9b7b0 100644 --- a/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Newsletter/web/css/source/_module.less @@ -32,7 +32,7 @@ @icon-envelope, @_icon-font-size: 16px, @_icon-font-line-height: 32px, - @_icon-font-color: @form-element-input-placeholder-color, + @_icon-font-color: @form-element-input-placeholder__color, @_icon-font-margin: 0 0 0 8px ); &:before { @@ -68,7 +68,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block.newsletter { width: 34%; } diff --git a/app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/_module.less similarity index 59% rename from app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/_module.less index 909175dbbb7dd..cd4aaedb867b4 100644 --- a/app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_RecurringPayment/web/css/source/_module.less @@ -20,25 +20,25 @@ } .items-info-tabs { .item { - line-height: @tab-control-height; + line-height: @tab-control__height; margin: 0 0 -1px; strong { - .css(background, @tab-control-bg-active); - border: @border-width-base solid @border-color-base; + .css(background, @tab-control__active__background-color); + border: @border-width__base solid @border-color__base; display: block; - font-weight: @tab-control-font-weight; + font-weight: @tab-control__font-weight; padding: 0 20px; } a { - .css(background, @tab-control-bg); - .css(color, @tab-control-color); - border: @border-width-base solid @border-color-base; + .css(background, @tab-control__background-color); + .css(color, @tab-control__color); + border: @border-width__base solid @border-color__base; display: block; - font-weight: @tab-control-font-weight; + font-weight: @tab-control__font-weight; padding: 0 20px; &:hover { - .css(background, @tab-control-bg-hover); - .css(text-decoration, @tab-control-text-decoration-hover); + .css(background, @tab-control__hover__background-color); + .css(text-decoration, @tab-control__hover__text-decoration); } } } @@ -53,16 +53,16 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .items-info-tabs { &:extend(.abs-add-clearfix-desktop all); .item { float: left; - margin: 0 @tab-control-margin-right 0 0; + margin: 0 @tab-control__margin-right 0 0; strong { border-bottom: 0; margin-bottom: -1px; - padding: @tab-control-padding-top @tab-control-padding-right @tab-control-padding-bottom+1 @tab-control-padding-left; + padding: @tab-control__padding-top @tab-control__padding-right @tab-control__padding-bottom+1 @tab-control__padding-left; } a { padding: 1px 35px; diff --git a/app/design/frontend/Magento/luma/Magento_Review/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less similarity index 83% rename from app/design/frontend/Magento/luma/Magento_Review/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less index 5c76ef950d1ed..2337e438b1afc 100644 --- a/app/design/frontend/Magento/luma/Magento_Review/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Review/web/css/source/_module.less @@ -10,7 +10,7 @@ & when (@media-common = true) { .data.switch .counter { - .css(color, @text-color-muted); + .css(color, @text__color__muted); &:before { content:"("; } @@ -63,10 +63,10 @@ right: 0; margin:auto; display: block; - @loading-size: 74px; - width: @loading-size; - height: @loading-size; - border-radius: @loading-size/2; + @loading__size: 74px; + width: @loading__size; + height: @loading__size; + border-radius: @loading__size/2; z-index: 999; .url("images/loader-1.gif"); background: rgba(255, 255, 255, .7) url("@{url}") no-repeat 50% 50%; @@ -80,7 +80,7 @@ &-toolbar { padding: 0; border-top: 1px solid @color-gray79; - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; text-align: center; &:first-child { display: none; @@ -89,7 +89,7 @@ display: block; text-align: center; border-bottom: 1px solid @color-gray79; - padding: @indent-base 0; + padding: @indent__base 0; } .limiter { display: none; @@ -122,11 +122,11 @@ display: block; font-weight: 600; } - margin-bottom: @indent-base; + margin-bottom: @indent__base; } .fieldset &-field-ratings { > .label { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; font-weight: 600; padding: 0; } @@ -143,18 +143,18 @@ font-weight: 600; } .control { - margin-top: @indent-s-base; - margin-bottom: 1.2*@indent-xl-base; + margin-top: @indent__s; + margin-bottom: 1.2*@indent__xl; } } &-list { .block-title strong { .heading(h2); } - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } &-item { - padding: @indent-base 0; + padding: @indent__base 0; border-bottom: 1px solid @color-gray79; margin: 0; .clearer(); @@ -165,7 +165,7 @@ &-ratings { display: table; max-width: 100%; - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:extend(.abs-rating-summary all); } &-author { @@ -182,10 +182,10 @@ } &-title { .heading(h3); - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } &-content { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } .page-main { @@ -201,7 +201,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .review { &-form { max-width: 500px; @@ -209,7 +209,7 @@ @review-ratings-left: 280px; &-ratings { - max-width: @review-ratings-left - @indent-xl-base; + max-width: @review-ratings-left - @indent__xl; float: left; margin-bottom: 0; } @@ -255,12 +255,12 @@ .review.title, .ratings.summary.items, .product.details { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } } .product-reviews-summary { - margin-bottom: @indent-xs-base; + margin-bottom: @indent__xs; .products.wrapper.list & { margin: 0 auto; } @@ -271,7 +271,7 @@ .reviews-actions { display:inline-block; vertical-align: middle; - font-size: floor(.8 * @font-size-base); + font-size: floor(.8 * @font-size__base); a:not(:last-child) { margin-right: 30px; } @@ -292,14 +292,14 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product-reviews-summary { - margin-bottom: @indent-s-base + @indent-xs-base; + margin-bottom: @indent__s + @indent__xs; .products.wrapper.list & { margin: 0; } .reviews-actions { - font-size: @font-size-base; + font-size: @font-size__base; margin-top: 3px; } } @@ -318,7 +318,7 @@ .block-reviews-dashboard { .items { .item { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); &:last-child { margin-bottom: 0; } @@ -327,13 +327,13 @@ .product-name { display: inline-block; &:not(:last-child) { - .css(margin-bottom, @indent-xs-base); + .css(margin-bottom, @indent__xs); } } .rating-summary { .label { - .css(font-weight, @font-weight-semibold); - .css(margin-right, @indent-s-base); + .css(font-weight, @font-weight__semibold); + .css(margin-right, @indent__s); } } } @@ -341,7 +341,7 @@ .table-reviews, .block-reviews-dashboard { .product-name { - .css(font-weight, @font-weight-base); + .css(font-weight, @font-weight__regular); } } @@ -357,7 +357,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .account { .table-reviews { .col.actions { @@ -370,7 +370,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-reviews-dashboard { .product-name { &:extend(.abs-account-block-font-size all); @@ -406,9 +406,9 @@ &:extend(.abs-account-title all); } .customer-review-rating { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); .item { - .css(margin-bottom, @indent-s-base); + .css(margin-bottom, @indent__s); &:last-child { margin-bottom: 0; } @@ -417,15 +417,15 @@ } .review-title { .heading(h3); - .css(font-weight, @font-weight-semibold); - .css(margin-bottom, @indent-base); + .css(font-weight, @font-weight__semibold); + .css(margin-bottom, @indent__base); } .review-content { margin: 0; - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); } .review-date { - .css(color, @color-primary-light); + .css(color, @primary__color__light); } } } @@ -435,15 +435,15 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .customer-review { .product-name { - .css(margin-bottom, @indent-xs-base); + .css(margin-bottom, @indent__xs); } .product-reviews-summary { .rating-summary { display: block; - .css(margin-bottom, @indent-xs-base); + .css(margin-bottom, @indent__xs); } } } @@ -452,7 +452,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .customer-review { .product-details { &:extend(.abs-margin-for-blocks-and-widgets-desktop all); diff --git a/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less similarity index 85% rename from app/design/frontend/Magento/luma/Magento_Sales/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less index 491edd81b0458..3c172bdb6a428 100644 --- a/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less @@ -11,40 +11,40 @@ .order-links { .item { - line-height: @tab-control-height; + line-height: @tab-control__height; margin: 0 0 -1px; strong { - .css(background, @tab-control-bg-active); - border: @border-width-base solid @border-color-base; + .css(background, @tab-control__active__background-color); + border: @border-width__base solid @border-color__base; display: block; - font-weight: @tab-control-font-weight; + font-weight: @tab-control__font-weight; padding: 0 20px; } a { - .css(background, @tab-control-bg); - .css(color, @tab-control-color); - border: @border-width-base solid @border-color-base; + .css(background, @tab-control__background-color); + .css(color, @tab-control__color); + border: @border-width__base solid @border-color__base; display: block; - font-weight: @tab-control-font-weight; + font-weight: @tab-control__font-weight; padding: 0 20px; &:hover { - .css(background, @tab-control-bg-hover); - .css(text-decoration, @tab-control-text-decoration-hover); + .css(background, @tab-control__hover__background-color); + .css(text-decoration, @tab-control__hover__text-decoration); } } } } .order-details-items { - border: @border-width-base solid @border-color-base; - margin-bottom: @indent-xl-base; - padding: @indent-s-base; + border: @border-width__base solid @border-color__base; + margin-bottom: @indent__xl; + padding: @indent__s; .order-title { - border-bottom: @border-width-base solid @border-color-base; - padding: 0 0 @indent-s-base; + border-bottom: @border-width__base solid @border-color__base; + padding: 0 0 @indent__s; > strong { .font-size(24); - font-weight: @font-weight-light; + font-weight: @font-weight__light; } .action { display: inline-block; @@ -56,16 +56,16 @@ display: none; } &:not(:last-child) { - margin-bottom: @indent-l-base; + margin-bottom: @indent__l; } } .table-order-items { > thead > tr > th { - border-bottom: 1px solid @border-color-base; + border-bottom: 1px solid @border-color__base; } tbody { & + tbody { - border-top: 1px solid @border-color-base; + border-top: 1px solid @border-color__base; } .account & { tr:nth-child(even) td { @@ -78,7 +78,7 @@ } .col { &.label { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; padding-top: 0; padding-bottom: 5px; } @@ -160,7 +160,7 @@ @_icon-font-position: after, @_icon-font-display: inline-block ); - .css(color, @color-primary); + .css(color, @primary__color); &.expanded { .icon-font-symbol( @_icon-font-content: @icon-up, @@ -193,7 +193,7 @@ &-comments { margin: 0 0 40px; .comment-date { - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } .comment-content { line-height: 1.6; @@ -206,17 +206,17 @@ margin-bottom: 30px; } .box-title { - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } .box-content { .payment-method { .title { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .content { margin: 0; > strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; &:after { content: ': '; } @@ -238,7 +238,7 @@ .order-tracking { .order-title + & { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; } margin: 0; padding: 20px 0; @@ -320,7 +320,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper { &.orders-recent { &:extend(.abs-account-table-margin-mobile all); @@ -365,7 +365,7 @@ } } .action { - .css(margin-top, @indent-s-base); + .css(margin-top, @indent__s); } .items-qty { display: inline-block; @@ -394,7 +394,7 @@ &:before { content: attr(data-th) ":"; display: block; - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; padding-left: 10px; } .col { @@ -414,7 +414,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .order-details-items { .order-title { .action { @@ -430,7 +430,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .table-wrapper.orders-recent { &:extend(.abs-account-table-margin-desktop all); } @@ -439,14 +439,14 @@ &:extend(.abs-add-clearfix-desktop all); .item { float: left; - margin: 0 @tab-control-margin-right 0 0; + margin: 0 @tab-control__margin-right 0 0; a { - padding: @tab-control-padding-top @tab-control-padding-right; + padding: @tab-control__padding-top @tab-control__padding-right; } strong { border-bottom: 0; margin-bottom: -1px; - padding: @tab-control-padding-top @tab-control-padding-right @tab-control-padding-bottom+1 @tab-control-padding-left; + padding: @tab-control__padding-top @tab-control__padding-right @tab-control__padding-bottom+1 @tab-control__padding-left; } } } diff --git a/app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/_module.less similarity index 97% rename from app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/_module.less index 62b880e0a47b4..fdf1fb95a9ab8 100644 --- a/app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Sendfriend/web/css/source/_module.less @@ -26,7 +26,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .form.send.friend { width: 60%; &:extend(.abs-add-fields-desktop all); diff --git a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less similarity index 79% rename from app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less index 99bf41877dc91..2e9aa15aa9b1b 100644 --- a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less @@ -3,7 +3,7 @@ // * See COPYING.txt for license details. // */ -@import 'collapsible_navigation.less'; +@import 'module/_collapsible_navigation'; // // Theme variables @@ -13,28 +13,28 @@ // Messages // --------------------------------------------- -@message-global-note-color: @text-color; -@message-global-note-background: @color-yellow-light2; -@message-global-note-link-color: @link-color; -@message-global-note-link-color-hover: @link-color-hover; -@message-global-note-link-color-active: @link-color-active; -@message-global-note-border-color: @color-yellow-light3; - -@message-global-caution-color: @color-white; -@message-global-caution-background: @color-red9; -@message-global-caution-link-color: @link-color; -@message-global-caution-link-color-hover: @link-color-hover; -@message-global-caution-link-color-active: @link-color-active; -@message-global-caution-border-color: none; - -@header-bg-color: false; -@header-panel-bg-color: @color-gray-middle3; -@header-panel-text-color: @color-white; +@message-global-note__color: @text__color; +@message-global-note__background: @color-yellow-light2; +@message-global-note-link__color: @link__color; +@message-global-note-link__color-hover: @link__hover__color; +@message-global-note-link__color-active: @link__active__color; +@message-global-note__border-color: @color-yellow-light3; + +@message-global-caution__color: @color-white; +@message-global-caution__background: @color-red9; +@message-global-caution-link__color: @link__color; +@message-global-caution-link__color-hover: @link__hover__color; +@message-global-caution-link__color-active: @link__active__color; +@message-global-caution__border-color: none; + +@header__background-color: false; +@header-panel__background-color: @color-gray-middle3; +@header-panel__text-color: @color-white; @header-icons-color: @color-gray56; @header-icons-color-hover: @color-gray20; @addto-color: @color-gray60; -@addto-hover-color: @color-primary; +@addto-hover-color: @primary__color; @minicart-icons-color: @header-icons-color; @minicart-icons-color-hover: @header-icons-color-hover; @@ -42,26 +42,26 @@ @price-size: 22px; @price-size-desktop: 36px; -@button-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), inset 0 -1px 0 0 fade(@border-color-base, 30); // Used for secondary button and catalog toolbar controls -@button-shadow-active: inset 0 1px 0 0 fade(@border-color-base, 80), inset 0 -1px 0 0 fade(@border-color-base, 30); // Used for secondary button and catalog toolbar controls +@button__shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls +@button__shadow-active: inset 0 1px 0 0 fade(@border-color__base, 80), inset 0 -1px 0 0 fade(@border-color__base, 30); // Used for secondary button and catalog toolbar controls -@h1-margin-bottom-desktop: @indent-xl-base; +@h1__margin-bottom__desktop: @indent__xl; // // Footer // --------------------------------------------- -@footer-bg-color: @color-gray-light01; +@footer__background-color: @color-gray-light01; @footer-links-separator-border-color: @color-gray-light4; @footer-links-color: @color-gray34; @footer-links-color-hover: @color-gray20; -@footer-links-color-current: @color-primary-light; +@footer-links-color-current: @primary__color__light; // // Layered navigation // --------------------------------------------- -@filter-title-bg: @color-gray94; +@filter-title-background-color: @color-gray94; @filter-link: @color-gray-darken4; @filter-link-hover: darken(@filter-link, 30%); @filter-quantity: @color-gray52; @@ -72,7 +72,7 @@ & when (@media-common = true) { body { - .css(background-color, @page-bg-color); + .css(background-color, @page__background-color); } // ToDo UI: move it directly to .page-wrapper (now it doesn't appear in mediaquery cuz of size of css) @@ -88,12 +88,12 @@ // --------------------------------------------- .page-header { - .css(background-color, @header-bg-color); - border-bottom: 1px solid @border-color-base; - margin-bottom: @indent-base; + .css(background-color, @header__background-color); + border-bottom: 1px solid @border-color__base; + margin-bottom: @indent__base; .panel.wrapper { - .css(background-color, @header-panel-bg-color); - .css(color, @header-panel-text-color); + .css(background-color, @header-panel__background-color); + .css(color, @header-panel__text-color); } } @@ -102,18 +102,18 @@ .list-inline(); float: right; margin-left: auto; - margin-right: @indent-base; + margin-right: @indent__base; > li { margin: 0 0 0 15px; > a { .link( - @_link-color: @header-panel-text-color, + @_link-color: @header-panel__text-color, @_link-text-decoration: none, - @_link-color-visited: @header-panel-text-color, + @_link-color-visited: @header-panel__text-color, @_link-text-decoration-visited: none, - @_link-color-hover: @header-panel-text-color, + @_link-color-hover: @header-panel__text-color, @_link-text-decoration-hover: underline, - @_link-color-active: @header-panel-text-color, + @_link-color-active: @header-panel__text-color, @_link-text-decoration-active: underline ); } @@ -123,14 +123,14 @@ .header { &.content:extend(.abs-add-clearfix all) { - padding-top: @indent-s-base; + padding-top: @indent__s; position: relative; } } .logo { float: left; - margin: 0 0 @indent-s-base @indent-xl-base; + margin: 0 0 @indent__s @indent__xl; max-width: 50%; position: relative; z-index: 5; @@ -148,7 +148,7 @@ .page-main { > .page-title { .title + .action { - margin-top: @indent-l-base; + margin-top: @indent__l; } } } @@ -166,7 +166,7 @@ top: 0; text-align: center; .css(background, @color-gray94); - .css(padding, @indent-s-base); + .css(padding, @indent__s); } } @@ -190,7 +190,7 @@ right: 0; z-index: 3; .actions { - margin-top: @indent-s-base; + margin-top: @indent__s; } } &.demo { @@ -205,27 +205,27 @@ // --------------------------------------------- .page-footer { - margin-top: @indent-m-base; + margin-top: @indent__m; } .footer { &.content { border-top: 1px solid @footer-links-separator-border-color; - padding-top: @indent-base; + padding-top: @indent__base; ul:extend(.abs-reset-list all) { } .links { > li { - .css(background, @footer-bg-color); + .css(background, @footer__background-color); .font-size(16); border-top: 1px solid @footer-links-separator-border-color; - margin: 0 -@layout-width-xs-indent; - padding: 0 @layout-width-xs-indent; + margin: 0 -@layout__width-xs-indent; + padding: 0 @layout__width-xs-indent; } strong, a { display: block; - padding: @indent-s-base 0; + padding: @indent__s 0; } strong { .css(color, @footer-links-color-current); @@ -251,7 +251,7 @@ .css(background-color, @color-background-copyright); .css(color, @color-white); display: block; - padding: @indent-s-base; + padding: @indent__s; text-align: center; .checkout-onepage-index & { margin-top: auto; @@ -290,7 +290,7 @@ } } strong { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } .label:extend(.abs-visually-hidden all) { } @@ -302,7 +302,7 @@ // Navigation // --------------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .customer-name, .customer-welcome + .authorization-link { display: none; @@ -319,9 +319,9 @@ } .page-footer .footer.content { .switcher-store { - .css(background, @footer-bg-color); + .css(background, @footer__background-color); .font-size(16); - margin: 0 -@layout-width-xs-indent; + margin: 0 -@layout__width-xs-indent; .switcher-options { display: block; ul.dropdown { @@ -339,10 +339,10 @@ .switcher-option { border-top: 1px solid @footer-links-separator-border-color; display: block; - padding: @indent-s-base @layout-indent; + padding: @indent__s @layout-indent__width; } .switcher-trigger strong { - padding: @indent-s-base 0; + padding: @indent__s 0; } .switcher-option a { padding: 0; @@ -352,7 +352,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .logo { margin-bottom: 13px; margin-top: 4px; @@ -372,7 +372,7 @@ .sidebar { .widget.block:not(:last-child), .widget:not(:last-child) { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } } @@ -387,7 +387,7 @@ // Desktop // _____________________________________________ -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { html, body { height: 100%; // Stretch screen area for sticky footer @@ -406,12 +406,12 @@ border: 0; margin-bottom: 0; .panel.wrapper { - border-bottom: 1px solid @color-secondary; - .css(background-color, @header-panel-bg-color); + border-bottom: 1px solid @secondary__color; + .css(background-color, @header-panel__background-color); } .header.panel:extend(.abs-add-clearfix-desktop all) { - padding-bottom: @indent-s-base; - padding-top: @indent-s-base; + padding-bottom: @indent__s; + padding-top: @indent__s; } .switcher { float: right; @@ -428,7 +428,7 @@ } .title + .action { float: right; - margin-top: @indent-base; + margin-top: @indent__base; } } } @@ -506,14 +506,14 @@ &.welcome { a { .css(color, @color-white); - .css(padding-left, @indent-xs-base); + .css(padding-left, @indent__xs); } } } > .authorization-link:after { content: 'or'; display: inline-block; - margin: 0 -@indent-xs-base 0 @indent-xs-base; + margin: 0 -@indent__xs 0 @indent__xs; } > .customer-welcome + .authorization-link { display: none; @@ -521,12 +521,12 @@ } } &.content:extend(.abs-add-clearfix-desktop all) { - padding: @indent-l-base @indent-base 0; + padding: @indent__l @indent__base 0; } } .logo { - margin: -8px auto @indent-m-base 0; + margin: -8px auto @indent__m 0; img { max-height: inherit; } @@ -552,9 +552,9 @@ } .page-footer { - .css(background, @footer-bg-color); + .css(background, @footer__background-color); margin-top: auto; - padding-bottom: @indent-m-base; + padding-bottom: @indent__m; } .footer { @@ -607,8 +607,8 @@ } .ui-tooltip { - border: @tooltip-border-width solid @tooltip-border-color; - .css(background, @tooltip-background); + border: @tooltip__border-width solid @tooltip__border-color; + .css(background, @tooltip__background); padding: 10px; } } diff --git a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/collapsible_navigation.less b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module/_collapsible_navigation.less similarity index 92% rename from app/design/frontend/Magento/luma/Magento_Theme/web/css/source/collapsible_navigation.less rename to app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module/_collapsible_navigation.less index 470c4f88c7601..cac51655c7918 100644 --- a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/collapsible_navigation.less +++ b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/module/_collapsible_navigation.less @@ -7,7 +7,7 @@ @collapsible-nav-item-hover: @color-gray91; @collapsible-nav-color: @color-gray34; @collapsible-nav-current-color: @color-black; -@collapsible-nav-current-font-weight: @font-weight-semibold; +@collapsible-nav-current-font-weight: @font-weight__semibold; @collapsible-nav-current-border: 3px solid transparent; @collapsible-nav-current-border-color: @color-orange-red1; @@ -63,7 +63,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .block-collapsible-nav { .title { &:extend(.abs-visually-hidden-desktop all); @@ -74,7 +74,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .block-collapsible-nav { position: absolute; top: -21px; @@ -85,7 +85,7 @@ &:extend(.abs-toggling-title-mobile all); } .content { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; display: none; &.active { display: block; diff --git a/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/module.less b/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/_module.less similarity index 87% rename from app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/module.less rename to app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/_module.less index 7d83906078434..8b5f2b983d665 100644 --- a/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/module.less +++ b/app/design/frontend/Magento/luma/Magento_Wishlist/web/css/source/_module.less @@ -36,14 +36,14 @@ border-bottom: 0; } tbody > tr:last-child > td { - border-bottom: 1px solid @table-border-color; + border-bottom: 1px solid @table__border-color; } .product.name { display: inline-block; - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .box-tocart { - margin: @indent-s-base 0; + margin: @indent__s 0; .qty { vertical-align: middle; &:extend(.abs-input-qty all); @@ -61,22 +61,22 @@ } } textarea { - margin: @indent-s-base 0; + margin: @indent__s 0; } .input-text.qty { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; } .action.primary { vertical-align: top; } .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } .link.wishlist { .counter { - .css(color, @text-color-muted); + .css(color, @text__color__muted); white-space: nowrap; &:before { content: "("; @@ -95,7 +95,7 @@ &:extend(.abs-block-items-counter all); } .product-item-name { - margin-right: @indent-m-base; + margin-right: @indent__m; } } @@ -103,7 +103,7 @@ .product { &-item { &-photo { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; display: block; } &-name { @@ -119,7 +119,7 @@ } &-comment { display: block; - margin: @indent-s-base 0; + margin: @indent__s 0; height: 42px; } &-actions { @@ -147,27 +147,27 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .products-grid.wishlist { .product-item { - border-bottom: 1px solid @color-secondary; + border-bottom: 1px solid @secondary__color; &:first-child { - border-top: 1px solid @color-secondary; + border-top: 1px solid @secondary__color; } } } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .products-grid.wishlist { - margin-right: -@indent-s-base; - margin-bottom: @indent-l-base; + margin-right: -@indent__s; + margin-bottom: @indent__l; .product { &-item { - padding: @indent-base @indent-s-base @indent-base @indent-base; + padding: @indent__base @indent__s @indent__base @indent__base; position: relative; &-photo { - margin-right: @indent-base; + margin-right: @indent__base; float: left; } &-name { @@ -200,7 +200,7 @@ } .box-tocart { float: left; - margin-right: @indent-base; + margin-right: @indent__base; .stock { margin-top: 7px; } @@ -228,7 +228,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .wishlist-index-index { .products-grid { .product-item { @@ -245,7 +245,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .products-grid.wishlist { .product { &-item { @@ -260,7 +260,7 @@ display: inline-block; } &-actions { - margin: @indent-s-base 0 0; + margin: @indent__s 0 0; > * { display: inline-block; margin-top: 7px; @@ -275,7 +275,7 @@ vertical-align: bottom; } .field.qty { - padding-right: @indent-s-base; + padding-right: @indent__s; } } .box-tocart { @@ -283,7 +283,7 @@ margin: 0; } .stock { - margin: @indent-base 0 0; + margin: @indent__base 0 0; } } .tocart { @@ -299,7 +299,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .wishlist-index-index { .product-item-inner { display: none; @@ -321,7 +321,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) { .wishlist-index-index { .products-grid { .product-items { @@ -330,7 +330,7 @@ .product-item { width: 24.439%; margin-left: calc(~"(100% - 4 * 24%) / 3"); - margin-bottom: @indent-base; + margin-bottom: @indent__base; padding: 0; &:nth-child(4n+1) { margin-left: 0; diff --git a/app/design/frontend/Magento/luma/web/css/source/actions-toolbar.less b/app/design/frontend/Magento/luma/web/css/source/_actions-toolbar.less similarity index 92% rename from app/design/frontend/Magento/luma/web/css/source/actions-toolbar.less rename to app/design/frontend/Magento/luma/web/css/source/_actions-toolbar.less index 0d4dcef617853..2402324e57138 100644 --- a/app/design/frontend/Magento/luma/web/css/source/actions-toolbar.less +++ b/app/design/frontend/Magento/luma/web/css/source/_actions-toolbar.less @@ -15,7 +15,7 @@ text-align: center; .action { &:extend(.abs-button-responsive all); - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } @@ -23,7 +23,7 @@ //&:extend(.abs-button-l all); } } - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } @@ -40,7 +40,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .actions-toolbar { .actions-toolbar(); > .primary, diff --git a/app/design/frontend/Magento/luma/web/css/source/breadcrumbs.less b/app/design/frontend/Magento/luma/web/css/source/_breadcrumbs.less similarity index 95% rename from app/design/frontend/Magento/luma/web/css/source/breadcrumbs.less rename to app/design/frontend/Magento/luma/web/css/source/_breadcrumbs.less index d8870a51d54ad..83ee2d3a441a6 100644 --- a/app/design/frontend/Magento/luma/web/css/source/breadcrumbs.less +++ b/app/design/frontend/Magento/luma/web/css/source/_breadcrumbs.less @@ -18,7 +18,7 @@ // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .breadcrumbs { display: none; } diff --git a/app/design/frontend/Magento/luma/web/css/source/buttons.less b/app/design/frontend/Magento/luma/web/css/source/_buttons.less similarity index 74% rename from app/design/frontend/Magento/luma/web/css/source/buttons.less rename to app/design/frontend/Magento/luma/web/css/source/_buttons.less index 54bad432be8d8..f8fa489da4c0d 100644 --- a/app/design/frontend/Magento/luma/web/css/source/buttons.less +++ b/app/design/frontend/Magento/luma/web/css/source/_buttons.less @@ -13,17 +13,17 @@ // Using buttons mixins //-------------------------------------- button { - border-radius: @button-border-radius; - .css(box-shadow, @button-shadow); + border-radius: @button__border-radius; + .css(box-shadow, @button__shadow); &:active, &:focus { - .css(box-shadow, @button-shadow-active); + .css(box-shadow, @button__shadow-active); } } a.action.primary { .link-as-button(); - border-radius: @button-border-radius; + border-radius: @button__border-radius; } .action.primary { diff --git a/app/design/frontend/Magento/luma/web/css/source/abstract.less b/app/design/frontend/Magento/luma/web/css/source/_extends.less similarity index 87% rename from app/design/frontend/Magento/luma/web/css/source/abstract.less rename to app/design/frontend/Magento/luma/web/css/source/_extends.less index 43f04f6079f88..6e28b48a622bd 100644 --- a/app/design/frontend/Magento/luma/web/css/source/abstract.less +++ b/app/design/frontend/Magento/luma/web/css/source/_extends.less @@ -18,7 +18,7 @@ //-------------------------------------- .action-primary { .button-primary(); - border-radius: @button-border-radius; + border-radius: @button__border-radius; } // @@ -27,11 +27,11 @@ .abs-revert-to-action-secondary { &:extend(.abs-revert-secondary-color all); //&:extend(.abs-revert-secondary-size all); - border-radius: @button-border-radius; - .css(box-shadow, @button-shadow); + border-radius: @button__border-radius; + .css(box-shadow, @button__shadow); &:active, &:focus { - .css(box-shadow, @button-shadow-active); + .css(box-shadow, @button__shadow-active); } } @@ -41,7 +41,7 @@ .action-link-button { .button(); .link-as-button(); - border-radius: @button-border-radius; + border-radius: @button__border-radius; } // @@ -50,7 +50,7 @@ .abs-action-button-as-link { .button-as-link(); border-radius: 0; - font-weight: @font-weight-base; + font-weight: @font-weight__regular; .css(box-shadow, none); &:active, &:focus { @@ -86,7 +86,7 @@ dt { float: left; clear: left; - margin: 0 @indent-s-base @indent-xs-base 0; + margin: 0 @indent__s @indent__xs 0; &:after { content: ': '; } @@ -94,7 +94,7 @@ dd { float: left; display: inline-block; - margin: 0 0 @indent-xs-base; + margin: 0 0 @indent__xs; } }; @@ -105,7 +105,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-product-options-list-desktop { @abs-product-options-list(); } @@ -118,7 +118,7 @@ .button-responsive(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-button-desktop { width: auto; } @@ -141,13 +141,13 @@ } }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-blocks-2columns { @abs-blocks-2columns(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-blocks-2columns-s { @abs-blocks-2columns(); } @@ -189,7 +189,7 @@ } padding-bottom: 12px; margin-bottom: 15px; - border-bottom: 1px solid @color-secondary; + border-bottom: 1px solid @secondary__color; .font-size(18); } @@ -220,12 +220,12 @@ // Marging for blocks & widgets //-------------------------------------- .abs-margin-for-blocks-and-widgets { - margin-bottom: @indent-xl-base; + margin-bottom: @indent__xl; } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-margin-for-blocks-and-widgets-desktop { - margin-bottom: @indent-xl-base + @indent-s-base; + margin-bottom: @indent__xl + @indent__s; } } @@ -275,13 +275,13 @@ @abs-reset-left-margin(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-reset-left-margin-desktop { @abs-reset-left-margin(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-reset-left-margin-desktop-s { @abs-reset-left-margin(); } @@ -303,7 +303,7 @@ // // Action with icon remove with text for desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-action-remove-desktop { margin-left: 90%; } @@ -329,7 +329,7 @@ .actions-toolbar { > .secondary { .action.add { - margin-top: @indent-l-base; + margin-top: @indent__l; } float: left; } @@ -340,7 +340,7 @@ } } .message { - margin: @indent-l-base 0 0; + margin: @indent__l 0 0; } } } @@ -348,7 +348,7 @@ // // Add Recipient for desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-fields-desktop { .fieldset { .field { @@ -368,9 +368,9 @@ // // Margin for forms //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-margin-for-forms-desktop { - margin-left: @form-field-type-inline-label-width; + margin-left: @form-field-type-label-inline__width; } } @@ -396,25 +396,25 @@ @abs-visually-hidden(); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-visually-hidden-mobile { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-visually-hidden-mobile-m { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-visually-hidden-desktop-s { @abs-visually-hidden(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-visually-hidden-desktop { @abs-visually-hidden(); } @@ -431,25 +431,25 @@ @abs-add-clearfix(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-clearfix-desktop { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-clearfix-desktop-s { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-add-clearfix-mobile { @abs-add-clearfix(); } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-add-clearfix-mobile-m { @abs-add-clearfix(); } @@ -466,13 +466,13 @@ @abs-add-box-sizing(); } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-add-box-sizing-desktop { @abs-add-box-sizing(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-add-box-sizing-desktop-s { @abs-add-box-sizing(); } @@ -481,7 +481,7 @@ // // Revert field type //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-revert-field-type-desktop { .fieldset { > .field, @@ -543,13 +543,13 @@ } }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-form-field-column-2 { @abs-form-field-column-2(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-form-field-column-2-s { @abs-form-field-column-2(); } @@ -562,13 +562,13 @@ .form-field-column-number(@_column-number: 1); }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-form-field-revert-column-1 { @abs-form-field-revert-column-1(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-form-field-revert-column-1-s { @abs-form-field-revert-column-1(); } @@ -580,18 +580,18 @@ .abs-methods-shipping-title { .font-size(16); margin-bottom: 15px; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } // // Checkout order review //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-checkout-order-review { tbody > tr { &:extend(.abs-add-clearfix-mobile all); &:not(:last-child) { - border-bottom: @border-width-base solid @border-color-base; + border-bottom: @border-width__base solid @border-color__base; } > td.col { &.item { @@ -610,8 +610,8 @@ &:before { content: attr(data-th) ":"; display: block; - font-weight: @font-weight-bold; - padding-bottom: @indent-s-base; + font-weight: @font-weight__bold; + padding-bottom: @indent__s; } } &:last-child { @@ -632,7 +632,7 @@ .css(color, @addto-color); display: inline-block; text-transform: uppercase; - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; letter-spacing: .05em; .icon-font( @_icon-font-content: '', @@ -651,13 +651,13 @@ // Box-tocart block //-------------------------------------- .abs-box-tocart { - margin: 0 0 @indent-l-base; + margin: 0 0 @indent__l; } // // General pages forms //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-forms-general-desktop { max-width: 500px; .legend { @@ -672,7 +672,7 @@ // // Revert side paddings //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-revert-side-paddings { padding-left: 0; padding-right: 0; @@ -683,7 +683,7 @@ // Abstract toggle title block //-------------------------------------- @abs-toggling-title: { - border-top: @border-width-base solid @border-color-base; + border-top: @border-width__base solid @border-color__base; cursor: pointer; margin-bottom: 0; position: relative; @@ -708,11 +708,11 @@ ); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-toggling-title-mobile { @abs-toggling-title(); - border-bottom: @border-width-base solid @border-color-base; - padding: 10px 40px 10px @layout-width-xs-indent; + border-bottom: @border-width__base solid @border-color__base; + padding: 10px 40px 10px @layout__width-xs-indent; .icon-font( @icon-down, @_icon-font-size: 12px, @@ -740,7 +740,7 @@ .column.main & { strong { .font-size(14); - font-weight: @font-weight-semibold; + font-weight: @font-weight__semibold; } } } @@ -770,9 +770,9 @@ // Checkout order review price //-------------------------------------- .abs-checkout-cart-price { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); .font-size(16); - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } // @@ -780,26 +780,26 @@ //-------------------------------------- .abs-checkout-product-name { .font-size(18); - font-weight: @font-weight-light; + font-weight: @font-weight__light; margin: 0; } // // Mobile checkout order product name //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-product-items-summary { tbody { .col { - padding: @indent-s-base 0 0; + padding: @indent__s 0 0; &:last-child { - padding-bottom: @indent-s-base + padding-bottom: @indent__s } } } tfoot { .mark { - padding-bottom: @indent-xs-base; + padding-bottom: @indent__xs; text-align: left; } .amount { @@ -809,11 +809,11 @@ .grand.totals { .font-size(16); .mark { - padding-top: @indent-xs-base; + padding-top: @indent__xs; padding-bottom: 0; } .amount { - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; padding-top: 0; strong { border-top: none; @@ -831,17 +831,17 @@ > strong, > span { .font-size(22); - .css(font-weight, @font-weight-light); + .css(font-weight, @font-weight__light); } - .css(margin-bottom, @indent-m-base); - .css(padding-bottom, @indent-s-base); + .css(margin-bottom, @indent__m); + .css(padding-bottom, @indent__s); border-bottom: 1px solid @account-title-border-color; } // // Account pages: block font size //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-account-block-font-size { .font-size(16); } @@ -857,21 +857,21 @@ // // Account pages: margin for table //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-account-table-margin-mobile { - .css(margin-top, -@indent-base); + .css(margin-top, -@indent__base); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-account-table-margin-desktop { - .css(margin-top, -@indent-m-base); + .css(margin-top, -@indent__m); } } // // Account pages: table col actions //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-col-no-prefix { &:before { .visually-hidden(); @@ -904,13 +904,13 @@ } }; -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-action-print { @abs-action-print(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .abs-action-print-s { @abs-action-print(); } @@ -928,7 +928,7 @@ line-height: 1; white-space: nowrap; .price { - font-weight: @font-weight-bold; + font-weight: @font-weight__bold; } } } @@ -983,7 +983,7 @@ // Forms: margin-bottom for small forms //-------------------------------------- .abs-forms-margin-small { - .css(margin-bottom, @indent-base); + .css(margin-bottom, @indent__base); } // @@ -998,8 +998,8 @@ display: table-cell; vertical-align: top; padding-top: 1px; - padding-right: @indent-m-base; - padding-bottom: @indent-xs-base; + padding-right: @indent__m; + padding-bottom: @indent__xs; } &-result { vertical-align: top; @@ -1017,7 +1017,7 @@ display: inline-block; height: 12px; margin: 0 10px; - border-left: 1px solid @color-primary-light; + border-left: 1px solid @primary__color__light; vertical-align: -1px; } &:last-child { @@ -1042,10 +1042,10 @@ .font-size(16); } display: inline-block; - margin: 0 0 @indent-s-base; + margin: 0 0 @indent__s; > .action { font-weight: 400; - margin-left: @indent-s-base; + margin-left: @indent__s; } } } @@ -1071,7 +1071,7 @@ ); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .abs-icon-add-mobile { .icon-font( @_icon-font-content: @icon-expand, @@ -1090,7 +1090,7 @@ .abs-dropdown-items-new { .items .item:last-child { &:hover { - .css(background, @dropdown-list-item-hover); + .css(background, @dropdown-list-item__hover); } } .action.new { @@ -1113,13 +1113,13 @@ @abs-no-display(); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-display-s { @abs-no-display(); } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-no-display-desktop { @abs-no-display(); } @@ -1129,7 +1129,7 @@ // Status //-------------------------------------- .abs-status { - border: 2px solid @border-color-base; + border: 2px solid @border-color__base; border-radius: 3px; display: inline-block; margin: 3px 0 0; @@ -1138,7 +1138,7 @@ vertical-align: top; } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-status-desktop { margin-top: 6px; padding: 5px 10px; @@ -1156,7 +1156,7 @@ } .order-date { font-size: 16px; - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; .label { display: none; } @@ -1165,7 +1165,7 @@ } } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-title-orders-mobile { .page-main { .page-title { @@ -1173,20 +1173,20 @@ display: block; } .order-status { - @order-status-indent: ceil(@h1-margin-bottom/2); - margin: -@order-status-indent 0 @indent-s-base; + @order-status-indent: ceil(@h1__margin-bottom/2); + margin: -@order-status-indent 0 @indent__s; } } } } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-title-orders-desktop { .page-main { .page-title { .order-date { - @order-date-indent: ceil(@h1-margin-bottom/1.5); + @order-date-indent: ceil(@h1__margin-bottom/1.5); margin: -@order-date-indent 0 18px; } } @@ -1206,7 +1206,7 @@ ); } -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-table-striped-mobile { > tbody > tr > td:last-child { border: 0; @@ -1217,7 +1217,7 @@ // // Table bordered desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-table-bordered-desktop { .table-bordered( @_table_type: light, @@ -1229,7 +1229,7 @@ // // Pager toolbar for non-catalog pages desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-pager-toolbar { position: relative; .toolbar-amount, @@ -1238,7 +1238,7 @@ z-index: 1; } .toolbar-amount { - line-height: @pager-line-height; + line-height: @pager__line-height; padding: 0; } .pages { @@ -1253,7 +1253,7 @@ // Items counter in blocks //-------------------------------------- .abs-block-items-counter { - .css(color, @color-primary-lighter); + .css(color, @primary__color__lighter); .font-size(12px); white-space: nowrap; } @@ -1263,10 +1263,10 @@ //-------------------------------------- .abs-block-widget-title { strong { - font-size: @font-size-l; - font-weight: @font-weight-light; + font-size: @font-size__l; + font-weight: @font-weight__light; } - margin: 0 0 @indent-base; + margin: 0 0 @indent__base; } // @@ -1282,9 +1282,9 @@ } } -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .abs-shopping-cart-items-desktop { - .layout-column(2, 1, @layout-column-checkout-main-width); + .layout-column(2, 1, @layout-column-checkout__width-main); &:extend(.abs-add-box-sizing-desktop all); padding-right: 4%; position: relative; @@ -1294,7 +1294,7 @@ // // Remove top border //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-border-top { border-top: 0; } @@ -1303,7 +1303,7 @@ // // Remove bottom border //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .abs-no-border-bottom { border-bottom: 0; } @@ -1318,7 +1318,7 @@ &:extend(.abs-add-box-sizing all); .icon-font( @_icon-font-content: @icon-calendar, - @_icon-font-color: @color-primary-lighter, + @_icon-font-color: @primary__color__lighter, @_icon-font-size: 23px, @_icon-font-line-height: 23px, @_icon-font-display: block @@ -1326,7 +1326,7 @@ &:before { position: absolute; top: 5px; - left: @indent-s-base; + left: @indent__s; margin-left: 85%; z-index: 0; } @@ -1341,6 +1341,6 @@ } input { width: 85%; - margin-right: @indent-s-base; + margin-right: @indent__s; } } diff --git a/app/design/frontend/Magento/luma/web/css/source/forms.less b/app/design/frontend/Magento/luma/web/css/source/_forms.less similarity index 86% rename from app/design/frontend/Magento/luma/web/css/source/forms.less rename to app/design/frontend/Magento/luma/web/css/source/_forms.less index 7dbff5a550430..9bbab5a80c639 100644 --- a/app/design/frontend/Magento/luma/web/css/source/forms.less +++ b/app/design/frontend/Magento/luma/web/css/source/_forms.less @@ -4,7 +4,7 @@ // */ @legend-border-bottom: 1px solid @color-gray-light6; -@form-field-vertical-indent-desktop: 29px; +@form-field__vertical-indent__desktop: 29px; // // Common @@ -38,7 +38,7 @@ } } .field.choice { - margin-bottom: @indent-s-base; + margin-bottom: @indent__s; &:last-child { margin-bottom: 0; } @@ -51,7 +51,7 @@ } .legend { span { - margin-right: @indent-xs-base; + margin-right: @indent__xs; } } fieldset.field { @@ -61,7 +61,7 @@ fieldset.field { .field.date { .time-picker { white-space: nowrap; - margin-top: @indent-s-base; + margin-top: @indent__s; display: inline-block; } } @@ -69,10 +69,10 @@ fieldset.field { .select-styling() { .css(appearance, none, 1); appearance: none; - border: 1px solid @border-color-base; + border: 1px solid @border-color__base; height: 32px; .url("images/select-bg.svg"); - background: @select-background url("@{url}") no-repeat 100% 45%; + background: @select__background url("@{url}") no-repeat 100% 45%; background-size: 30px 60px; padding-right: 25px; text-indent: .01em; @@ -121,10 +121,10 @@ select:focus ~ .tooltip .tooltip-content { margin: 0; > .field:not(.choice) >, .fields > .field { - margin: 0 0 @form-field-vertical-indent; + margin: 0 0 @form-field__vertical-indent; .label { margin: 0 0 4px; - padding: 0 0 @indent-xs-base; + padding: 0 0 @indent__xs; text-align: left; width: 100%; } @@ -140,7 +140,7 @@ select:focus ~ .tooltip .tooltip-content { // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .legend { .css(border-bottom, @legend-border-bottom); } diff --git a/app/design/frontend/Magento/luma/web/css/source/pages.less b/app/design/frontend/Magento/luma/web/css/source/_pages.less similarity index 95% rename from app/design/frontend/Magento/luma/web/css/source/pages.less rename to app/design/frontend/Magento/luma/web/css/source/_pages.less index 92a5621a59a6c..253fb31bd9dff 100644 --- a/app/design/frontend/Magento/luma/web/css/source/pages.less +++ b/app/design/frontend/Magento/luma/web/css/source/_pages.less @@ -13,7 +13,7 @@ .pager(); .action { border-radius: 3px; - @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color-base, 30); + @_shadow: inset 0 1px 0 0 @color-white, inset 0 -1px 0 0 fade(@border-color__base, 30); .css(box-shadow, @_shadow); padding: 0 8px; &.previous { @@ -30,7 +30,7 @@ // // Small Screen //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .pages { & &-items { display: block; diff --git a/app/design/frontend/Magento/luma/web/css/source/popups.less b/app/design/frontend/Magento/luma/web/css/source/_popups.less similarity index 52% rename from app/design/frontend/Magento/luma/web/css/source/popups.less rename to app/design/frontend/Magento/luma/web/css/source/_popups.less index 8368a994c470b..2a74f07b4b914 100644 --- a/app/design/frontend/Magento/luma/web/css/source/popups.less +++ b/app/design/frontend/Magento/luma/web/css/source/_popups.less @@ -13,28 +13,28 @@ .ui-dialog.popup { width: 420px; .action.close { - position: @popup-button-close-position; + position: @popup-button-close__position; ._popup-button-close-icon( - @popup-button-close-icon, - @popup-icon-font-content, + @popup-button-close__icon, + @popup-icon-font__content, @popup-icon-font, - @popup-icon-font-size, - @popup-icon-font-line-height, - @popup-icon-font-color, - @popup-icon-font-color-hover, - @popup-icon-font-color-active, - @popup-icon-font-margin, - @popup-icon-font-vertical-align, - @popup-icon-font-position, - @popup-icon-font-text-hide + @popup-icon-font__size, + @popup-icon-font__line-height, + @popup-icon-font__color, + @popup-icon-font__color-hover, + @popup-icon-font__color-active, + @popup-icon-font__margin, + @popup-icon-font__vertical-align, + @popup-icon-font__position, + @popup-icon-font__text-hide ); ._popup-button-close-reset( - @popup-button-close-reset + @popup-button-close__reset ); - .css(top, @popup-button-close-position-top + 15px); - .css(right, @popup-button-close-position-right); - .css(bottom, @popup-button-close-position-bottom); - .css(left, @popup-button-close-position-left); + .css(top, @popup-button-close__position-top + 15px); + .css(right, @popup-button-close__position-right); + .css(bottom, @popup-button-close__position-bottom); + .css(left, @popup-button-close__position-left); z-index: 1001; } } @@ -43,7 +43,7 @@ .actions-toolbar { .action.cancel { &:extend(.abs-action-button-as-link all); - font-weight: @font-weight-base; + font-weight: @font-weight__regular; } } } @@ -54,7 +54,7 @@ // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .popup .popup-content { .fieldset .actions-toolbar { .secondary { @@ -62,7 +62,7 @@ float: none; } .action.cancel { - margin-top: @actions-toolbar-secondary-actions-links-margin-top; + margin-top: @actions-toolbar-actions-links-secondary__margin-top; } } } diff --git a/app/design/frontend/Magento/luma/web/css/source/sections.less b/app/design/frontend/Magento/luma/web/css/source/_sections.less similarity index 58% rename from app/design/frontend/Magento/luma/web/css/source/sections.less rename to app/design/frontend/Magento/luma/web/css/source/_sections.less index fc91573df3707..78508b1eba9e3 100644 --- a/app/design/frontend/Magento/luma/web/css/source/sections.less +++ b/app/design/frontend/Magento/luma/web/css/source/_sections.less @@ -11,29 +11,29 @@ .product.data.items { .data-accordion(); - border-bottom: @tab-control-border-width solid @tab-control-border-color; - margin-bottom: @indent-base; - margin-left: -@layout-width-xs-indent; - margin-right: -@layout-width-xs-indent; + border-bottom: @tab-control__border-width solid @tab-control__border-color; + margin-bottom: @indent__base; + margin-left: -@layout__width-xs-indent; + margin-right: -@layout__width-xs-indent; .item.title { a { position: relative; .icon-font( @_icon-font-content: @icon-down, - @_icon-font-size: @font-size-base, - @_icon-font-line-height: @icon-font-line-height, - @_icon-font-color: @icon-font-color, - @_icon-font-color-hover: @icon-font-color-hover, - @_icon-font-color-active: @icon-font-color-active, - @_icon-font-margin: @icon-font-margin, - @_icon-font-vertical-align: @icon-font-vertical-align, + @_icon-font-size: @font-size__base, + @_icon-font-line-height: @icon-font__line-height, + @_icon-font-color: @icon-font__color, + @_icon-font-color-hover: @icon-font__color-hover, + @_icon-font-color-active: @icon-font__color-active, + @_icon-font-margin: @icon-font__margin, + @_icon-font-vertical-align: @icon-font__vertical-align, @_icon-font-position: after, @_icon-font-display: false ); &:after { position: absolute; - right: @accordion-control-padding-right; - top: @accordion-control-padding-top; + right: @accordion-control__padding-right; + top: @accordion-control__padding-top; } } &.active a:after { @@ -53,7 +53,7 @@ // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { .product.data.items { .data-tabs(); border-bottom: 0; diff --git a/app/design/frontend/Magento/luma/web/css/source/tables.less b/app/design/frontend/Magento/luma/web/css/source/_tables.less similarity index 81% rename from app/design/frontend/Magento/luma/web/css/source/tables.less rename to app/design/frontend/Magento/luma/web/css/source/_tables.less index eb802aacd57c8..41c6ebc0ceffd 100644 --- a/app/design/frontend/Magento/luma/web/css/source/tables.less +++ b/app/design/frontend/Magento/luma/web/css/source/_tables.less @@ -10,7 +10,7 @@ & when (@media-common = true) { .table-wrapper { - margin-bottom: @indent-base; + margin-bottom: @indent__base; } table { @@ -23,8 +23,8 @@ table { > tr:first-child { th, td { - border-top: @table-border-width @table-border-style @table-border-color; - padding-top: @indent-base; + border-top: @table__border-width @table__border-style @table__border-color; + padding-top: @indent__base; } } th, @@ -32,7 +32,7 @@ table { border: 0; } .mark { - font-weight: @font-weight-base; + font-weight: @font-weight__regular; text-align: right; } } @@ -43,9 +43,9 @@ table { // // Mobile //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) { .table-wrapper { - border-top: @table-border-width @table-border-style @table-border-color; + border-top: @table__border-width @table__border-style @table__border-color; .table-overflow(); position: relative; // to hide unnecessary horizontal scrollbar in Safari .table:not(.totals):not(.cart):not(.table-comparison) { @@ -56,7 +56,7 @@ table { padding-top: 15px; } > td:last-child { - border-bottom: @table-border-width @table-border-style @table-border-color; + border-bottom: @table__border-width @table__border-style @table__border-color; padding-bottom: 15px; } > td.col.qty { @@ -72,7 +72,7 @@ table { &:first-child { th, td { - padding-top: @indent-base; + padding-top: @indent__base; } } } @@ -91,7 +91,7 @@ table { .grand.totals { .font-size(16); .amount { - padding-bottom: @indent-s-base; + padding-bottom: @indent__s; } } } @@ -102,7 +102,7 @@ table { // // Desktop //-------------------------------------- -.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-s) { +.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) { .table { .table-bordered( @_table_type: horizontal_body diff --git a/app/design/frontend/Magento/luma/web/css/source/_theme.less b/app/design/frontend/Magento/luma/web/css/source/_theme.less new file mode 100644 index 0000000000000..358785ad82cd7 --- /dev/null +++ b/app/design/frontend/Magento/luma/web/css/source/_theme.less @@ -0,0 +1,250 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Luma theme overrides +// _____________________________________________ + +// Theme file should contain declarations (overrides) ONLY OF EXISTING variables +// Otherwise this theme won't be available for parent nesting +// All new variables should be placed in local theme lib or local theme files + +// +// Typography +// --------------------------------------------- + +// Fonts +@icons__font-path: '@{baseDir}fonts/Luma-Icons'; +@icons__font-name: 'luma-icons'; + +// Color nesting +@panel__background-color: @color-gray-light0; +@border-color__base: @color-gray80; + +// Headings +@h3__font-weight: @font-weight__semibold; +@h3__margin-top: @indent__base; + +// +// Tables +// --------------------------------------------- + +@table-cell__padding-vertical: 11px; +@table-cell-stripped__background-color: @table-cell__hover__background-color; +@table-responsive-th__background-color: @table-cell-stripped__background-color; +@table-responsive-cell__padding: @indent__xs @indent__s; + +// +// Layout grid +// --------------------------------------------- + +@total-columns: 24; + +// Variables for layout columns +@layout-column__sidebar-width: 5; + +// Checkout columns width +@layout-column-checkout__width-left: 6; + +// +// Navigation +// --------------------------------------------- + +@navigation__background: @color-gray94; +@navigation-level0-item__active__color: @primary__color; +@submenu-item__active__color: @navigation-level0-item__active__color; + +// Desktop navigation +@navigation-desktop-level0-item__line-height: 47px; +@submenu-desktop__font-weight: @font-weight__regular; +@submenu-desktop-item__active__color: @navigation-level0-item__active__color; + +// Tabs +@tab-control__font-weight: @font-weight__regular; +@tab-control__height: @indent__base*2; +@tab-control__margin-right: -1px; +@tab-control__padding-top: 1px; +@tab-control__padding-right: 35px; + +// Tabs content +@tab-content__padding-top: 35px; +@tab-content__padding-right: @tab-control__padding-right; + +// +// Accordion +// --------------------------------------------- + +@accordion-control__font-family: false; +@accordion-control__font-size: @font-size__base; +@accordion-control__font-style: false; +@accordion-control__font-weight: @font-weight__semibold; +@accordion-control__border-right: false; +@accordion-control__border-bottom: false; +@accordion-control__border-left: false; +@accordion-control__background-color: false; +@accordion-control__color: @primary__color; +@accordion-control__hover__background-color: false; +@accordion-control__hover__color: @accordion-control__color; +@accordion-control__active__background-color: false; +@accordion-control__active__color: @accordion-control__color; +@accordion-control__margin-bottom: 0; +@accordion-control__padding-right: @indent__s; +@accordion-control__padding-left: @indent__s; +@accordion-content__border: false; +@accordion-content__margin: 0; +@accordion-content__padding: @indent__s @indent__s @indent__l; + +// +// Buttons +// --------------------------------------------- + +@button__font-weight: @font-weight__semibold; + +// Default = secondary button +@button__background: @color-gray-darken0; +@button__border: 1px solid @border-color__base; +@button__hover__color: @button__color; +@button__hover__background: darken(@button__background, 5%); +@button__active__background: @color-gray-darken1; + +// Primary button +@button-primary__hover__color: @color-white; +@button-primary__active__background: @link__hover__color; +@button-primary__active__border: 1px solid @link__hover__color; +@button-primary__active__color: @color-white; + +// Button with icon +@button-icon__line-height: @icon-font__line-height; + +// +// Icons +// --------------------------------------------- + +@icon-wishlist-empty: false; +@icon-comment-reflected: false; +@icon-compare-empty: false; +@icon-arrow-up-thin: false; +@icon-arrow-right-thin: false; +@icon-arrow-left-thin: false; +@icon-arrow-down-thin: false; +@icon-wishlist-empty: '\e601'; + +// +// Messages +// --------------------------------------------- + +@message__padding: 12px @indent__base 12px @indent__m; +@message__line-height: false; +@message-icon__font-size: 24px; +@message-icon__inner-padding-left: 45px; +@message-icon__top: 22px; +@message-error-icon: @icon-error; +@message-success-icon: @icon-success; + +// +// Loaders +// --------------------------------------------- + +@loader-overlay__background-color: rgba(255, 255, 255, .7); + +// +// Forms +// --------------------------------------------- + +// Form fieldset +@form-fieldset-legend__font-size: 18px; +@form-fieldset-legend__font-weight: @font-weight__light; +@form-fieldset-legend__margin: 0 0 @indent__base; +@form-fieldset-legend__padding: 0 0 @indent__s; +@form-fieldset-legend__width: 100%; + +// Form field +@form-field-type-revert: false; +@form-field__additional-vertical-indent: @indent__s; + +// Form field label +@form-field-label__font-weight: @font-weight__semibold; +@form-field-type-label-block__margin: 0 0 8px; + +// Form field note icon +@form-field-note-icon-font__content: false; + +// +// Pager +// --------------------------------------------- + +@pager__font-weight: @font-weight__regular; +@pager__line-height: @indent__l; +@pager-item__margin: 0 8px 0 0; +@pager-item__padding: 0 @indent__xs; + +// Pager current page +@pager-current__background: @color-gray90; + +// Pager link.action +@pager-icon__font-margin: 0; +@pager-icon__font-size: 16px; + +// Pager link.action visited +@pager-action__visited__color: @text__color__muted; + +// Pager link.action hover +@pager-action__hover__color: @text__color__muted; + +// Pager link.action active +@pager-action__active__color: @text__color__muted; + +// +// Rating +// --------------------------------------------- + +@rating-icon__font-size: 16px; +@rating-icon__letter-spacing: 2px; +@rating-icon__active__color: @active__color; + +// +// Dropdowns +// --------------------------------------------- + +@dropdown-toggle-icon__content: @icon-down; +@dropdown-toggle-icon__active__content: @icon-up; +@dropdown-toggle-icon__font-size: 12px; + +// Split dropdown +@dropdown-split-actions__padding: 0 @indent__xs; +@dropdown-split-toggle__actions__padding: false; + +// Actions-toolbar +@actions-toolbar-actions__position: left; +@actions-toolbar-actions-primary__margin: 0 15px 0 0; + +// +// Breadcrumbs +// --------------------------------------------- + +@breadcrumbs__container-margin: 0 0 15px; +@breadcrumbs-icon__font-size: 10px; +@breadcrumbs-icon__font-margin: 0 @indent__s; + +// +// Popups +// --------------------------------------------- + +@popup__border: 1px solid @popup__border-color; +@popup-title-headings__level: h2; + +// Popup icons +@popup-icon-font__size: 16px; +@popup-icon-font__line-height: 16px; +@popup-icon-font__color: @color-gray55; +@popup-icon-font__color-hover: darken(@popup-icon-font__color, 10%); +@popup-icon-font__color-active: @popup-icon-font__color-hover; + +// Window overlay +@overlay__background: @color-gray55; +@overlay__opacity: .7; +@overlay__opacity-old: 70; + +@gallery-thumb-border-color-active: @active__color; diff --git a/app/design/frontend/Magento/luma/web/css/source/_variables.less b/app/design/frontend/Magento/luma/web/css/source/_variables.less new file mode 100644 index 0000000000000..51c89324266cb --- /dev/null +++ b/app/design/frontend/Magento/luma/web/css/source/_variables.less @@ -0,0 +1,51 @@ +// /** +// * Copyright © 2015 Magento. All rights reserved. +// * See COPYING.txt for license details. +// */ + +// +// Luma theme variables +// _____________________________________________ + +// +// Typography +// --------------------------------------------- + +// Fonts +@font-family-name__base: 'Open Sans'; +@font-family__base: @font-family-name__base, @font-family__sans-serif; + +// Colors nesting +@color-background-page: @color-white; +@color-background-copyright: @color-gray56; + +// +// Icons +// --------------------------------------------- + +@icon-success: '\e60e'; +@icon-error: '\e61f'; +@icon-edit: '\e601'; +@icon-help: '\e623'; +@icon-print: '\e624'; +@icon-star-empty: '\e625'; +@icon-download: '\e626'; +@icon-private: '\e629'; + +// +// Tables +// --------------------------------------------- + +@table__tfoot_background: transparent; + +// +// Popups +// --------------------------------------------- + +@popup__border-color: @color-gray68; + +// +// Sidebar +// --------------------------------------------- + +@sidebar-background: @color-white-smoke; // Used in cart sidebar, Checkout sidebar, Tier Prices, My account navigation, Rating block background diff --git a/app/design/frontend/Magento/luma/web/css/source/theme.less b/app/design/frontend/Magento/luma/web/css/source/theme.less deleted file mode 100644 index 41cd6a2d8ac6b..0000000000000 --- a/app/design/frontend/Magento/luma/web/css/source/theme.less +++ /dev/null @@ -1,222 +0,0 @@ -// /** -// * Copyright © 2015 Magento. All rights reserved. -// * See COPYING.txt for license details. -// */ - -// Override default variables -@font-family-base: 'Open Sans', @font-family-sans-serif; -@button-border-radius: 3px; -@link-color-visited: @link-color; - -// Introduce new theme specific variables -@sidebar-background:@color-white-smoke; // Used in cart sidebar, Checkout sidebar, Tier Prices, My account navigation, Rating block background - -@h1-font-size: ceil((@font-size-base * 1.85)); // 26px -@h1-font-size-desktop: ceil((@font-size-base * 2.85)); // 40px - -// -// Global variables override -// _____________________________________________ - -// Typography -@font-family-base: 'Open Sans', @font-family-sans-serif; -@icon-font-path: '@{baseDir}fonts/Luma-Icons'; -@icon-font-name: 'luma-icons'; - -// Color nesting -@color-background-page: @color-white; -@color-background-copyright: @color-gray56; -@panel-bg: @color-gray-light0; -@border-color-base: @color-gray80; - -// Headings -@h3-font-weight: @font-weight-semibold; -@h3-margin-top: @indent-base; - -// Tables -@table-cell-padding-vertical: 11px; -@table-cell-bg-stripped: @table-cell-bg-hover; -@table-th-bg-responsive: @table-cell-bg-stripped; -@table-responsive-cell-padding: @indent-xs-base @indent-s-base; - -// Variables used for layout grid -@total-columns: 24; - -// Variables for layout columns -@layout-column-sidebar-width: 5; - -// Checkout columns width -@layout-column-checkout-left-width: 6; - -// Navigation -@navigation-background: @color-gray94; -@navigation-level0-item-color-active: @color-primary; -@submenu-item-color-active: @navigation-level0-item-color-active; - -// Desktop navigation -@navigation-desktop-level0-item-line-height: 47px; -@submenu-desktop-font-weight: @font-weight-base; -@submenu-desktop-item-color-active: @navigation-level0-item-color-active; - -// Tabs -@tab-control-font-weight: @font-weight-base; -@tab-control-height: @indent-base*2; -@tab-control-margin-right: -1px; -@tab-control-padding-top: 1px; -@tab-control-padding-right: 35px; - -// Tabs content -@tab-content-padding-top: 35px; -@tab-content-padding-right: @tab-control-padding-right; - -// Accordion -@accordion-control-font-family: false; -@accordion-control-font-size: @font-size-base; -@accordion-control-font-style: false; -@accordion-control-font-weight: @font-weight-semibold; -@accordion-control-border-right: false; -@accordion-control-border-bottom: false; -@accordion-control-border-left: false; -@accordion-control-bg: false; -@accordion-control-color: @color-primary; -@accordion-control-bg-hover: false; -@accordion-control-color-hover: @accordion-control-color; -@accordion-control-bg-active: false; -@accordion-control-color-active: @accordion-control-color; -@accordion-control-margin-bottom: 0; -@accordion-control-padding-right: @indent-s-base; -@accordion-control-padding-left: @indent-s-base; -@accordion-content-border: false; -@accordion-content-margin: 0; -@accordion-content-padding: @indent-s-base @indent-s-base @indent-l-base; - -// Buttons -@button-font-weight: @font-weight-semibold; - -// Default = secondary button -@button-background: @color-gray-darken0; -@button-border: 1px solid @border-color-base; -@button-color-hover: @button-color; -@button-background-hover: darken(@button-background, 5%); -@button-background-active: @color-gray-darken1; - -// Primary button -@button-primary-color-hover: @color-white; -@button-primary-background-active: @link-color-hover; -@button-primary-border-active: 1px solid @link-color-hover; -@button-primary-color-active: @color-white; - -// Button with icon -@button-icon-font-line-height: @icon-font-line-height; - -// Icons -@icon-wishlist-empty: false; -@icon-comment-reflected: false; -@icon-compare-empty: false; -@icon-arrow-up-thin: false; -@icon-arrow-right-thin: false; -@icon-arrow-left-thin: false; -@icon-arrow-down-thin: false; -@icon-wishlist-empty: '\e601'; -@icon-success: '\e60e'; -@icon-error: '\e61f'; -@icon-edit: '\e601'; -@icon-help: '\e623'; -@icon-print: '\e624'; -@icon-star-empty: '\e625'; -@icon-download: '\e626'; -@icon-private: '\e629'; - -// Messages -@message-padding: 12px @indent-base 12px @indent-m-base; -@message-line-height: false; -@message-icon-font-size: 24px; -@message-icon-inner-padding-left: 45px; -@message-icon-top: 22px; -@message-error-icon: @icon-error; -@message-success-icon: @icon-success; - -// Loaders variables -@loader-overlay-background-color: rgba(255, 255, 255, .7); - -// Form fieldset -@form-fieldset-legend-font-size: 18px; -@form-fieldset-legend-font-weight: @font-weight-light; -@form-fieldset-legend-margin: 0 0 @indent-base; -@form-fieldset-legend-padding: 0 0 @indent-s-base; -@form-fieldset-legend-width: 100%; - -// Form field -@form-field-type-revert: false; -@form-field-additional-vertical-indent: @indent-s-base; - -// Form field label -@form-field-label-font-weight: @font-weight-semibold; -@form-field-type-block-label-margin: 0 0 8px; - -// Form field note icon -@form-field-note-icon-font-content: false; - -// Pager -@pager-font-weight: @font-weight-base; -@pager-line-height: @indent-l-base; -@pager-item-margin: 0 8px 0 0; -@pager-item-padding: 0 @indent-xs-base; - -// Pager current page -@pager-current-background: @color-gray90; - -// Pager link.action -@pager-icon-font-margin: 0; -@pager-icon-font-size: 16px; - -// Pager link.action visited -@pager-action-color-visited: @text-color-muted; - -// Pager link.action hover -@pager-action-color-hover: @text-color-muted; - -// Pager link.action active -@pager-action-color-active: @text-color-muted; - -// Rating -@rating-icon-font-size: 16px; -@rating-icon-letter-spacing: 2px; -@rating-icon-color-active: @color-active; - -// Dropdowns -@dropdown-toggle-icon-content: @icon-down; -@dropdown-toggle-active-icon-content: @icon-up; -@dropdown-toggle-icon-font-size: 12px; - -// Split dropdown -@dropdown-split-actions-padding: 0 @indent-xs-base; -@dropdown-split-toggle-actions-padding: false; - -// Actions-toolbar -@actions-toolbar-actions-position: left; -@actions-toolbar-primary-actions-margin: 0 15px 0 0; - -// Breadcrumbs -@breadcrumbs-container-margin: 0 0 15px; -@breadcrumbs-icon-font-size: 10px; -@breadcrumbs-icon-font-margin: 0 @indent-s-base; - -// Popups -@popup-border-color: @color-gray68; -@popup-border: 1px solid @popup-border-color; -@popup-title-headings-level: h2; - -// Popup icons -@popup-icon-font-size: 16px; -@popup-icon-font-line-height: 16px; -@popup-icon-font-color: @color-gray55; -@popup-icon-font-color-hover: darken(@popup-icon-font-color, 10%); -@popup-icon-font-color-active: @popup-icon-font-color-hover; - -// Window overlay -@overlay-background: @color-gray55; -@overlay-opacity: .7; -@overlay-opacity-old: 70; - -@gallery-thumb-border-color-active: @color-active; diff --git a/lib/web/css/docs/actions-toolbar.html b/lib/web/css/docs/actions-toolbar.html index 618207d2735d8..45405f0d0fd66 100644 --- a/lib/web/css/docs/actions-toolbar.html +++ b/lib/web/css/docs/actions-toolbar.html @@ -1,11 +1,12 @@ - + + actions-toolbar | Magento UI Library -

Actions toolbar

+

Actions toolbar

Actions toolbar is a set of actions on a page, form and so on that includes primary and/or secondary actions. To customize action toolbar .actions-toolbar() mixin is used. To implement the Actions toolbar use the following markup

@@ -28,15 +29,15 @@ </button> </div> </div> -

-.actions-toolbar {
-    .actions-toolbar();
-}
-
-.example-actions-toolbar-1 {
-    .actions-toolbar();
-}
-

Actions toolbar mixin variables

+

+.actions-toolbar {
+    .actions-toolbar();
+}
+
+.example-actions-toolbar-1 {
+    .actions-toolbar();
+}
+

Actions toolbar mixin variables

     
@@ -77,7 +78,7 @@
       
-        
+        
@@ -147,31 +148,31 @@
           <a class="action back" href="#"><span>Back</span></a>
       </div>
   </div>
-

-.example-actions-toolbar-2 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: justify
-    );
-}
-
-.example-actions-toolbar-3 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: left
-    );
-}
-
-.example-actions-toolbar-4 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: right
-    );
-}
-
-.example-actions-toolbar-5 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: center
-    );
-}
-
Reverse primary and secondary blocks

+

+.example-actions-toolbar-2 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: justify
+    );
+}
+
+.example-actions-toolbar-3 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: left
+    );
+}
+
+.example-actions-toolbar-4 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: right
+    );
+}
+
+.example-actions-toolbar-5 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: center
+    );
+}
+

Reverse primary and secondary blocks

 
  @_actions-toolbar-actions-reverse variable controls reversing of primary and secondary blocks.

 
  If it is set to false, the order of blocks in action toolbar is default.

 
  If it is set to true, the order of blocks in action toolbar is reversed.

@@ -206,28 +207,28 @@
           <a class="action back" href="#"><span>Back</span></a>
       </div>
   </div>
-

-.example-actions-toolbar-6 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: justify,
-        @_actions-toolbar-actions-reverse: true
-    );
-}
-
-.example-actions-toolbar-7 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: left,
-        @_actions-toolbar-actions-reverse: true
-    );
-}
-
-.example-actions-toolbar-8 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: right,
-        @_actions-toolbar-actions-reverse: true
-    );
-}
-
Actions toolbar indents customizations

+

+.example-actions-toolbar-6 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: justify,
+        @_actions-toolbar-actions-reverse: true
+    );
+}
+
+.example-actions-toolbar-7 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: left,
+        @_actions-toolbar-actions-reverse: true
+    );
+}
+
+.example-actions-toolbar-8 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: right,
+        @_actions-toolbar-actions-reverse: true
+    );
+}
+

Actions toolbar indents customizations

 
  @_actions-toolbar-margin variable controls margins of the actions toolbar wrapper.

 
  @_actions-toolbar-padding variable controls paddings of the actions toolbar wrapper.

 
-

-.example-actions-toolbar-9 {
-    .actions-toolbar(
-        @_actions-toolbar-margin: 10px,
-        @_actions-toolbar-padding: 10px
-    );
-}
-
-.example-actions-toolbar-10 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: left,
-        @_actions-toolbar-primary-actions-margin: 0 50px 0 0
-    );
-}
-
-.example-actions-toolbar-11 {
-    .actions-toolbar(
-        @_actions-toolbar-actions-position: left,
-        @_actions-toolbar-secondary-actions-margin: 0 50px 0 0
-    );
-}
-
Responsive actions toolbar

+

+.example-actions-toolbar-9 {
+    .actions-toolbar(
+        @_actions-toolbar-margin: 10px,
+        @_actions-toolbar-padding: 10px
+    );
+}
+
+.example-actions-toolbar-10 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: left,
+        @_actions-toolbar-primary-actions-margin: 0 50px 0 0
+    );
+}
+
+.example-actions-toolbar-11 {
+    .actions-toolbar(
+        @_actions-toolbar-actions-position: left,
+        @_actions-toolbar-secondary-actions-margin: 0 50px 0 0
+    );
+}
+

Responsive actions toolbar

 
  To set up responsive action toolbar, all floats of its elements should be cleared. To do this  .actions-toolbar-clear-floats() mixin is used.

 
-

-.example-actions-toolbar-12 {
-    .actions-toolbar();
-}
-
-@media only screen and (max-width: @screen-m) {
-    .example-actions-toolbar-12 {
-       .actions-toolbar-clear-floats();
-    }
-}

+

+.example-actions-toolbar-12 {
+    .actions-toolbar();
+}
+
+@media only screen and (max-width: @screen__m) {
+    .example-actions-toolbar-12 {
+       .actions-toolbar-clear-floats();
+    }
+}


diff --git a/lib/web/css/docs/breadcrumbs.html b/lib/web/css/docs/breadcrumbs.html
index b1680007e045d..e0501d17ea013 100644
--- a/lib/web/css/docs/breadcrumbs.html
+++ b/lib/web/css/docs/breadcrumbs.html
@@ -1,11 +1,12 @@
-
+
+
 breadcrumbs | Magento UI Library
-

       

       

         @_actions-toolbar-primary-actions-margin0 @indent-xs-base 0 00 @indent__xs 0 0
         '' | false | value
         Margins of primary .actions in the Actions toolbar
       

@@ -41,7 +42,7 @@
       
-        
+        
@@ -52,8 +53,8 @@
         
-        
-        
+        
+        
@@ -74,7 +75,7 @@
       
-        
+        
@@ -137,7 +138,7 @@
       
-        
+        
@@ -166,13 +167,13 @@
         
-        
+        
-        
+        
@@ -197,7 +198,7 @@
       
-        
+        
@@ -220,13 +221,13 @@
         
-        
+        
-        
+        
@@ -236,19 +237,19 @@
       
-        
+        
-        
+        
-        
+        
@@ -259,13 +260,13 @@
         
-        
+        
-        
+        
@@ -275,7 +276,7 @@
       
-        
+        
@@ -287,7 +288,7 @@
       
-        
+        
@@ -298,13 +299,13 @@
         
-        
+        
-        
+        
@@ -314,19 +315,19 @@
       
-        
+        
-        
+        
-        
+        
@@ -337,13 +338,13 @@
         
-        
+        
-        
+        
@@ -357,14 +358,14 @@
 
  set up links gradient background for default and hover state:
  @_breadcrumbs-link-gradient: true,
   @_breadcrumbs-link-gradient-direction: vertical,
-  @_breadcrumbs-link-gradient-start-color: #f4f4f4,
-  @_breadcrumbs-link-gradient-end-color: #ccc,
-  @_breadcrumbs-link-gradient-start-color-hover: #ccc,
-  @_breadcrumbs-link-gradient-end-color-hover: #f4f4f4

+  @_breadcrumbs-link-gradient-color-start: #f4f4f4,
+  @_breadcrumbs-link-gradient-color-end: #ccc,
+  @_breadcrumbs-link-gradient-color-start-hover: #ccc,
+  @_breadcrumbs-link-gradient-color-end-hover: #f4f4f4
  set up current page gradient background:
  @_breadcrumbs-current-gradient: true,
-  @_breadcrumbs-current-gradient-start-color: #f7b32e,
-  @_breadcrumbs-current-gradient-end-color: #ff5501

+  @_breadcrumbs-current-gradient-color-start: #f7b32e,
+  @_breadcrumbs-current-gradient-color-end: #ff5501
-

-.example-breadcrumbs-2 {
-    .mixin-breadcrumbs(
-        @_breadcrumbs-separator-symbol: '',
-        @_breadcrumbs-display: inline-block,
-        @_breadcrumbs-padding: 3px 5px,
-        @_breadcrumbs-link-border: 1px solid #ccc,
-        @_breadcrumbs-link-gradient: true,
-        @_breadcrumbs-link-gradient-direction: vertical,
-        @_breadcrumbs-link-gradient-start-color: #f4f4f4,
-        @_breadcrumbs-link-gradient-end-color: #ccc,
-        @_breadcrumbs-link-gradient-start-color-hover: #ccc,
-        @_breadcrumbs-link-gradient-end-color-hover: #f4f4f4,
-        @_breadcrumbs-link-text-decoration-hover: none,
-        @_breadcrumbs-current-color: #1979c3,
-        @_breadcrumbs-current-gradient: true,
-        @_breadcrumbs-current-gradient-start-color: #f7b32e,
-        @_breadcrumbs-current-gradient-end-color: #ff5501,
-        @_breadcrumbs-current-border: 1px solid #d04b0a
-    );
-}
-

+

+.example-breadcrumbs-3 {
+    .mixin-breadcrumbs(
+        @_breadcrumbs-separator-symbol: '',
+        @_breadcrumbs-display: inline-block,
+        @_breadcrumbs-padding: 3px 5px,
+        @_breadcrumbs-current-background: #e7e7e7,
+        @_breadcrumbs-current-color: #333,
+        @_breadcrumbs-link-text-decoration-hover: none,
+        @_breadcrumbs-link-background: #f4f4f4,
+        @_breadcrumbs-link-background-hover: #ccc
+    );
+    .item a {
+        position: relative;
+        margin: 0 11px 0 0;
+        &:after {
+            .arrow(right, 12px, #f4f4f4);
+            content: "";
+            position: absolute;
+            display: block;
+            top: 0;
+            right: -23px;
+        }
+        &:hover:after {
+            border-color: transparent transparent transparent #ccc;
+        }
+    }
+}


diff --git a/lib/web/css/docs/buttons.html b/lib/web/css/docs/buttons.html
index d8a352d8ece06..003998a27061a 100644
--- a/lib/web/css/docs/buttons.html
+++ b/lib/web/css/docs/buttons.html
@@ -1,11 +1,12 @@
-
+
+
 buttons | Magento UI Library
-
Default button

+
Default button

 
  Default style for buttons is set by the .button() mixin. The mixin is called in .magento-reset() or it can be called directly.

 
Default button large

 
-

-button {
-    .button(@_button-margin: 3px);
-    border-radius: 3px;
-    &:active,
-    &:focus {
-        box-shadow: inset 0 2px 1px rgba(0,0,0,.12);
-    }
-}
-
-.example-button-1 {
-    &.example-button-2 {
-        .button-l();
-    }
-    &.example-button-3 {
-        .button-s();
-        border-radius: 0;
-        color: #000;
-        &:hover,
-        &.active {
-            color: #000;
-        }
-    }
-}
-
Button variables

+

+button {
+    .button(@_button-margin: 3px);
+    border-radius: 3px;
+    &:active,
+    &:focus {
+        box-shadow: inset 0 2px 1px rgba(0,0,0,.12);
+    }
+}
+
+.example-button-1 {
+    &.example-button-2 {
+        .button-l();
+    }
+    &.example-button-3 {
+        .button-s();
+        border-radius: 0;
+        color: #000;
+        &:hover,
+        &.active {
+            color: #000;
+        }
+    }
+}
+

Button variables

   
     

       

       

         @_breadcrumbs-font-size@font-size-s@font-size__s
         '' | false | value
         Breadcrumbs font size
       
Breadcrumbs links display property
       

       
@_@breadcrumbs-container-margin 0 0 @indent-base@_@breadcrumbs__container-margin 0 0 @indent__base
         '' | false | value
         Breadcrumbs items padding
       

       

         @_breadcrumbs-separator-color@breadcrumbs-current-color@breadcrumbs-current__color
         '' | false | value
         Breadcrumbs separating symbol color
       

       

         @_breadcrumbs-current-font-weight@font-weight-base@font-weight__regular
         '' | false | value
         Breadcrumbs current page font weight
       
Direction of breadcrumbs current page background gradient (if there is any)
       

       
@_breadcrumbs-current-gradient-start-color@_breadcrumbs-current-gradient-color-start
         false
         '' | false | value
         Breadcrumbs current page gradient start color
       

       
@_breadcrumbs-current-gradient-end-color@_breadcrumbs-current-gradient-color-end
         false
         '' | false | value
         Breadcrumbs current page gradient end color

       

         @_breadcrumbs-link-color@color-primary@primary__color
         '' | false | value
         Breadcrumbs item color
       
Breadcrumbs item text decoration
       

       
@_breadcrumbs-link-gradient-start-color@_breadcrumbs-link-gradient-color-start
         false
         '' | false | value
         Breadcrumbs item gradient start color
       

       
@_breadcrumbs-link-gradient-end-color@_breadcrumbs-link-gradient-color-end
         false
         '' | false | value
         Breadcrumbs item gradient end color

       

         @_breadcrumbs-link-color-visited@color-primary@primary__color
         '' | false | value
         Breadcrumbs item visited color
       

       

         @_breadcrumbs-link-background-visited@breadcrumbs-link-background@breadcrumbs-link__background
         '' | false | value
         Breadcrumbs item visited background
       

       

         @_breadcrumbs-link-border-visited@breadcrumbs-link-border@breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item visited border
       
Breadcrumbs item text decoration
       

       
@_breadcrumbs-link-gradient-start-color-visited@_breadcrumbs-link-gradient-color-start-visited
         false
         '' | false | value
         Breadcrumbs item visited gradient start color
       

       
@_breadcrumbs-link-gradient-end-color-visited@_breadcrumbs-link-gradient-color-end-visited
         false
         '' | false | value
         Breadcrumbs item visited gradient end color

       

         @_breadcrumbs-link-color-hover@color-primary@primary__color
         '' | false | value
         Breadcrumbs item hover color
       

       

         @_breadcrumbs-link-border-hover@breadcrumbs-link-border@breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item hover border
       
Breadcrumbs item hover text decoration
       

       
@_breadcrumbs-link-gradient-start-color-hover@_breadcrumbs-link-gradient-color-start-hover
         false
         '' | false | value
         Breadcrumbs item hover gradient start color
       

       
@_breadcrumbs-link-gradient-end-color-hover@_breadcrumbs-link-gradient-color-end-hover
         false
         '' | false | value
         Breadcrumbs item hover gradient end color

       

         @_breadcrumbs-link-color-active@color-primary@primary__color
         '' | false | value
         Breadcrumbs item active color
       

       

         @_breadcrumbs-link-background-active@breadcrumbs-link-background@breadcrumbs-link__background
         '' | false | value
         Breadcrumbs item active background
       

       

         @_breadcrumbs-link-border-active@breadcrumbs-link-border@breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item active border
       
Breadcrumbs item active text decoration
       

       
@_breadcrumbs-link-gradient-start-color-active@_breadcrumbs-link-gradient-color-start-active
         false
         '' | false | value
         Breadcrumbs item active gradient start color
       

       
@_breadcrumbs-link-gradient-end-color-active@_breadcrumbs-link-gradient-color-end-active
         false
         '' | false | value
         Breadcrumbs item active gradient end color
 
 
 
 

@@ -55,19 +56,19 @@ 
Default button large

-        
+        
-        
+        
-        
+        
@@ -91,7 +92,7 @@ 
Default button large

-        
+        
@@ -130,7 +131,7 @@ 
Default button large

-        
+        
@@ -147,13 +148,13 @@ 
Default button large

-        
+        
-        
+        
@@ -180,13 +181,13 @@ 
Default button large

-        
+        
-        
+        
@@ -196,30 +197,30 @@ 
Default button large

-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
@@ -253,7 +254,7 @@ 
Default button large

-        
+        
@@ -289,7 +290,7 @@ 
Default button large

-        
+        
@@ -318,17 +319,17 @@ 
Default button large

     <button class="example-button-10 :active" type="button">
         <span>Add to cart</span>
     </button>
-

-.example-button-10 {
-    .button(
-        @_button-margin: 3px,
-        @_button-icon-use: true,
-        @_button-font-content: @icon-cart,
-        @_button-icon-font-text-hide: true
-    );
-    .button-reset();
-}
-
Button with an icon on the left or right side of the text

+

+.example-button-10 {
+    .button(
+        @_button-margin: 3px,
+        @_button-icon-use: true,
+        @_button-font-content: @icon-cart,
+        @_button-icon-font-text-hide: true
+    );
+    .button-reset();
+}
+

Button with an icon on the left or right side of the text

 
  @_button-icon-font-position variable is used to set up the icon postiton

 
  Use before to set up button icon position on the left:

 
  @_button-icon-font-position: before

@@ -357,25 +358,25 @@ 
Default button large

     <button class="example-button-12 disabled" type="button" title="Add to cart">
         <span>Disabled</span>
     </button>
-

-.example-button-11 {
-    .button(
-        @_button-margin: 3px,
-        @_button-icon-use: true,
-        @_button-font-content: @icon-cart,
-        @_button-icon-font-position: before
-    );
-}
-
-.example-button-12 {
-    .button(
-        @_button-margin: 3px,
-        @_button-icon-use: true,
-        @_button-font-content: @icon-cart,
-        @_button-icon-font-position: after
-   );
-}
-
Button with fixed width

+

+.example-button-11 {
+    .button(
+        @_button-margin: 3px,
+        @_button-icon-use: true,
+        @_button-font-content: @icon-cart,
+        @_button-icon-font-position: before
+    );
+}
+
+.example-button-12 {
+    .button(
+        @_button-margin: 3px,
+        @_button-icon-use: true,
+        @_button-font-content: @icon-cart,
+        @_button-icon-font-position: after
+   );
+}
+

Button with fixed width

 
  To get a fixed width button, you need to set:

 
  @_button-width: 100px

 
-

-.example-button-13 {
-    .button(@_button-width: 100px, @_button-margin: 3px);
-}
-
Primary button

-
  The .button-primary() mixin is used to create a primary button. By default it uses Primary button variables from variables.less file.

+

+.example-button-13 {
+    .button(@_button-width: 100px, @_button-margin: 3px);
+}
+

Primary button

+
  The .button-primary() mixin is used to create a primary button. By default it uses Primary button variables from _variables.less file.

 
Primary button big

 
-

-.example-button-4 {
-    .button-primary(
-        @_button-margin: 3px
-    );
-    &:active {
-        box-shadow: inset 0 3px 1px rgba(0,0,0,.29);
-    }
-    &.example-button-5 {
-        .button-l(@_button-l-padding: 7px 35px);
-    }
-    &.example-button-6 {
-        .button-s();
-        color: #fff;
-        &:hover,
-        &.active {
-            color: #fff;
-        }
-    }
-}
-
Primary button variables

-
  In the variables list primary buttons are configured with @button-primary- prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary-background of the global variables list.
+

+.example-button-4 {
+    .button-primary(
+        @_button-margin: 3px
+    );
+    &:active {
+        box-shadow: inset 0 3px 1px rgba(0,0,0,.29);
+    }
+    &.example-button-5 {
+        .button-l(@_button-l-padding: 7px 35px);
+    }
+    &.example-button-6 {
+        .button-s();
+        color: #fff;
+        &:hover,
+        &.active {
+            color: #fff;
+        }
+    }
+}
+

Primary button variables

+
  In the variables list primary buttons are configured with @button-primary prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primarybackground of the global variables list.
   
     

       

       

       

         @_button-font-family@font-family-base@font-family__base
         '' | false | value
         Button font family
       

       

         @_button-font-size@font-size-base@font-size__base
         '' | false | value
         Button font size
       

       

         @_button-font-weight@font-weight-bold@font-weight__bold
         '' | false | value
         Button font weight
       

       
       

         @_button-line-height@font-size-base + 2@font-size__base + 2
         '' | false | value
         Button height
       

       
       

         @_button-color@color-primary@primary__color
         '' | false | value
         Button text color
       

         
Button border
       

       
@_button-gradient-start-color@_button-gradient-color-start
         false
         '' | false | value
         Gradient background start color
       

       
@_button-gradient-end-color@_button-gradient-color-end
         false
         '' | false | value
         Gradient background end color
         Hovered button border
       

       
@_button-gradient-start-color-hover@_button-gradient-color-start-hover
         false
         '' | false | value
         Hovered button gradient background start color
       

       
@_button-gradient-end-color-hover@_button-gradient-color-end-hover
         false
         '' | false | value
         Hovered button gradient background end color
       

       

         @_button-color-active@button-color@button__color
         '' | false | value
         Active button text color
       

       

         @_button-background-active@button-background-hover@button__hover__background
         '' | false | value
         Active button background
       

       

         @_button-border-active@button-border@button__border
         '' | false | value
         Active button border
       

       
@_button-gradient-start-color-active
@_button-gradient-color-start-active

         false
         '' | false | value
         Active button gradient background start color
       

       
@_button-gradient-end-color-active@_button-gradient-color-end-active
         false
         '' | false | value
         Active button gradient background end color
       

       

         @_button-icon-font-line-height@button-icon-font-size@button-icon__font-size
         '' | false | value
         Button icon line height
       

       
       

         @_button-icon-font-position@icon-position@icon__position
         '' | false | before | after
         Button icon font position
       

@@ -459,7 +460,7 @@ 
Primary button big

-            
+            
@@ -497,13 +498,13 @@ 
Primary button big

-            
+            
-            
+            
@@ -525,18 +526,18 @@ 
Primary button big

-            
+            
-            
+            
-            
+            
@@ -546,117 +547,117 @@ 
Primary button big

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            

         

         

         

             @_button-padding@button-padding@buttonpadding
             '' | false | value
             Button padding
         

             
Button text color
         

         
@_button-gradient-start-color@_button-gradient-color-start
             false
             '' | false | value
             Gradient background start color
         

         
@_button-gradient-end-color@_button-gradient-color-end
             false
             '' | false | value
             Gradient background end color
         

         

             @_button-color-hover@button-primary-color@button-primarycolor
             '' | false | value
             Hovered button text color
         

         
@_button-gradient-start-color-hover@_button-gradient-color-start-hover
             false
             '' | false | value
             Hovered button gradient background start color
         

         
@_button-gradient-end-color-hover@_button-gradient-color-end-hover
             false
             '' | false | value
             Hovered button gradient background end color
         

         

             @_button-background-active@button-primary-background-hover@button-primaryhoverbackground
             '' | false | value
             Active button background
         

         

             @_button-border-active@button-primary-border-hover@button-primaryhoverborder
             '' | false | value
             Active button border
         

         

             @_button-color-active@button-primary-color@button-primary__color
             '' | false | value
             Active button text color
         

         
@_button-gradient-start-color-active@_button-gradient-color-start-active
             false
             '' | false | value
             Active button gradient background start color
         

         
@_button-gradient-end-color-active@_button-gradient-color-end-active
             false
             '' | false | value
             Active button gradient background end color

-

Button with gradient background

-

The .button() mixin can get its values from variables.less file or directly

+

Button with gradient background

+

The .button() mixin can get its values from _variables.less file or directly

-

-.example-button-7 {
-    .button(
-        @_button-margin: 3px,
-        @_button-padding: @button-padding,
-        @_button-gradient-start-color: #1979c3,
-        @_button-gradient-end-color: #006bb4,
-        @_button-color: #fff,
-        @_button-gradient-start-color-hover: #006bb4,
-        @_button-gradient-end-color-hover: #1979c3,
-        @_button-color-hover: #fff,
-        @_button-gradient-start-color-active: #006bb4,
-        @_button-gradient-end-color-active: #006bb4,
-        @_button-color-active: #fff,
-        @_button-gradient: true,
-        @_button-gradient-direction: vertical,
-        @_button-border: @button-primary-border,
-        @_button-border-hover: @button-primary-border-hover,
-        @_button-border-active: @button-primary-border-active
-    );
-    border-radius: 3px;
-    &:active {
-        box-shadow: inset 0 3px 1px rgba(0,0,0,.29);
-    }
-}
-

Button reset

+

+.example-button-9 {
+    .link-as-button();
+    .button();
+    margin: 3px;
+    border-radius: 3px;
+    font-weight: bold;
+    &:active {
+        box-shadow: inset 0 3px 1px rgba(0,0,0,.29);
+    }
+}
+

Button reset

The .button-reset() mixin is used to fully reset button styles.

-

-.example-button-14 {
-    .button-reset();
-}
-

Button revert secondary color

+

+.example-button-14 {
+    .button-reset();
+}
+

Button revert secondary color

The .button-revert-secondary-color() mixin is used to revert button styles (primary for example) to secondary color styles. Also can be passed any color, background and border if needed.

-

-.example-button-15 {
-    .button-primary();
-    .button-revert-secondary-color();
-}
-

Button revert secondary color variables

+

+.example-button-15 {
+    .button-primary();
+    .button-revert-secondary-color();
+}
+

Button revert secondary color variables

     
@@ -667,78 +668,78 @@ 
Primary button big

-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        

       

       

       

         @_button-color@button-color@button__color
         '' | false | value
         Button color
       

       

         @_button-background@button-background@button__background
         '' | false | value
         Button background
       

       

         @_button-border@button-border@button__border
         '' | false | value
         Button border
       

       

         @_button-color-hover@button-color-hover@button__hover__color
         '' | false | value
         Button hover color
       

       

         @_button-background-hover@button-background-hover@button__hover__background
         '' | false | value
         Button hover background
       

       

         @_button-border-hover@button-border-hover@button__hover__border
         '' | false | value
         Button hover border
       

       

         @_button-color-active@button-color-active@button__active__color
         '' | false | value
         Button active color
       

       

         @_button-background-active@button-background-active@button__active__background
         '' | false | value
         Button active background
       

       

         @_button-border-active@button-border-active@button__active__border
         '' | false | value
         Button active border
-

Button revert secondary size

+

Button revert secondary size

The .button-revert-secondary-size() mixin is used to revert button sizes to secondary button sizes. Also can be passed font-size, line-height and padding if needed.

-

-.example-button-17 {
-    .button-l();
-    .button-revert-secondary-size();
-}
-.example-button-18 {
-    .button-revert-secondary-size(
-        @_button-font-size: 10px,
-        @_button-line-height: 12px,
-        @_button-padding: 4px 10px
-    );
-}
-

Button revert secondary size variables

+

+.example-button-17 {
+    .button-l();
+    .button-revert-secondary-size();
+}
+.example-button-18 {
+    .button-revert-secondary-size(
+        @_button-font-size: 10px,
+        @_button-line-height: 12px,
+        @_button-padding: 4px 10px
+    );
+}
+

Button revert secondary size variables

     
@@ -749,22 +750,22 @@ 
Primary button big

-        
+        
-        
+        
-        
+        

       

       

       

         @_button-font-size@button-font-size@button__font-size
         '' | value
         Button font size
       

       

         @_button-line-height@button-line-height@button__line-height
         '' | value
         Button line-height
       

       

         @_button-padding@button-padding@button__padding
         '' | value
         Button padding
-
+
diff --git a/lib/web/css/docs/docs.css b/lib/web/css/docs/docs.css index f0103bc796a52..dd798ec6bc979 100644 --- a/lib/web/css/docs/docs.css +++ b/lib/web/css/docs/docs.css @@ -2,6 +2,7 @@ * Copyright © 2015 Magento. All rights reserved. * See COPYING.txt for license details. */ + .actions-toolbar:before, .actions-toolbar:after { content: ""; @@ -1064,7 +1065,7 @@ fieldset[disabled] .example-button-7 { font-weight: normal; } .example-button-8:visited { - color: #800080; + color: #1979c3; text-decoration: none; } .example-button-8:hover { @@ -4256,7 +4257,7 @@ footer.footer { text-decoration: none; } .pages a.page:visited { - color: #800080; + color: #1979c3; } .pages a.page:hover { color: #006bb4; @@ -4432,7 +4433,7 @@ footer.footer { background-image: -webkit-linear-gradient(top, false 0%, false 100%); background-image: linear-gradient(to bottom, false 0%, false 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='false', endColorstr='false', GradientType=0); - color: #800080; + color: #1979c3; } .example-pages-1 a.page:hover { background-color: #f4f4f4; @@ -4610,7 +4611,7 @@ footer.footer { text-decoration: none; } .example-pages-2 a.page:visited { - color: #800080; + color: #1979c3; } .example-pages-2 a.page:hover { color: #006bb4; @@ -4693,7 +4694,7 @@ footer.footer { text-decoration: none; } .example-pages-3 a.page:visited { - background: #800080; + background: #1979c3; color: #ffffff; } .example-pages-3 a.page:hover { @@ -4706,7 +4707,7 @@ footer.footer { color: #ffffff; } .example-pages-3 strong.page { - background: #800080; + background: #1979c3; font-size: 1.2rem; font-size: 12px; line-height: 32px; @@ -4725,7 +4726,7 @@ footer.footer { text-decoration: none; } .example-pages-3 .action:visited { - background: #800080; + background: #1979c3; color: #7d7d7d; } .example-pages-3 .action:hover { @@ -5337,7 +5338,7 @@ fieldset[disabled] .window.popup.popup-example-4 .popup-actions .action.close { padding-right: 22px; } .window.popup.popup-example-5 .popup-header .title { - font-size: 4rem; + font-size: 2.6rem; font-weight: 300; line-height: 1.1; margin-top: 0rem; @@ -8057,7 +8058,7 @@ dfn { font-style: italic; } h1 { - font-size: 4rem; + font-size: 2.6rem; font-weight: 300; line-height: 1.1; margin-top: 0rem; @@ -8124,7 +8125,7 @@ a, } a:visited, .alink:visited { - color: #800080; + color: #1979c3; text-decoration: none; } a:hover, @@ -8321,7 +8322,7 @@ cite { text-decoration: none; } .example-link-default:visited { - color: #800080; + color: #1979c3; text-decoration: none; } .example-link-default:hover { @@ -8337,7 +8338,7 @@ cite { text-decoration: none; } .example-link:visited { - color: #800080; + color: #1979c3; text-decoration: none; } .example-link:hover { @@ -8349,7 +8350,7 @@ cite { text-decoration: underline; } .example-heading { - font-size: 4rem; + font-size: 2.6rem; font-weight: 300; line-height: 1.1; margin-top: 0rem; @@ -8423,7 +8424,7 @@ dfn { font-style: italic; } h1 { - font-size: 4rem; + font-size: 2.6rem; font-weight: 300; line-height: 1.1; margin-top: 0rem; @@ -8490,7 +8491,7 @@ a, } a:visited, .alink:visited { - color: #800080; + color: #1979c3; text-decoration: none; } a:hover, @@ -8731,4 +8732,4 @@ body { padding: 15px; background-image: none; } -/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL3V0aWxpdGllcy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL2FjdGlvbnMtdG9vbGJhci5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvYWN0aW9ucy10b29sYmFyLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvYnJlYWRjcnVtYnMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL2JyZWFkY3J1bWJzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi90eXBvZ3JhcGh5Lmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9pY29ucy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvdmFyaWFibGVzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvaWNvbnMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9idXR0b25zLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9idXR0b25zLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvZHJvcGRvd25zLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9kcm9wZG93bnMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9mb3Jtcy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvZm9ybXMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9sb2FkZXJzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9sb2FkZXJzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvbWVzc2FnZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL21lc3NhZ2VzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvbGF5b3V0Lmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9sYXlvdXQubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL2dyaWRzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvcGFnZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL3BhZ2VzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvcG9wdXBzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9wb3B1cHMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9yYXRpbmcubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL3JhdGluZy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL3Jlc3BvbnNpdmUubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9zZWN0aW9ucy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvc2VjdGlvbnMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS90YWJsZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL3RhYmxlcy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL3Rvb2x0aXBzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi90b29sdGlwcy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL3R5cG9ncmFwaHkubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS91dGlsaXRpZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9kb2NzLmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUE2Q0ksZ0JBQUM7QUFDRCxnQkFBQztFQUNHLFNBQVMsRUFBVDtFQUNBLGNBQUE7O0FBRUosZ0JBQUM7RUFDRyxXQUFBOztBQ2ZSLGdCQ3dDSTtFQUNJLFdBQUE7O0FEekNSLGdCQzJDSTtFQUNJLFlBQUE7O0FENUNSLGdCQ1hJO0FEV0osZ0JDVkk7RUFDSSxxQkFBQTs7QURTUixnQkNYSSxTQU1JLEVBQUM7QURLVCxnQkNWSSxXQUtJLEVBQUM7RUFDRyxxQkFBQTs7QURJWixnQkNBSSxTQUNJ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 */ \ No newline at end of file +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL191dGlsaXRpZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9hY3Rpb25zLXRvb2xiYXIubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL19hY3Rpb25zLXRvb2xiYXIubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9icmVhZGNydW1icy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvX2JyZWFkY3J1bWJzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fdHlwb2dyYXBoeS5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvX2ljb25zLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi92YXJpYWJsZXMvX3R5cG9ncmFwaHkubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9pY29ucy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL2J1dHRvbnMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL19idXR0b25zLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvZHJvcGRvd25zLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fZHJvcGRvd25zLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvZm9ybXMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL19mb3Jtcy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL2xvYWRlcnMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL19sb2FkZXJzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi92YXJpYWJsZXMvX2xvYWRlcnMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9tZXNzYWdlcy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvX21lc3NhZ2VzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvbGF5b3V0Lmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fbGF5b3V0Lmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fZ3JpZHMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS9wYWdlcy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvX3BhZ2VzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvcG9wdXBzLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fcG9wdXBzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvcmF0aW5nLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fcmF0aW5nLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvcmVzcG9uc2l2ZS5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL3NlY3Rpb25zLmxlc3MiLCIvbGliL3dlYi9jc3Mvc291cmNlL2xpYi9fc2VjdGlvbnMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS90YWJsZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9zb3VyY2UvbGliL190YWJsZXMubGVzcyIsIi9saWIvd2ViL2Nzcy9kb2NzL3NvdXJjZS90b29sdGlwcy5sZXNzIiwiL2xpYi93ZWIvY3NzL3NvdXJjZS9saWIvX3Rvb2x0aXBzLmxlc3MiLCIvbGliL3dlYi9jc3MvZG9jcy9zb3VyY2UvdHlwb2dyYXBoeS5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL3V0aWxpdGllcy5sZXNzIiwiL2xpYi93ZWIvY3NzL2RvY3Mvc291cmNlL2RvY3MubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpREksZ0JBQUM7QUFDRCxnQkFBQztFQUNHLFNBQVMsRUFBVDtFQUNBLGNBQUE7O0FBRUosZ0JBQUM7RUFDRyxXQUFBOztBQ3hCUixnQkNnREk7RUFDSSxXQUFBOztBRGpEUixnQkNtREk7RUFDSSxZQUFBOztBRHBEUixnQkNMSTtBREtKLGdCQ0pJO0VBQ0ks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 */ \ No newline at end of file diff --git a/lib/web/css/docs/docs.html b/lib/web/css/docs/docs.html index 64b30b6ce6bb0..b75ca244c8322 100644 --- a/lib/web/css/docs/docs.html +++ b/lib/web/css/docs/docs.html @@ -1,39 +1,43 @@ - + + docs | Magento UI Library -

Documentation

+

Documentation

This file was created for documentation generation. It contains includes of all documentation files.

-

-@import "../../styles.less";
-
-@baseDir: "/pub/static/frontend/Magento/blank/en_US/"; //default
-
-@import "actions-toolbar.less";
-@import "breadcrumbs.less";
-@import "buttons.less";
-@import "dropdowns.less";
-@import "forms.less";
-@import "icons.less";
-@import "loaders.less";
-@import "messages.less";
-@import "layout.less";
-@import "pages.less";
-@import "popups.less";
-@import "rating.less";
-@import "resets.less";
-@import "responsive.less";
-@import "sections.less";
-@import "tables.less";
-@import "tooltips.less";
-@import "typography.less";
-@import "utilities.less";
-@import "variables.less";
-
-body {
-    padding: 15px;
-    background-image: none;
-}
+

@import 'navigation';

+

+@import '../../source/lib/_lib'; // Library files
+@import '../../source/_theme'; // Theme overrides
+@import '../../source/lib/_responsive'; // Media queries collector
+
+@baseDir: '/pub/static/frontend/Magento/blank/en_US/';
+
+@import 'actions-toolbar';
+@import 'breadcrumbs';
+@import 'buttons';
+@import 'dropdowns';
+@import 'forms';
+@import 'icons';
+@import 'loaders';
+@import 'messages';
+@import 'layout';
+@import 'pages';
+@import 'popups';
+@import 'rating';
+@import 'resets';
+@import 'responsive';
+@import 'sections';
+@import 'tables';
+@import 'tooltips';
+@import 'typography';
+@import 'utilities';
+@import 'variables';
+
+body {
+    padding: 15px;
+    background-image: none;
+}
diff --git a/lib/web/css/docs/dropdowns.html b/lib/web/css/docs/dropdowns.html index a8236df1de3e5..4f268a722f963 100644 --- a/lib/web/css/docs/dropdowns.html +++ b/lib/web/css/docs/dropdowns.html @@ -1,11 +1,12 @@ - + + dropdowns | Magento UI Library -
diff --git a/lib/web/css/docs/forms.html b/lib/web/css/docs/forms.html index cf6bba2334ae2..03c301a17afd3 100644 --- a/lib/web/css/docs/forms.html +++ b/lib/web/css/docs/forms.html @@ -1,11 +1,12 @@ - + + forms | Magento UI Library -

Forms mixins

+

Forms mixins

Magento UI library provides a set of mixins for forms elements customization. You can customize your forms globally by configuring global variables, or you can customize every form separately using appropriate mixin.

Note: in variables lists allowable values are in "[]" brackets. If there are no allowable values provided, for this variable you can use: '' | false | value.

Global forms elements customization

@@ -194,29 +195,29 @@

Simple form with "require </div> </fieldset> </form> -


-.example-form-1 {
-    .example-form-1-fieldset {
-        .form-fieldset();
-        .form-hasrequired(bottom);
-        > .field {
-            .form-field();
-        }
-    }
-}
-
-.example-form-2 {
-    .example-form-2-fieldset {
-        .form-fieldset();
-        > .field {
-            .form-field(
-                    @_type: block,
-                    @_column: true
-                );
-        }
-    }
-}
-

Fieldset and legend customization variables

+

+.example-form-1 {
+    .example-form-1-fieldset {
+        .form-fieldset();
+        .form-hasrequired(bottom);
+        > .field {
+            .form-field();
+        }
+    }
+}
+
+.example-form-2 {
+    .example-form-2-fieldset {
+        .form-fieldset();
+        > .field {
+            .form-field(
+                    @_type: block,
+                    @_column: true
+                );
+        }
+    }
+}
+

Fieldset and legend customization variables

The .form-fieldset() mixin variables 

     
@@ -228,73 +229,73 @@ 
Simple form with "require
         
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
@@ -318,7 +319,7 @@ 
Simple form with "require
         
         

-            
+            
@@ -330,26 +331,26 @@ 
Simple form with "require
         
         

-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -357,67 +358,67 @@ 
Simple form with "require
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
@@ -426,44 +427,44 @@ 
Simple form with "require
         
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
@@ -471,55 +472,55 @@ 
Simple form with "require
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -531,56 +532,56 @@ 
Simple form with "require
         
         

-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

             @_border@form-fieldset-border@form-fieldsetborder
             0
             Fieldset border
         

         

             @_margin@form-fieldset-margin 0 0 @indent-xl-base@form-fieldsetmargin 0 0 @indentxl
             Fieldset margin
         

         

             @_padding@form-fieldset-padding@form-fieldsetpadding
             0
             Fieldset padding
         

         

             @_legend-color@form-fieldset-legend-color@form-fieldset-legendcolor
             false
             Legend color
         

         

             @_legend-font-size@form-fieldset-legend-font-size@form-fieldset-legendfont-size
             20px
             Legend font size
         

         

             @_legend-font-family@form-fieldset-legend-font-family@form-fieldset-legendfont-family
             false
             Legend font family
         

         

             @_legend-font-weight@form-fieldset-legend-font-weight@form-fieldset-legendfont-weight
             false
             Legend font weight
         

         

             @_legend-font-style@form-fieldset-legend-font-style@form-fieldset-legendfont-style
             false
             Legend font style
         

         

             @_legend-line-height@form-fieldset-legend-line-height@form-fieldset-legendline-height
             1.2
             Legend line height
         

         

             @_legend-margin@form-fieldset-legend-margin0 0 @indent-m-base@form-fieldset-legendmargin0 0 @indentm
             Legend margin
         

         

             @_legend-padding@form-fieldset-legend-padding@form-fieldset-legendpadding
             0
             Legend padding
         

         

             @_legend-width@form-fieldset-legend-width@form-fieldset-legendwidth
             false
             Legend width
         

             @_border@form-field-border@form-field__border
             false
             Border of the <div class="field"> element
         

             @_column-padding@form-field-column-padding@form-field-column__padding
             0 12px 0 0
             Form fields column padding
         

         

             @_column-number@form-field-column-number@form-field-column__number
             2
             Form fields number of columns
         

         

             @_type-block-margin@form-field-type-block-margin0 0 @form-field-vertical-indent@form-field-type-block__margin0 0 @form-field__vertical-indent
             Form fields margin if @form-field-type set to is 'block'
         

         

             @_type-inline-margin@form-field-type-inline-margin0 0 @form-field-vertical-indent@form-field-type-inline__margin0 0 @form-field__vertical-indent
             Form fields margin if @form-field-type is set to 'inline'
         

         

         

             @_label-color@form-field-label-align@form-field-label__align
             false
             Field label text color
         

         

             @_label-color@form-field-label-color@form-field-label__color
             false
             Field label text color
         

         

             @_label-font-size@form-field-label-font-size@form-field-label__font-size
             false
             Field label font size
         

         

             @_label-font-family@form-field-label-font-family@form-field-label__font-family
             false
             Field label font family
         

         

             @_label-font-weight@form-field-label-font-weight@font-weight-bold@form-field-label__font-weight@font-weight__bold
             Field label font weight
         

         

              @_label-font-style@form-field-label-font-style@form-field-label__font-style
             false
             Field label font style
         

         

             @_label-line-height@form-field-label-line-height@form-field-label__line-height
             false
             Field label line height
         

         

             @_type-block-label-margin@form-field-type-block-label-margin0 0 @indent-xs-base@form-field-type-label-block__margin0 0 @indent__xs
             Field label margin if @form-field-type is set to 'block'
         

         

             @_type-inline-label-padding@form-field-type-inline-label-padding@form-field-type-inline-label-padding-top 15px 0 0@form-field-type-label-inline__padding@form-field-type-label-inline__padding-top 15px 0 0
             Field label padding if @form-field-type is set to 'inline'
         

         

             @_type-inline-label-width@form-field-type-inline-label-width@form-field-type-label-inline__width
             25.8%
             Field label width if @form-field-type is set to 'inline'
         

         

             @_type-inline-control-width@form-field-type-inline-control-width@form-field-type-control-inline__width
             74.2%
             Field control width if @form-field-type is set to 'inline'
         

             @_label-asterisk-color@form-field-label-asterisk-color@form-field-label-asterisk__color
             #da370a
             Label asterisk color
         

         

             @_label-asterisk-font-size@form-field-label-asterisk-font-size@font-size-s@form-field-label-asterisk__font-size@font-size__s
             Label asterisk font size
         

         

             @_label-asterisk-font-family@form-field-label-asterisk-font-family@form-field-label-asterisk__font-family
             false
             Label asterisk font family
         

         

             @_label-asterisk-font-weight@form-field-label-asterisk-font-weight@form-field-label-asterisk__font-weight
             false
             Label asterisk font weight
         

         

             @_label-asterisk-font-style@form-field-label-asterisk-font-style@form-field-label-asterisk__font-style
             false
             Label asterisk font style
         

         

             @_label-asterisk-line-height@form-field-label-asterisk-line-height@form-field-label-asterisk__line-height
             false
             Label asterisk line height
         

         

             @_label-asterisk-margin@form-field-label-asterisk-margin0 0 0 @indent-xs-base@form-field-label-asterisk__margin0 0 0 @indent__xs
             Label asterisk margin
         

         

         

             @_note-color@form-field-note-color@form-field-note__color
             false
             Field note text color
         

         

             @_note-font-size@form-field-note-font-size@font-size-s@form-field-note__font-size@font-size__s
             Field note font size
         

         

             @_note-font-family@form-field-note-font-family@form-field-note__font-family
             false
             Field note font family
         

         

             @_note-font-weight@form-field-note-font-weight@form-field-note__font-weight
             false
             Field note font weight
         

         

             @_note-font-style@form-field-note-font-style@form-field-note__font-style
             false
             Field note font style
         

         

             @_note-line-height@form-field-note-line-height@form-field-note__line-height
             false
             Field note line height
         

         

             @_note-margin@form-field-note-margin@form-field-note__margin
             3px 0 0
             Field note margin
         

         

             @_note-padding@form-field-note-padding@form-field-note__padding
             0
             Field note padding
         

         

             @_note-icon-font-content@form-field-note-icon-font-content@form-field-note-icon-font__content
             @icon-pointer-up
             Field note icon code
         

             @_note-icon-font-size@form-field-note-icon-font-size@form-field-note-font-size*2@form-field-note-icon-font__size@form-field-note__font-size*2
             Field note icon font size
         

         

             @_note-icon-font-line-height@form-field-note-icon-font-line-height@form-field-note-font-size@form-field-note-icon-font__line-height@form-field-note__font-size
             Field note icon line height
         

         

             @_note-icon-font-color@form-field-note-icon-font-color@form-field-note-color@form-field-note-icon-font__color@form-field-note__color
             Field note icon color
         

         

             @_note-icon-font-color-hover@form-field-note-icon-font-color-hover@form-field-note-icon-font__color-hover
             false
             Field note icon hovered color
         

         

             @_note-icon-font-color-active@form-field-note-icon-font-color-active@form-field-note-icon-font__color-active
             false
             Field note icon active color
         

         

             @_note-icon-font-margin@form-field-note-icon-font-margin@form-field-note-icon-font__margin
             false
             Field note icon margin
         

         

             @_note-icon-font-vertical-align@form-field-note-icon-font-vertical-align@icon-font-vertical-align@form-field-note-icon-font__vertical-align@icon-font__vertical-align
             Field note icon vertical align
         

         

             @_note-icon-font-position@form-field-note-icon-font-position@icon-font-position [before | after]@form-field-note-icon-font__position@icon-font__position [before | after]
             Field note icon position
         

         

             @_note-icon-font-text-hide@form-field-note-icon-font-text-hide@icon-font-text-hide [true | false]@form-field-note-icon-font__text-hide@icon-font__text-hide [true | false]
             Field note icon text hide
         

     

@@ -597,61 +598,61 @@ 
Simple form with "require
         
         
             @_position
-            @form-hasrequired-position
+            @form-hasrequired__position
             top [top | bottom]
             Position of "required fields" notice
         
         
             @_color
-            @form-hasrequired-color
-            @form-field-label-asterisk-color
+            @form-hasrequired__color
+            @form-field-label-asterisk__color
             Text color of "required fields" notice
         
         
             @_font-size
-            @form-hasrequired-font-size
-            @font-size-s
+            @form-hasrequired__font-size
+            @font-size__s
             Font size of "required fields" notice
         
         
             @_font-family
-            @form-hasrequired-font-family
+            @form-hasrequired__font-family
             false
             Font family of "required fields" notice
         
         
             @_font-weight
-            @form-hasrequired-font-weight
+            @form-hasrequired__font-weight
             false
             Font weight of "required fields" notice
         
         
             @_font-style
-            @form-hasrequired-font-style
+            @form-hasrequired__font-style
             false
             Font style of "required fields" notice
         
         
             @_line-height
-            @form-hasrequired-line-height
+            @form-hasrequired__line-height
             false
             Line height of "required fields" notice
         
         
             @_border
-            @form-hasrequired-border
+            @form-hasrequired__border
             false
             Border of "required fields" notice
         
         
             @_margin
-            @form-hasrequired-margin
-            @indent-s-base 0 0
+            @form-hasrequired__margin
+            @indent__s 0 0
             Margin of "required fields" notice
         
         
             @_padding
-            @form-hasrequired-padding
+            @form-hasrequired__padding
             false
             Padding of "required fields" notice
         
@@ -676,35 +677,35 @@ 
Simple form with "require
      <select><option>type = select</option><option>option</option></select>
      <select multiple="multiple"><option>type = select multiple</option><option>option</option></select>
      <textarea placeholder="placeholder, type = textarea" ></textarea>
-

-
-input[type="text"],
-input[type="password"],
-input[type="url"],
-input[type="tel"],
-input[type="search"],
-input[type="number"],
-input[type="datetime"],
-input[type="email"] {
-    .form-element-input(@_type: input-text);
-    margin-bottom: 20px;
-}
-
-select {
-    .form-element-input(@_type: select);
-    margin-bottom: 20px;
-}
-
-select[multiple="multiple"] {
-    .css(height, auto);
-    margin-bottom: 20px;
-}
-
-textarea {
-    .form-element-input(@_type: textarea);
-    .form-element-textarea-resize();
-}
-

Form element inputs customization variables

+

+
+input[type="text"],
+input[type="password"],
+input[type="url"],
+input[type="tel"],
+input[type="search"],
+input[type="number"],
+input[type="datetime"],
+input[type="email"] {
+    .form-element-input(@_type: input-text);
+    margin-bottom: 20px;
+}
+
+select {
+    .form-element-input(@_type: select);
+    margin-bottom: 20px;
+}
+
+select[multiple="multiple"] {
+    .css(height, auto);
+    margin-bottom: 20px;
+}
+
+textarea {
+    .form-element-input(@_type: textarea);
+    .form-element-textarea-resize();
+}
+

Form element inputs customization variables

     
@@ -717,60 +718,60 @@ 
Simple form with "require
             

-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -778,38 +779,38 @@ 
Simple form with "require
         

-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -817,14 +818,14 @@ 
Simple form with "require
         

-            
-            
+            
+            
-            
-            
+            
+            
@@ -832,32 +833,32 @@ 
Simple form with "require
         

-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -865,43 +866,43 @@ 
Simple form with "require
         

-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

         
@_type
             @form-element-input-type
             '' [input-text | select | textarea | input-radio | input-checkbox]Form control type.
@form-element-input-[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input-[] variables by default. Control-specific global variables can be set up separately.
@input-text-[] is used to set up input-text controls style
@select-[] is used to set up selects style
@textarea-[] is used to set up textarea style		Form control type.
@form-element-input__[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input__[] variables by default. Control-specific global variables can be set up separately.
@input-text__[] is used to set up input-text controls style
@select__[] is used to set up selects style
@textarea__[] is used to set up textarea style		
         

         

             @_background@form-element-input-background
@input-text-background
@selectbackground
@textarea-background		@color-white
@form-element-input-background
@form-element-input-background
@form-element-input-background		@form-element-input__background
@input-text__background
@selectbackground
@textarea__background		@color-white
@form-element-input__background
@form-element-input__background
@form-element-input__background		
             Form control background
         

         

             @_border@form-element-input-border
@input-text-border
@select-border
@textarea-border		1px solid @form-element-input-border-color
@form-element-input-border
@form-element-input-border
@form-element-input-border		@form-element-input__border
@input-text__border
@select__border
@textarea__border		1px solid @form-element-input__border-color
@form-element-input__border
@form-element-input__border
@form-element-input__border		
             Form control border
         

         

             @_border-radius@form-element-input-border-radius
@input-textborder-radius
@select-border-radius
@textarea-border-radius		1px
@form-element-input-border-radius
@form-element-input-border-radius
@form-element-input-border-radius		@form-element-input__border-radius
@input-textborder-radius
@select__border-radius
@textarea__border-radius		1px
@form-element-input__border-radius
@form-element-input__border-radius
@form-element-input__border-radius		
             Form control border radius
         

         

             @_height@form-element-input-height
@input-text-height
@select-height
@textarea-height		32px
@form-element-input-height
@form-element-input-height
auto		@form-element-input__height
@input-text__height
@select__height
@textarea__height		32px
@form-element-input__height
@form-element-input__height
auto		
             Form control height
         

         

             @_width@form-element-input-width
@input-text-width
@select-width
@textarea-width		100%
@form-element-input-width
@form-element-input-width
@form-element-input-width		@form-element-input__width
@input-text__width
@select__width
@textarea__width		100%
@form-element-input__width
@form-element-input__width
@form-element-input__width		
             Form control width
         

         

             @_margin@form-element-input-margin
@input-text-margin
@select-margin
@textarea-margin		false [true | false]
@form-element-input-margin
@form-element-input-margin
0		@form-element-input__margin
@input-text__margin
@select__margin
@textarea__margin		false [true | false]
@form-element-input__margin
@form-element-input__margin
0		
             Form control margin
         

         

             @_padding@form-element-input-padding
@input-text-padding 
@select-padding
@textarea-padding		0 9px
@form-element-input-padding
5px 10px 4px
@indent-s-base		@form-element-input__padding
@input-text__padding 
@select__padding
@textarea__padding		0 9px
@form-element-input__padding
5px 10px 4px
@indent__s		
             Form control padding
         

         

             @_vertical-align@form-element-input-vertical-align
@input-text-vertical-align
@select-vertical-align
@textarea-vertical-align		baseline
@form-element-input-vertical-align
@form-element-input-vertical-align
@form-element-input-vertical-align		@form-element-input__vertical-align
@input-text__vertical-align
@select__vertical-align
@textarea__vertical-align		baseline
@form-element-input__vertical-align
@form-element-input__vertical-align
@form-element-input__vertical-align		
             Form control vertical align
         

         

             @_background-clip@form-element-input-background-clip

@input-text-background-clip
@select-background-clip
@textarea-background-clip		padding-box
[padding-box | border-box | content-box]
@form-element-input-background-clip
@form-element-input-background-clip
@form-element-input-background-clip		@form-element-input__background-clip

@input-text__background-clip
@select__background-clip
@textarea__background-clip		padding-box
[padding-box | border-box | content-box]
@form-element-input__background-clip
@form-element-input__background-clip
@form-element-input__background-clip		
             Form control background clip
         

         

         

             @_color@form-element-input-color
@input-text-color
@select-color
@textarea-color		false
@form-element-input-color
@form-element-input-color
@form-element-input-color		@form-element-input__color
@input-text__color
@select__color
@textarea__color		false
@form-element-input__color
@form-element-input__color
@form-element-input__color		
             Form control text color
         

         

             @_font-size@form-element-input-font-size
@input-text-font-size
@select-font-size
@textarea-font-size		@font-size-base
@form-element-input-font-size
@form-element-input-font-size
@form-element-input-font-size		@form-element-input__font-size
@input-text__font-size
@select__font-size
@textarea__font-size		@font-size__base
@form-element-input__font-size
@form-element-input__font-size
@form-element-input__font-size		
             Form control font size
         

         

             @_font-family@form-element-input-font-family
@input-text-font-family
@select-font-family
@textarea-font-family		@font-family-base
@form-element-input-font-family
@form-element-input-font-family
@form-element-input-font-family		@form-element-input__font-family
@input-text__font-family
@select__font-family
@textarea__font-family		@font-family__base
@form-element-input__font-family
@form-element-input__font-family
@form-element-input__font-family		
             Form control font family
         

         

             @_font-weight@form-element-input-font-weight
@input-text-font-weight
@select-font-weight
@textarea-font-weight		false
@form-element-input-font-weight
@form-element-input-font-weight
@form-element-input-font-weight		@form-element-input__font-weight
@input-text__font-weight
@select__font-weight
@textarea__font-weight		false
@form-element-input__font-weight
@form-element-input__font-weight
@form-element-input__font-weight		
             Form control font weight
         

         

             @_font-style@form-element-input-font-style
@input-text-font-style
@selectfont-style
@textarea-font-style		false
@form-element-input-font-style
@form-element-input-font-style
@form-element-input-font-style		@form-element-input__font-style
@input-text__font-style
@selectfont-style
@textarea__font-style		false
@form-element-input__font-style
@form-element-input__font-style
@form-element-input__font-style		
             Form control font style
         

         

             @_line-height@form-element-input-line-height
@input-text-line-height
@select-line-height
@textarea-line-height		@line-height-base
@form-element-input-line-height
@form-element-input-line-height
@form-element-input-line-height		@form-element-input__line-height
@input-text__line-height
@select__line-height
@textarea__line-height		@line-height__base
@form-element-input__line-height
@form-element-input__line-height
@form-element-input__line-height		
             Form control line height
         

         

         

             @_placeholder-color@form-element-input-placeholder-color
@input-text-placeholder-color
@select-placeholder-color
@textarea-placeholder-color		#c2c2c2
@form-element-input-placeholder-color
@form-element-input-placeholder-color
@form-element-input-placeholder-color		@form-element-input-placeholder__color
@input-text-placeholder__color
@select-placeholder__color
@textarea-placeholder__color		#c2c2c2
@form-element-input-placeholder__color
@form-element-input-placeholder__color
@form-element-input-placeholder__color		
             Form control placeholder color
         

         

             @_placeholder-font-style@form-element-input-placeholder-font-style
@inputtext-placeholder-font-style
@select-placeholder-font-style
@textarea-placeholder-font-style		@form-element-input-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style		@form-element-input-placeholder__font-style
@inputtext-placeholder-font-style
@select-placeholder__font-style
@textarea-placeholder__font-style		@form-element-input__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style		
             Form control placeholder font style
         

         

         

             @_disabled-background@form-element-input-disabled-background
@inputtextdisabled-background
@select-disabled-background
@textarea-disabled-background		@form-element-input-background
@form-element-input-disabled-background
@form-element-input-disabled-background
@form-element-input-disabled-background		@form-element-input__disabled__background
@inputtextdisabled-background
@select__disabled__background
@textarea__disabled__background		@form-element-input__background
@form-element-input__disabled__background
@form-element-input__disabled__background
@form-element-input__disabled__background		
             Disabled form element background
         

         

             @_disabled-border@form-element-input-disabled-border
@input-text-disabled-border
@select-disabled-border
@textarea-disabled-border		@form-element-input-border
@form-element-input-disabled-border
@form-element-input-disabled-border
@form-element-input-disabled-border		@form-element-input__disabled__border
@input-text__disabled__border
@select__disabled__border
@textarea__disabled__border		@form-element-input__border
@form-element-input__disabled__border
@form-element-input__disabled__border
@form-element-input__disabled__border		
             Disabled form element border
         

         

             @_disabled-opacity@form-element-input-disabled-opacity
@input-text-disabled-opacity
@select-disabled-opacity
@textarea-disabled-opacity		.5
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity		@form-element-input__disabled__opacity
@input-text__disabled__opacity
@select__disabled__opacity
@textarea__disabled__opacity		.5
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity		
             Disabled form element opacity
         

         

             @_disabled-color@form-element-input-disabled-color
@input-text-disabled-color
@select-disabled-color
@textarea-disabled-color		@form-element-input-color
@form-element-input-disabled-color
@form-element-input-disabled-color
@form-element-input-disabled-color		@form-element-input__disabled__color
@input-text__disabled__color
@select__disabled__color
@textarea__disabled__color		@form-element-input__color
@form-element-input__disabled__color
@form-element-input__disabled__color
@form-element-input__disabled__color		
             Disabled form element text color
         

         

             @_disabled-font-style@form-element-input-disabled-font-style
@input-text-disabled-font-style
@select-disabled-font-style
@textarea-disabled-font-style		@form-element-input-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style		@form-element-input__disabled__font-style
@input-text__disabled__font-style
@select__disabled__font-style
@textarea__disabled__font-style		@form-element-input__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style		
             Disabled form element font style
         

         

         

             @_focus-background@form-element-input-focus-background
@input-text-focus-background
@select-focus-background
@textarea-focus-background		@form-element-input-background
@form-element-input-focus-background
@form-element-input-focus-background
@form-element-input-focus-background		@form-element-input__focus__background
@input-text__focus__background
@select__focus__background
@textarea__focus__background		@form-element-input__background
@form-element-input__focus__background
@form-element-input__focus__background
@form-element-input__focus__background		
             Focused form element background
         

         

             @_focus-border@form-element-input-focus-border
@input-text-focus-border
@select-focus-border
@textarea-focus-border		@form-element-input-border
@form-element-input-focus-border
@form-element-input-focus-border
@form-element-input-focus-border		@form-element-input__focus__border
@input-text__focus__border
@select__focus__border
@textarea__focus__border		@form-element-input__border
@form-element-input__focus__border
@form-element-input__focus__border
@form-element-input__focus__border		
             Focused form element border
         

         

             @_focus-color@form-element-input-focus-color
@input-text-focus-color
@select-focus-color
@textarea-focus-color		@form-element-input-color
@form-element-input-focus-color
@form-element-input-focus-color
@form-element-input-focus-color		@form-element-input__focus__color
@input-text__focus__color
@select__focus__color
@textarea__focus__color		@form-element-input__color
@form-element-input__focus__color
@form-element-input__focus__color
@form-element-input__focus__color		
             Focused form element color
         

         

             @_focus-font-style@form-element-input-focus-font-style
@input-text-focus-font-style
@select-focus-font-style
@textarea-focus-font-style		@form-element-input-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style		@form-element-input__focus__font-style
@input-text__focus__font-style
@select__focus__font-style
@textarea__focus__font-style		@form-element-input__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style		
             Focused form element font style
-

Form element choice

+

Form element choice

The .form-element-choise() mixin is used to customize checkboxes and radio buttons.

-

-input[type="checkbox"] {
-    .form-element-choice(@_type: input-checkbox);
-}
-
-input[type="radio"] {
-    .form-element-choice(@_type: input-radio);
-}
-

Form element choice variables

+

+input[type="checkbox"] {
+    .form-element-choice(@_type: input-checkbox);
+}
+
+input[type="radio"] {
+    .form-element-choice(@_type: input-radio);
+}
+

Form element choice variables

     
@@ -912,31 +913,31 @@ 
Simple form with "require
         

-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

         

         

             @_type@form-element-choice-type@form-element-choice__type
             '' ['' | radio | checkbox]
             Choice element type
         

         

             @_vertical-align@form-element-choice-vertical-align
@input-radio-vertical-align
@input-checkbox-vertical-align		false
@form-element-choice-vertical-align
@form-element-choice-vertical-align		@form-element-choice__vertical-align
@input-radio__vertical-align
@input-checkbox__vertical-align		false
@form-element-choice__vertical-align
@form-element-choice__vertical-align		
             Choice element vertical align
         

         

             @_margin@form-element-choice-margin
@input-radio-margin
@input-checkbox-margin		2px @indent-xs-base 0 0
@form-element-choice-margin
@form-element-choice-margin		@form-element-choice__margin
@input-radio__margin
@input-checkbox__margin		2px @indent__xs 0 0
@form-element-choice__margin
@form-element-choice__margin		
             Choice element margin
         

         

             @_disabled-opacity@form-element-choice-disabled-opacity
@input-radio-disabled-opacity
@input-checkbox-disabled-opacity		@form-element-input-disabled-opacity
@form-element-choice-disabled-opacity
@form-element-choice-disabled-opacity		@form-element-choice__disabled__opacity
@input-radio__disabled__opacity
@input-checkbox__disabled__opacity		@form-element-input__disabled__opacity
@form-element-choice__disabled__opacity
@form-element-choice__disabled__opacity		
             Disabled choice element opacity
-

Custom color

+

Custom color

The .form-element-color() mixin is used to set form elements background and color.

  @_border-color: ''
   @_background: ''
@@ -952,37 +953,37 @@ 
Simple form with "require
   <input type="text" class="text text-example-1" placeholder="placeholder, type = text, disabled" disabled="disabled" /><br /><br />
   <select class="select-example-1"><option>type = select</option><option>option</option></select><br /><br />
   <textarea class="textarea-example-1" placeholder="placeholder, type = textarea"></textarea>
-

-input.text-example-1,
-select.select-example-1,
-textarea.textarea-example-1 {
-    .form-element-color(
-        @_background: #fdf0d5,
-        @_border-color: #fc0,
-        @_color: #b30000,
-        @_focus-color: #060,
-        @_focus-border-color: #cff,
-        @_disabled-color: #fcc
-    );
-}
-
-input.text-example-1,
-textarea.textarea-example-1 {
-    .form-element-color(
-        @_placeholder-color: #ccc
-    );
-}
-

Input number - input-text view

+

+input.text-example-1,
+select.select-example-1,
+textarea.textarea-example-1 {
+    .form-element-color(
+        @_background: #fdf0d5,
+        @_border-color: #fc0,
+        @_color: #b30000,
+        @_focus-color: #060,
+        @_focus-border-color: #cff,
+        @_disabled-color: #fcc
+    );
+}
+
+input.text-example-1,
+textarea.textarea-example-1 {
+    .form-element-color(
+        @_placeholder-color: #ccc
+    );
+}
+

Input number - input-text view

-
.number-example {
-    .form-element-number-reset();
-}
-

Input search - input-text view

+
.number-example {
+    .form-element-number-reset();
+}
+

Input search - input-text view

-
.search-example {
-    .form-element-search-reset();
-}
-

Form validation

+
.search-example {
+    .form-element-search-reset();
+}
+

Form validation

The .form-validation-note() mixin is used to customize form validation error messages.

-
input,
-textarea,
-select {
-    .form-validation-note();
-}
-

Form validation variables// 

+
input,
+textarea,
+select {
+    .form-validation-note();
+}
+

Form validation variables//  

 
  

-

+

diff --git a/lib/web/css/docs/icons.html b/lib/web/css/docs/icons.html
index 72b5d545276b5..c20166dc31e9f 100644
--- a/lib/web/css/docs/icons.html
+++ b/lib/web/css/docs/icons.html
@@ -1,11 +1,12 @@
-
+
+
 icons | Magento UI Library
-
Icons

+
Icons

 
  Icons can be represented by using the fonts, images, or sprites.

 
  An icon can be added to any HTML tag. For this purpose you need to use additional <span> tag within your tag. This additional tag serves for displaying an icon without visible text, thus following the accessibility requirements. Then you need to apply appropriate icon mixin for this tag's class. Icon can be added both before and after element's text. Also, icon can be displayed instead of element's text (in this case the text is hidden).

 
  There are two ways to insert icon: first you can use sprite or image, second you can use an icon font. Magento UI library provides mixins for both of them.

@@ -20,59 +21,59 @@
   <a href="#" class="example-icon-5"><span>font icon after the text</span></a>
   <br>
   <a href="#" class="example-icon-6" title="font icon instead of the text"><span>icon instead of the text</span></a>
-

-.example-icon-1 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-}
-
-.example-icon-2 {
-    .icon-image(
-        @_icon-image: '@{baseDir}images/blank-theme-icons.png',
-        @_icon-image-position-x: -26px,
-        @_icon-image-position-y: 0,
-        @_icon-image-position: after
-   );
-}
-
-.example-icon-3 {
-    .icon-image(
-        @_icon-image: '@{baseDir}images/blank-theme-icons.png',
-        @_icon-image-position-x: -156px,
-        @_icon-image-position-y: -52px,
-        @_icon-image-text-hide: true
-   );
-}
-
-.example-icon-4 {
-    .icon-font(
-        @_icon-font-content: @icon-settings,
-        @_icon-font-size: 24px
-   );
-}
-
-.example-icon-5 {
-    .icon-font(
-        @_icon-font-content: @icon-star,
-        @_icon-font-size: 24px,
-        @_icon-font-position: after
-   );
-}
-
-.example-icon-6 {
-    .icon-font(
-        @_icon-font-content: @icon-flag,
-        @_icon-font-size: 24px,
-        @_icon-font-text-hide: true
-   );
-}
-
Icon with image or sprite

+

+.example-icon-1 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+}
+
+.example-icon-2 {
+    .icon-image(
+        @_icon-image: '@{baseDir}images/blank-theme-icons.png',
+        @_icon-image-position-x: -26px,
+        @_icon-image-position-y: 0,
+        @_icon-image-position: after
+   );
+}
+
+.example-icon-3 {
+    .icon-image(
+        @_icon-image: '@{baseDir}images/blank-theme-icons.png',
+        @_icon-image-position-x: -156px,
+        @_icon-image-position-y: -52px,
+        @_icon-image-text-hide: true
+   );
+}
+
+.example-icon-4 {
+    .icon-font(
+        @_icon-font-content: @icon-settings,
+        @_icon-font-size: 24px
+   );
+}
+
+.example-icon-5 {
+    .icon-font(
+        @_icon-font-content: @icon-star,
+        @_icon-font-size: 24px,
+        @_icon-font-position: after
+   );
+}
+
+.example-icon-6 {
+    .icon-font(
+        @_icon-font-content: @icon-flag,
+        @_icon-font-size: 24px,
+        @_icon-font-text-hide: true
+   );
+}
+

Icon with image or sprite

 
  the .icon-image() mixin is used to create icons using single image or sprite. It has one mandatory parameter - @_icon-image. This parameter accepts the path to an image or sprite.

 
-

-.example-icon-7 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-}
-
Icon with image or sprite variables

+

+.example-icon-7 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+}
+

Icon with image or sprite variables

   
     
@@ -137,28 +138,28 @@
       

       

     

   

-
Icon position for an icon with image or sprite

+


Icon position for an icon with image or sprite

 
  To change the position for icons with image the .icon-image-position() mixin is used. By managing its @_icon-image-position-x and @_icon-image-position-y variables you can move the image on element's background. The @_icon-image-position variable is used to define the position of icon (before or after the element).

 
-

-.example-icon-8 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-    .icon-image-position(
-        @_icon-image-position-x: -182px
-   );
-}
-
-.example-icon-9 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png', @_icon-image-position: after);
-    .icon-image-position(
-        @_icon-image-position-x: -52px,
-        @_icon-image-position-y: -26px,
-        @_icon-image-position: after
-   );
-}
-
Position for icon with image or sprite mixin variables

+

+.example-icon-8 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+    .icon-image-position(
+        @_icon-image-position-x: -182px
+   );
+}
+
+.example-icon-9 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png', @_icon-image-position: after);
+    .icon-image-position(
+        @_icon-image-position-x: -52px,
+        @_icon-image-position-y: -26px,
+        @_icon-image-position: after
+   );
+}
+

Position for icon with image or sprite mixin variables

   
     
@@ -187,15 +188,15 @@
       

       

     

   

-
Icon sprite position (with grid)

+


Icon sprite position (with grid)

 
  Mixin .icon-sprite-position() is used to manage the position of sprite background image. It assumes the use of a single sprite image with individual images placed on a regular grid.

 
-

-.example-icon-10 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-    .icon-sprite-position(4, 0);
-}
-
Icon sprite position variables

+

+.example-icon-10 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+    .icon-sprite-position(4, 0);
+}
+

Icon sprite position variables

   
     
@@ -230,18 +231,18 @@
       

     

     

   

-
Image/sprite icon size

+


Image/sprite icon size

 
  Mixin .icon-image-size() is used to change the image/sprite icon size

 
-

-.example-icon-11 {
-    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-    .icon-image-size(30px, 30px);
-    &:before {
-        background-color: #f1f1f1;
-    }
-}
-
Image/sprite icon size variables

+

+.example-icon-11 {
+    .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+    .icon-image-size(30px, 30px);
+    &:before {
+        background-color: #f1f1f1;
+    }
+}
+

Image/sprite icon size variables

   
     
@@ -273,14 +274,14 @@
 
Font icon

 
  The .icon-font() mixin is used to create icons using font icons. It has one mandatory parameter - @_icon-font-content. This parameter accepts the font icon code.

 
-

-.example-icon-12 {
-    .icon-font(
-        @icon-calendar,
-        @_icon-font-size: 28px
-   );
-}
-
Font icon variables

+

+.example-icon-12 {
+    .icon-font(
+        @icon-calendar,
+        @_icon-font-size: 28px
+   );
+}
+

Font icon variables

   
     

       

@@ -297,7 +298,7 @@
       
-        
+        
@@ -309,7 +310,7 @@
       
-        
+        
@@ -333,25 +334,25 @@
       
-        
+        
-        
+        
-        
+        
-        
+        
@@ -363,17 +364,17 @@
       

       

       

         @_icon-font@icon-font-name@icons__font-name
         '' | false | value
         The icon font
       

       

         @_icon-font-line-height@icon-font-size@icon-font__size
         '' | false | value
         Font icon line height
       

       

         @_icon-font-margin@icon-margin@icon__margin
         '' | false | value
         Font icon margin
       

       

         @_icon-font-vertical-align@icon-vertical-align@icon__vertical-align
         '' | false | value
         Font icon vertical align
       

       

         @_icon-font-position@icon-position@icon__position
         before | after
         Font icon position
       

       

         @_icon-font-text-hide@icon-text-hide@icon__text-hide
         true | false
         The text of the element is replaced with the icon(true), or the icon is on the side of the text (false)
       

     

   

-
Change the size of font icon

+


Change the size of font icon

 
  The .icon-font-size() mixin is used to change size of the font icon which is already defined. The mixin generates only new font size and line height without any other options. @_icon-font-position variable is used to define the position of icon (before or after the element) which we want to set font size of.

 
-

-.example-icon-13 {
-    .icon-font(@icon-calendar);
-    .icon-font-size(
-        @_icon-font-size: 26px
-   );
-}
-
Change the size of font icon variables

+

+.example-icon-13 {
+    .icon-font(@icon-calendar);
+    .icon-font-size(
+        @_icon-font-size: 26px
+   );
+}
+

Change the size of font icon variables

   
     
@@ -390,7 +391,7 @@
       
-        
+        
@@ -405,15 +406,15 @@
 
Hide icon text

 
  The .icon-text-hide() mixin can be used separately to hide text of an element that has an icon text. This mixin accepts no variables.

 
-

-.example-icon-14 {
-    .icon-font(
-        @icon-envelope,
-        @_icon-font-size: 26px
-   );
-    .icon-text-hide();
-}
-
Sprite and font icons for Blank theme

+

+.example-icon-14 {
+    .icon-font(
+        @icon-envelope,
+        @_icon-font-size: 26px
+   );
+    .icon-text-hide();
+}
+

Sprite and font icons for Blank theme

 
  You can use the icons designed to our Blank theme, which are also available in two variants: sprite and font

 
Icons using sprite

 
-

-.icons-image-list {
-    list-style: none;
-    padding: 0;
-    li {
-        float: left;
-        width: 33%;
-        > span {
-            .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
-        }
-        .icon-search {
-            .icon-sprite-position(0, 0);
-        }
-        .icon-cart {
-            .icon-sprite-position(1, 0);
-        }
-        .icon-arrow-down {
-            .icon-sprite-position(2, 0);
-        }
-        .icon-arrow-up {
-            .icon-sprite-position(3, 0);
-        }
-        .icon-grid {
-            .icon-sprite-position(4, 0);
-        }
-        .icon-list {
-            .icon-sprite-position(5, 0);
-        }
-        .icon-remove {
-            .icon-sprite-position(6, 0);
-        }
-        .icon-star {
-            .icon-sprite-position(7, 0);
-        }
-        .icon-pointer-down {
-            .icon-sprite-position(8, 0);
-        }
-        .icon-pointer-up {
-            .icon-sprite-position(9, 0);
-        }
-        .icon-pointer-left {
-            .icon-sprite-position(10, 0);
-        }
-        .icon-pointer-right {
-            .icon-sprite-position(11, 0);
-        }
-        .icon-compare-empty {
-            .icon-sprite-position(0, 1);
-        }
-        .icon-compare-full {
-            .icon-sprite-position(1, 1);
-        }
-        .icon-wishlist-empty {
-            .icon-sprite-position(2, 1);
-        }
-        .icon-wishlist-full {
-            .icon-sprite-position(3, 1);
-        }
-        .icon-update {
-            .icon-sprite-position(4, 1);
-        }
-        .icon-collapse {
-            .icon-sprite-position(5, 1);
-        }
-        .icon-expand {
-            .icon-sprite-position(6, 1);
-        }
-        .icon-menu {
-            .icon-sprite-position(7, 1);
-        }
-        .icon-prev {
-            .icon-sprite-position(8, 1);
-        }
-        .icon-next {
-            .icon-sprite-position(9, 1);
-        }
-        .icon-settings {
-            .icon-sprite-position(10, 1);
-        }
-        .icon-info {
-            .icon-sprite-position(11, 1);
-        }
-        .icon-checkmark {
-            .icon-sprite-position(0, 2);
-        }
-        .icon-calendar {
-            .icon-sprite-position(1, 2);
-        }
-        .icon-comment {
-            .icon-sprite-position(2, 2);
-        }
-        .icon-comment-reflected {
-            .icon-sprite-position(3, 2);
-        }
-        .icon-envelope {
-            .icon-sprite-position(4, 2);
-        }
-        .icon-warning {
-            .icon-sprite-position(5, 2);
-        }
-        .icon-trash {
-            .icon-sprite-position(6, 2);
-        }
-        .icon-flag {
-            .icon-sprite-position(7, 2);
-        }
-        .icon-location {
-            .icon-sprite-position(8, 2);
-        }
-        .icon-up {
-            .icon-sprite-position(9, 2);
-        }
-        .icon-down {
-            .icon-sprite-position(10, 2);
-        }
-    }
-}
-
-@icon-wishlist-full: '\e600';
-@icon-wishlist-empty: '\e601';
-@icon-warning: '\e602';
-@icon-update: '\e603';
-@icon-trash: '\e604';
-@icon-star: '\e605';
-@icon-settings: '\e606';
-@icon-pointer-down: '\e607';
-@icon-next: '\e608';
-@icon-menu: '\e609';
-@icon-location: '\e60a';
-@icon-list: '\e60b';
-@icon-info: '\e60c';
-@icon-grid: '\e60d';
-@icon-comment-reflected: '\e60e';
-@icon-collapse: '\e60f';
-@icon-checkmark: '\e610';
-@icon-cart: '\e611';
-@icon-calendar: '\e612';
-@icon-arrow-up: '\e613';
-@icon-arrow-down: '\e614';
-@icon-search: '\e615';
-@icon-remove: '\e616';
-@icon-prev: '\e617';
-@icon-pointer-up: '\e618';
-@icon-pointer-right: '\e619';
-@icon-pointer-left: '\e61a';
-@icon-flag: '\e61b';
-@icon-expand: '\e61c';
-@icon-envelope: '\e61d';
-@icon-compare-full: '\e61e';
-@icon-compare-empty: '\e61f';
-@icon-comment: '\e620';
-@icon-up: '\e621';
-@icon-down: '\e622';
-@icon-arrow-up-thin: '\e623';
-@icon-arrow-right-thin: '\e624';
-@icon-arrow-left-thin: '\e625';
-@icon-arrow-down-thin: '\e626';
-
-.icons-font-list {
-    list-style: none;
-    padding: 0;
-    li {
-        float: left;
-        width: 25%;
-        margin-bottom: 35px;
-        text-align: center;
-        > span {
-            .icon-font('', @_icon-font-size: 34px);
-            &:before {
-                content: attr(data-icon);
-                margin: 0 auto;
-                display: block;
-            }
-        }
-    }
-}

+

+.icons-image-list {
+    list-style: none;
+    padding: 0;
+    li {
+        float: left;
+        width: 33%;
+        > span {
+            .icon-image(@_icon-image: '@{baseDir}images/blank-theme-icons.png');
+        }
+        .icon-search {
+            .icon-sprite-position(0, 0);
+        }
+        .icon-cart {
+            .icon-sprite-position(1, 0);
+        }
+        .icon-arrow-down {
+            .icon-sprite-position(2, 0);
+        }
+        .icon-arrow-up {
+            .icon-sprite-position(3, 0);
+        }
+        .icon-grid {
+            .icon-sprite-position(4, 0);
+        }
+        .icon-list {
+            .icon-sprite-position(5, 0);
+        }
+        .icon-remove {
+            .icon-sprite-position(6, 0);
+        }
+        .icon-star {
+            .icon-sprite-position(7, 0);
+        }
+        .icon-pointer-down {
+            .icon-sprite-position(8, 0);
+        }
+        .icon-pointer-up {
+            .icon-sprite-position(9, 0);
+        }
+        .icon-pointer-left {
+            .icon-sprite-position(10, 0);
+        }
+        .icon-pointer-right {
+            .icon-sprite-position(11, 0);
+        }
+        .icon-compare-empty {
+            .icon-sprite-position(0, 1);
+        }
+        .icon-compare-full {
+            .icon-sprite-position(1, 1);
+        }
+        .icon-wishlist-empty {
+            .icon-sprite-position(2, 1);
+        }
+        .icon-wishlist-full {
+            .icon-sprite-position(3, 1);
+        }
+        .icon-update {
+            .icon-sprite-position(4, 1);
+        }
+        .icon-collapse {
+            .icon-sprite-position(5, 1);
+        }
+        .icon-expand {
+            .icon-sprite-position(6, 1);
+        }
+        .icon-menu {
+            .icon-sprite-position(7, 1);
+        }
+        .icon-prev {
+            .icon-sprite-position(8, 1);
+        }
+        .icon-next {
+            .icon-sprite-position(9, 1);
+        }
+        .icon-settings {
+            .icon-sprite-position(10, 1);
+        }
+        .icon-info {
+            .icon-sprite-position(11, 1);
+        }
+        .icon-checkmark {
+            .icon-sprite-position(0, 2);
+        }
+        .icon-calendar {
+            .icon-sprite-position(1, 2);
+        }
+        .icon-comment {
+            .icon-sprite-position(2, 2);
+        }
+        .icon-comment-reflected {
+            .icon-sprite-position(3, 2);
+        }
+        .icon-envelope {
+            .icon-sprite-position(4, 2);
+        }
+        .icon-warning {
+            .icon-sprite-position(5, 2);
+        }
+        .icon-trash {
+            .icon-sprite-position(6, 2);
+        }
+        .icon-flag {
+            .icon-sprite-position(7, 2);
+        }
+        .icon-location {
+            .icon-sprite-position(8, 2);
+        }
+        .icon-up {
+            .icon-sprite-position(9, 2);
+        }
+        .icon-down {
+            .icon-sprite-position(10, 2);
+        }
+    }
+}
+
+@icon-wishlist-full: '\e600';
+@icon-wishlist-empty: '\e601';
+@icon-warning: '\e602';
+@icon-update: '\e603';
+@icon-trash: '\e604';
+@icon-star: '\e605';
+@icon-settings: '\e606';
+@icon-pointer-down: '\e607';
+@icon-next: '\e608';
+@icon-menu: '\e609';
+@icon-location: '\e60a';
+@icon-list: '\e60b';
+@icon-info: '\e60c';
+@icon-grid: '\e60d';
+@icon-comment-reflected: '\e60e';
+@icon-collapse: '\e60f';
+@icon-checkmark: '\e610';
+@icon-cart: '\e611';
+@icon-calendar: '\e612';
+@icon-arrow-up: '\e613';
+@icon-arrow-down: '\e614';
+@icon-search: '\e615';
+@icon-remove: '\e616';
+@icon-prev: '\e617';
+@icon-pointer-up: '\e618';
+@icon-pointer-right: '\e619';
+@icon-pointer-left: '\e61a';
+@icon-flag: '\e61b';
+@icon-expand: '\e61c';
+@icon-envelope: '\e61d';
+@icon-compare-full: '\e61e';
+@icon-compare-empty: '\e61f';
+@icon-comment: '\e620';
+@icon-up: '\e621';
+@icon-down: '\e622';
+@icon-arrow-up-thin: '\e623';
+@icon-arrow-right-thin: '\e624';
+@icon-arrow-left-thin: '\e625';
+@icon-arrow-down-thin: '\e626';
+
+.icons-font-list {
+    list-style: none;
+    padding: 0;
+    li {
+        float: left;
+        width: 25%;
+        margin-bottom: 35px;
+        text-align: center;
+        > span {
+            .icon-font('', @_icon-font-size: 34px);
+            &:before {
+                content: attr(data-icon);
+                margin: 0 auto;
+                display: block;
+            }
+        }
+    }
+}


diff --git a/lib/web/css/docs/index.html b/lib/web/css/docs/index.html
index a1f28b666a155..f9dfcd6fb7552 100644
--- a/lib/web/css/docs/index.html
+++ b/lib/web/css/docs/index.html
@@ -4,8 +4,9 @@
  * See COPYING.txt for license details.
  */
 -->
+
 Magento UI Library
-
Magento UI library

+
Magento UI library

 
The Magento UI library is a flexible modular Magento frontend library that is designed to assist Magento theme developers. It employs a set of mixins for base elements to ease frontend theme development and customization. The Magento UI library offers the following characteristics for those who develop or customize Magento themes. It is:

 
    
 
  • Built on LESS preprocessor
    • 
@@ -51,11 +52,10 @@ 
    Magento UI library structure
    
     ├── css/
     │    ├── docs/ (Library documentation)
     │    │    ├── source/
-    │    │    │    ├── abstract.less
     │    │    │    ├── actions-toolbar.less
     │    │    │    ├── breadcrumbs.less
     │    │    │    ├── buttons.less
-    │    │    │    ├── docks.less
+    │    │    │    ├── docs.less
     │    │    │    ├── dropdowns.less
     │    │    │    ├── forms.less
     │    │    │    ├── icons.less
@@ -75,7 +75,7 @@ 
    Magento UI library structure
    
     │    │    │    ├── utilities.less
     │    │    │    ├── variables.less
     │    │    │    └── README.md
-    │    │    ├─── abstract.html
+    │    │    ├─── extends.html
     │    │    ├─── actions-toolbar.html
     │    │    ├─── breadcrumbs.html
     │    │    ├─── buttons.html
@@ -102,30 +102,31 @@ 
    Magento UI library structure
    
     │    │    └─── variables.html
     │    ├── source/
     │    │    ├── lib/ (Library source files)
-    │    │    │    ├── abstract.less
-    │    │    │    ├── actions-toolbar.less
-    │    │    │    ├── breadcrumbs.less
-    │    │    │    ├── buttons.less
-    │    │    │    ├── dropdowns.less
-    │    │    │    ├── forms.less
-    │    │    │    ├── icons.less
-    │    │    │    ├── layout.less
-    │    │    │    ├── lib.less
-    │    │    │    ├── loaders.less
-    │    │    │    ├── messages.less
-    │    │    │    ├── navigation.less
-    │    │    │    ├── pages.less
-    │    │    │    ├── popups.less
-    │    │    │    ├── rating.less
-    │    │    │    ├── resets.less
-    │    │    │    ├── responsive.less
-    │    │    │    ├── sections.less
-    │    │    │    ├── tables.less
-    │    │    │    ├── tooltips.less
-    │    │    │    ├── typography.less
-    │    │    │    ├── utilities.less
-    │    │    │    └── variables.less
-    │    │    └── theme.less
+    │    │    │    ├── _extends.less
+    │    │    │    ├── _actions-toolbar.less
+    │    │    │    ├── _breadcrumbs.less
+    │    │    │    ├── _buttons.less
+    │    │    │    ├── _dropdowns.less
+    │    │    │    ├── _forms.less
+    │    │    │    ├── _icons.less
+    │    │    │    ├── _layout.less
+    │    │    │    ├── _lib.less
+    │    │    │    ├── _loaders.less
+    │    │    │    ├── _messages.less
+    │    │    │    ├── _navigation.less
+    │    │    │    ├── _pages.less
+    │    │    │    ├── _popups.less
+    │    │    │    ├── _rating.less
+    │    │    │    ├── _resets.less
+    │    │    │    ├── _responsive.less
+    │    │    │    ├── _sections.less
+    │    │    │    ├── _tables.less
+    │    │    │    ├── _tooltips.less
+    │    │    │    ├── _typography.less
+    │    │    │    ├── _utilities.less
+    │    │    │    └── _variables.less
+    │    │    ├── _extend.less
+    │    │    └── _theme.less
     │    └── styles.less
     ├── fonts/
     │    └── Blank-Theme-Icons/ (Library custom icons font)
@@ -202,4 +203,4 @@ 
    Unacceptable:
    
 
  • Shorthands for hexadecimal colors are used
    • 
 
  • The code has a 4 spaces indent
    • 
 

-

+

diff --git a/lib/web/css/docs/layout.html b/lib/web/css/docs/layout.html
index ecf4e43258ed7..6b7c84479eec2 100644
--- a/lib/web/css/docs/layout.html
+++ b/lib/web/css/docs/layout.html
@@ -1,29 +1,30 @@
-
+
+
 layout | Magento UI Library
-
Layout

+
Layout

 
  Magento UI library provides mixins for flexible page layout customization. For simple quick layout customization global layout variables are used.

-

-header.header {
-    background-color: rgba(255, 0, 0, .2);
-}
-.column.main {
-    background-color: rgba(255, 255, 0, .2);
-}
-.column.left {
-    background-color: rgba(0, 255, 255, .2);
-}
-.column.right {
-    background-color: rgba(0, 0, 255, .2);
-}
-footer.footer {
-    background-color: rgba(0, 0, 0, .2);
-}
-
Layout global variables

+

+header.header {
+    background-color: rgba(255, 0, 0, .2);
+}
+.column.main {
+    background-color: rgba(255, 255, 0, .2);
+}
+.column.left {
+    background-color: rgba(0, 255, 255, .2);
+}
+.column.right {
+    background-color: rgba(0, 0, 255, .2);
+}
+footer.footer {
+    background-color: rgba(0, 0, 0, .2);
+}
+

Layout global variables

   
     

       

       

         @_icon-font-line-height@icon-font-size@icon-font__size
         '' | false | value
         Font icon line height
       

@@ -33,19 +34,19 @@
             
-            
+            
-            
+            
-            
+            
@@ -60,13 +61,13 @@
             
-            
+            
-            
+            
@@ -96,26 +97,26 @@
             
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -123,26 +124,26 @@
             
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -163,7 +164,7 @@
         

         
Comment
         

         
@layout-width@layout__width
             ''
             '' | false | value
             Page minimum width
         

         
@layout-max-width@layout__max-width
             1280px
             '' | false | value
             Page maximum width
         

         
@layout-indent@layout-indent__width
             20px
             '' | false | value
             Page indents on the left and rightClass name for one column layout
         

         
@layout-class-2columns-left@layout-class-2columns__left
             page-layout-2columns-left
             '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
             Class name for two columns layout with left sidebar
         

         
@layout-class-2columns-right@layout-class-2columns__right
             page-layout-2columns-right
             '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
             Class name for two columns layout with right sidebarVariables for layout columns
         

         
@layout-columns-width@layout-column__width
             @total-columns
             '' | false | value
             Sets base columns number
         

         
@layout-column-sidebar-width@layout-column__sidebar-width
             2
             '' | false | value
             Sets sidebar width
         

         
@layout-column-left-width@layout-column-sidebar-width@layout-column__left-width@layout-column__sidebar-width
             '' | false | value
             Sets left column width
         

         
@layout-column-right-width@layout-column-sidebar-width@layout-column__right-width@layout-column__sidebar-width
             '' | false | value
             Sets right column width
         
Variables for layout columns depending on layout used
         

         
@layout-column-main-width-1@layout-column-main__width-1
             100%
             '' | false | value
             Sets one column width
         

         
@layout-column-main-width-2-left@layout-columns-width - @layout-column-left-width@layout-column-main__width-2-left@layout-column__width - @layout-column__left-width
             '' | false | value
             Sets left column width
         

         
@layout-column-main-width-2-right@layout-columns-width - @layout-column-right-width@layout-column-main__width-2-right@layout-column__width - @layout-column__right-width
             '' | false | value
             Sets right column width
         

         
@layout-column-main-width-3@layout-columns-width - @layout-column-left-width - @layout-column-right-width@layout-column-main__width-3@layout-column__width - @layout-column__left-width - @layout-column__right-width
             '' | false | value
             Sets three columns layout main column width
         

     

   

-
Page layouts

+


Page layouts

 
  Default properties for page columns are generated using alias mixins:

 
  #layout-columns - sets columns container

 
  #layout-columns > .main() - alias for main column

@@ -212,29 +213,29 @@ 
Three columns page layout

     </section>
     <footer class="footer">Footer</footer>
   </div>
-

-.columns {
-    #layout-columns();
-    > .column {
-        &:extend(.add-box-sizing all);
-        .css(padding-bottom, @indent-xl-base);
-    }
-}
-
-@media (min-width: 600px) {
-    .column.main {
-        #layout-columns > .main();
-    }
-
-    .column.left {
-        #layout-columns > .left();
-    }
-
-    .column.right {
-        #layout-columns > .right();
-    }
-}
-
Layout column

+

+.columns {
+    #layout-columns();
+    > .column {
+        &:extend(.add-box-sizing all);
+        .css(padding-bottom, @indent__xl);
+    }
+}
+
+@media (min-width: 600px) {
+    .column.main {
+        #layout-columns > .main();
+    }
+
+    .column.left {
+        #layout-columns > .left();
+    }
+
+    .column.right {
+        #layout-columns > .right();
+    }
+}
+

Layout column

 
  The .layout-column() mixin is used to setup page columns. It configures number, position and width of columns

 
  3 columns layout example:

 
-

-.layout-example-3 {
-    .column.main {
-        .layout-column(3, 2, 60%);
-    }
-    .column.left {
-        .layout-column(3, 1, 20%);
-    }
-    .column.right {
-        .layout-column(3, 3, 20%);
-    }
-}
-
-.layout-example-3-1 {
-    .column.main {
-        .layout-column(3, 1, 60%);
-    }
-    .column.left {
-        .layout-column(3, 2, 20%);
-    }
-    .column.right {
-        .layout-column(3, 3, 20%);
-    }
-}
-
Layout column variables

+

+.layout-example-3 {
+    .column.main {
+        .layout-column(3, 2, 60%);
+    }
+    .column.left {
+        .layout-column(3, 1, 20%);
+    }
+    .column.right {
+        .layout-column(3, 3, 20%);
+    }
+}
+
+.layout-example-3-1 {
+    .column.main {
+        .layout-column(3, 1, 60%);
+    }
+    .column.left {
+        .layout-column(3, 2, 20%);
+    }
+    .column.right {
+        .layout-column(3, 3, 20%);
+    }
+}
+

Layout column variables

   
     
@@ -298,7 +299,7 @@ 
Three columns page layout

-            
+            
@@ -314,10 +315,10 @@ 
Three columns page layout

         

             Comment
         

         
@_layout-min-width @_layout__min-width 
             number
             Number of total columns in layout (i.e. 1, 2, 3)
         

         
     

   

-

-
Layout width

+

+

Layout width

 
  The .layout-width() mixin is used to set default page width of the element the mixin is applyed to. It can be used to set width for the whole page wrapper or for the page elements individualy like header, footer, and so on.

-
Layout width variables

+


Layout width variables

   
     
@@ -327,23 +328,23 @@ 
Three columns page layout

-            
+            
-            
+            
-            
+            

         

             Comment
         

         
@_layout-min-width@_layout__min-width
             ''
             '' | false | value
             Page minimum width
         

         
@_layout-max-width@_layout__max-width
             1280px
             '' | false | value
             Page maximum width
         

         
@_layout-indent@_layout__indent
             20px
             '' | false | value
             Page indents on the left and right
         

     

   

-

+

diff --git a/lib/web/css/docs/lib.html b/lib/web/css/docs/lib.html
index 92cb6ff29bcd4..e5d7220474462 100644
--- a/lib/web/css/docs/lib.html
+++ b/lib/web/css/docs/lib.html
@@ -4,9 +4,10 @@
  * See COPYING.txt for license details.
  */
 -->
+
 lib | Magento UI Library
-
Including Magento UI library to your theme

-
  The lib.less file contains the includes of all Magento UI library files. To use Magento UI library in your theme add the following directive to the theme’s styles.less:

-
  @import "source/lib/lib.less";

+
Including Magento UI library to your theme

+
  The _lib.less file contains the includes of all Magento UI library files. To use Magento UI library in your theme add the following directive to the theme’s styles.less:

+
  @import 'source/lib/_lib';

 
  The lib.less file is designed to avoid manual adding of each Magento UI library file import instruction to your theme.

-

+

diff --git a/lib/web/css/docs/loaders.html b/lib/web/css/docs/loaders.html
index 6aa563f06265b..09f4fa11ed32c 100644
--- a/lib/web/css/docs/loaders.html
+++ b/lib/web/css/docs/loaders.html
@@ -1,11 +1,12 @@
-
+
+
 loaders | Magento UI Library
-
Loaders

+
Loaders

 
  A page loader is an animation a visitor sees while the page or an element is loaded. During this time a page is blocked with overlay.

 
  Default loader markup
   
@@ -20,11 +21,11 @@
   </div>
   <button type="button" onclick="document.getElementById('example1').style='display: block;';document.getElementById('example1').parentNode.setAttribute('aria-busy','true');" style="z-index:99999; position: relative;"><span>Show</span></button>
   <button type="button" onclick="document.getElementById('example1').style='display: none;';document.getElementById('example1').parentNode.setAttribute('aria-busy','false');" style="z-index:99999; position: relative;"><span>Hide</span></button>
-

-.loader {
-    .loader();
-}
-
Default loader variables

+

+.loader {
+    .loader();
+}
+

Default loader variables

   
     
@@ -95,31 +96,31 @@
       
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
@@ -131,18 +132,18 @@
       

       

       

         @_loader-text-color@color-primary@primary__color
         '' | false | value
         Loader text color
       

       

         @_loader-text-font-size@font-size-base@font-size__base
         '' | false | value
         Loader text font size
       

       

         @_loader-text-font-family@font-family-base@font-family__base
         '' | false | value
         Loader text font family
       

       

         @_loader-text-font-weight@font-weight-base@font-weight__regular
         '' | false | value
         Loader text font weight
       

       

         @_loader-text-font-style@font-style-base@font-style__base
         '' | false | value
         Loader text font style
       

     

   

-
Loading

+


Loading

 
  Loading is an animation a visitor sees while a certain block is loaded. In this case only this block is locked by an overlay, not the whole page.

 
-

-.loading {
-    .loading();
-}
-
Loading default variables

+

+.loading {
+    .loading();
+}
+

Loading default variables

   
     
@@ -153,16 +154,16 @@
       
-        
+        
-        
+        

       

       

         @_loading-background-color@loader-overlay-background-color@loader-overlay__background-color
         '' | false | value
         Loading overlay background color
       

       

         @_loading-background-image@loader-icon-background-image@loader-icon__background-image
         '' | false | value
         Loading overlay background z-index
       

     

   

-

+

diff --git a/lib/web/css/docs/messages.html b/lib/web/css/docs/messages.html
index fac32a7700557..a322ae819aae7 100644
--- a/lib/web/css/docs/messages.html
+++ b/lib/web/css/docs/messages.html
@@ -1,11 +1,12 @@
-
+
+
 messages | Magento UI Library
-
Messages

+
Messages

 
  Magento UI library provides mixins for styling messages. There are 4 types of messages:

 
  info
   warning
@@ -20,66 +21,66 @@
           Lorem ipsum dolor sit <a href="#">amet</a>, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
       </div>
   </div>
-

-.example-message-info {
-    .message(info);
-}
-
Warning message

+

+.example-message-info {
+    .message(info);
+}
+

Warning message

 
  This is a warning message. To apply appropriate style you need to specify warning type to the .warning() mixin.

 
-

-.example-message-warning {
-    .message(warning);
-}
-
Error message

+

+.example-message-warning {
+    .message(warning);
+}
+

Error message

 
  This is an error message. To apply appropriate style you need to specify error type to the .warning() mixin.

 
-

-.example-message-error {
-    .message(error);
-}
-
Success message

+

+.example-message-error {
+    .message(error);
+}
+

Success message

 
  This is a success message. To apply appropriate style you need to specify success type to the .warning() mixin.

 
-

-.example-message-success {
-    .message(success);
-}
-
Notice message

+

+.example-message-success {
+    .message(success);
+}
+

Notice message

 
  This is a notice message. To apply appropriate style you need to specify notice type to the .warning() mixin.

 
-

-.example-message-notice {
-    .message(notice);
-}
-
Message with inner icon

+

+.example-message-notice {
+    .message(notice);
+}
+

Message with inner icon

 
  To add an inner icon use .message-icon-inner mixin. To apply the .message-icon-inner mixin, you need to specify the type of a message that you want to apply styles to.

 
-

-.example-message-1 {
-    .message-icon-inner(notice);
-}
-
Message with lateral icon

+

+.example-message-1 {
+    .message-icon-inner(notice);
+}
+

Message with lateral icon

 
  To add a lateral icon to a message, you need to use the .message-icon-lateral mixin. This mixin is configured by the following variables:

 
  @_message-type: error; // info | warning | error | success | notice
   @_message-position: right; // left | right

@@ -92,29 +93,29 @@
           Lorem ipsum dolor sit <a href="#">amet</a>, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
       </div>
   </div>
-

-.example-message-2 {
-    .message-icon-lateral(error, right);
-}
-
-.example-message-3 {
-    .message-icon-lateral(success, left);
-}
-
Custom message style

-
  You can specify your own message type, for example “custom”. To use message mixin for this new type you need to add new variables to variables.less:

-
    @message-<b>custom</b>-color: #000;
-    @message-<b>custom</b>-background: #fc0;
-    @message-<b>custom</b>-link-color: blue;
-    @message-<b>custom</b>-link-color-hover: darken(@message-custom-link-color, 20%);
-    @message-<b>custom</b>-link-color-active: darken(@message-custom-link-color, 30%);
-    @message-<b>custom</b>-border-color: orange;
-    @message-<b>custom</b>-icon: @icon-settings;
-    @message-<b>custom</b>-icon-color: #000;
-    @message-<b>custom</b>-icon-background: #green;
-    @message-<b>custom</b>-icon-top: 15px;
-    @message-<b>custom</b>-icon-right: false;
-    @message-<b>custom</b>-icon-bottom: false;
-    @message-<b>custom</b>-icon-left: 0;

+

+.example-message-2 {
+    .message-icon-lateral(error, right);
+}
+
+.example-message-3 {
+    .message-icon-lateral(success, left);
+}
+

Custom message style

+
  You can specify your own message type, for example “custom”. To use message mixin for this new type you need to add new variables to _variables.less:

+
    @message__<b>custom</b>-color: #000;
+    @message__<b>custom</b>-background: #fc0;
+    @message__<b>custom</b>-link-color: blue;
+    @message__<b>custom</b>-link-color-hover: darken(@message-custom-link__color, 20%);
+    @message__<b>custom</b>-link-color-active: darken(@message-custom-link__color, 30%);
+    @message__<b>custom</b>-border-color: orange;
+    @message__<b>custom</b>-icon: @icon-settings;
+    @message__<b>custom</b>-icon-color: #000;
+    @message__<b>custom</b>-icon-background: #green;
+    @message__<b>custom</b>-icon-top: 15px;
+    @message__<b>custom</b>-icon-right: false;
+    @message__<b>custom</b>-icon-bottom: false;
+    @message__<b>custom</b>-icon-left: 0;

 
  And then call message mixin with your new message type

 
  .message-icon-lateral(custom, left);

 
   

@@ -123,27 +124,29 @@
           Lorem ipsum dolor sit <a href="#">amet</a>, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
       </div>
   </div>
-

-@message-custom-color: #000;
-@message-custom-background: #fc0;
-@message-custom-link-color: blue;
-@message-custom-link-color-hover: darken(@message-custom-link-color, 20%);
-@message-custom-link-color-active: darken(@message-custom-link-color, 30%);
-@message-custom-border-color: orange;
-@message-custom-icon: @icon-settings;
-@message-custom-icon-color-lateral: #000;
-@message-custom-icon-background: #green;
-@message-custom-icon-top: 15px;
-@message-custom-icon-right: false;
-@message-custom-icon-bottom: false;
-@message-custom-icon-left: 0;
-
-.example-message-4 {
-    .message-icon-lateral(custom, left);
-    border-width: 4px;
-    border-radius: 10px;
-}
-
Messages global variables

+

+@message-custom__color: #000;
+@message-custom__background: #fc0;
+@message-custom__border-color: orange;
+
+@message-custom-link__color: blue;
+@message-custom-link__color-hover: darken(@message-custom-link__color, 20%);
+@message-custom-link__color-active: darken(@message-custom-link__color, 30%);
+
+@message-custom-icon: @icon-settings;
+@message-custom-icon__color-lateral: #000;
+@message-custom-icon__background: #green;
+@message-custom-icon__top: 15px;
+@message-custom-icon__right: false;
+@message-custom-icon__bottom: false;
+@message-custom-icon__left: 0;
+
+.example-message-4 {
+    .message-icon-lateral(custom, left);
+    border-width: 4px;
+    border-radius: 10px;
+}
+

Messages global variables

   
     
@@ -153,19 +156,19 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
@@ -174,31 +177,31 @@
             
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -207,55 +210,55 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -264,25 +267,25 @@
             
-            
+            
-            
+            
-            
+            
-            
+            
@@ -291,38 +294,38 @@
             
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -333,44 +336,44 @@
             
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -378,38 +381,38 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -420,44 +423,44 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -465,38 +468,38 @@
             
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -507,44 +510,44 @@
             
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -552,38 +555,38 @@
             
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -594,44 +597,44 @@
             
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -639,38 +642,38 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -681,47 +684,47 @@
             
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

         
Comment
         

         
@message-padding@indent-s-base @indent-base@message__padding@indent__s @indent__base
             '' | value
             Message padding
         

         
@message-margin@indent-xs-base 0@message__margin@indent__xs 0
             '' | value
             Message margin
         

         
@message-color@message__color
             false
             true | false
             Each message type has its own message colorMessages font style
         

         
@message-font-size@message__font-size
             13px
             '' | false | value
             Message font size
         

         
@message-font-family@message__font-family
             false
             '' | false | value
             Message font family
         

         
@message-font-style@message__font-style
             false
             '' | false | value
             Message font style
         

         
@message-font-weight@message__font-weight
             false
             '' | false | value
             Message font weight
         

         
@message-line-height@message__line-height
             1.2em
             '' | false | value
             Message line heightMessage icon setup
         

         
@message-icon-font-sizeceil(@message-font-size * 2 + 2)@message-icon__font-sizeceil(@message__font-size * 2 + 2)
             '' | false | value
             Message icon font size
         

         
@message-icon-font-line-height@message-icon-font-size@message-icon__font-line-height@message-icon__font-size
             '' | false | value
             Message icon line height
         

         
@message-icon-inner-padding-left@message-icon__inner-padding-left
             40px
             '' | false | value
             Message icon padding left
         

         
@message-icon-lateral-width@message-icon__lateral-width
             30px
             '' | false | value
             Message icon lateral width
         

         
@message-icon-lateral-arrow-size@message-icon__lateral-arrow-size
             5px
             '' | false | value
             Message icon arrow size
         

         
@message-icon-top@message-icon__top
             18px
             '' | false | value
             Message icon top position
         

         
@message-icon-right@message-icon__right
             false
             '' | false | value
             Message icon right position
         

         
@message-icon-bottom@message-icon__bottom
             false
             '' | false | value
             Message icon bottom position
         

         
@message-icon-left@message-icon__left
             0
             '' | false | value
             Message icon left positionMessage border
         

         
@message-border-width@message__border-width
             false
             '' | false | value
             Message border width
         

         
@message-border-color@message__border-color
             false
             '' | false | value
             Message border color
         

         
@message-border-style@message__border-style
             false
             '' | false | value
             Message border style
         

         
@message-border-radius@message__border-radius
             false
             '' | false | value
             Message border radiusInformation message
         

         
@message-info-color@message-info__color
             #6f4400
             '' | false | value
             Information message text color
         

         
@message-info-background@message-info__background
             #fdf0d5
             '' | false | value
             Information message background
         

         
@message-info-link-color@link-color@message-info-link__color@link__color
             '' | false | value
             Information message link color
         

         
@message-info-link-color-hover@link-color-hover@message-info-link__color-hover@link__hover__color
             '' | false | value
             Information message hovered link color
         

         
@message-info-link-color-active@link-color-hover@message-info-link__color-active@link__hover__color
             '' | false | value
             Information message active link color 
         

         
@message-info-border-color@message-border-color@message-info__border-color@message__border-color
             '' | false | value
             Information message border color
         
Information message icon symbol code
         

         
@message-info-icon-color-inner@message-info-icon__color-inner
             #c07600
             '' | false | value
             Information message icon symbol color 
         

         
@message-info-icon-color-lateral@message-info-icon__color-lateral
             @color-white
             '' | false | value
             Information message lateral icon symbol color
         

         
@message-info-icon-background@message-info-icon__background
             #6f4400
             '' | false | value
             Information message icon background
         

         
@message-info-icon-top@message-icon-top@message-info-icon__top@message-icon__top
             '' | false | value
             Message icon top position
         

         
@message-info-icon-right@message-icon-right@message-info-icon__right@message-icon__right
             '' | false | value
             Message icon right position
         

         
@message-info-icon-bottom@message-icon-bottom@message-info-icon__bottom@message-icon__bottom
             '' | false | value
             Message icon bottom position
         

         
@message-info-icon-left@message-icon-left@message-info-icon__left@message-icon__left
             '' | false | value
             Message icon left position
         
Warning message
         

         
@message-warning-color@message-info-color@message-warning__color@message-info__color
             '' | false | value
             Warning message text color
         

         
@message-warning-background@message-info-background@message-warning__background@message-info__background
             '' | false | value
             Warning message background
         

         
@message-warning-link-color@message-info-link-color@message-warning-link__color@message-info-link__color
             '' | false | value
             Warning message link color
         

         
@message-warning-link-color-hover@message-info-link-color-hover@message-warning-link__color-hover@message-info-link__color-hover
             '' | false | value
             Warning message hovered link color
         

         
@message-warning-link-color-active@message-info-link-color-active@message-warning-link__color-active@message-info-link__color-active
             '' | false | value
             Warning message active link color 
         

         
@message-info-border-color@message-info-border-color@message-info__border-color@message-info__border-color
             '' | false | value
             Warning message border color
         
Warning message icon symbol code
         

         
@message-warning-icon-color-inner@message-info-icon-color-inner@message-warning-icon__color-inner@message-info-icon__color-inner
             '' | false | value
             Warning message icon symbol color 
         

         
@message-warning-icon-color-lateral@message-info-icon-color-lateral@message-warning-icon__color-lateral@message-info-icon__color-lateral
             '' | false | value
             Warning message lateral icon symbol color
         

         
@message-warning-icon-background@message-info-icon-background@message-warning-icon__background@message-info-icon__background
             '' | false | value
             Warning message icon background
         

         
@message-warning-icon-top@message-icon-top@message-warning-icon__top@message-icon__top
             '' | false | value
             Message icon top position
         

         
@message-warning-icon-right@message-icon-right@message-warning-icon__right@message-icon__right
             '' | false | value
             Message icon right position
         

         
@message-warning-icon-bottom@message-icon-bottom@message-warning-icon__bottom@message-icon__bottom
             '' | false | value
             Message icon bottom position
         

         
@message-warning-icon-left@message-icon-left@message-warning-icon__left@message-icon__left
             '' | false | value
             Message icon left position
         
Error message
         

         
@message-error-color@color-error@message-error__color@error__color
             '' | false | value
             Error message text color
         

         
@message-error-background@message-error__background
             #fae5e5
             '' | false | value
             Error message background
         

         
@message-error-link-color@link-color@message-error-link__color@link__color
             '' | false | value
             Error message link color
         

         
@message-error-link-color-hover@link-color-hover@message-error-link__color-hover@link__hover__color
             '' | false | value
             Error message hovered link color
         

         
@message-error-link-color-active@link-color-hover@message-error-link__color-active@link__hover__color
             '' | false | value
             Error message active link color 
         

         
@message-error-border-color@message-border-color@message-error__border-color@message__border-color
             '' | false | value
             Error message border color
         
Error message icon symbol code
         

         
@message-error-icon-color-inner@message-error-icon__color-inner
             #b30000
             '' | false | value
             Error message icon symbol color 
         

         
@message-error-icon-color-lateral@message-error-icon__color-lateral
             @color-white
             '' | false | value
             Error message lateral icon symbol color
         

         
@message-error-icon-background@message-error-icon__background
             #b30000
             '' | false | value
             Error message icon background
         

         
@message-error-icon-top@message-icon-top@message-error-icon__top@message-icon__top
             '' | false | value
             Message icon top position
         

         
@message-error-icon-right@message-icon-right@message-error-icon__right@message-icon__right
             '' | false | value
             Message icon right position
         

         
@message-error-icon-bottom@message-icon-bottom@message-error-icon__bottom@message-icon__bottom
             '' | false | value
             Message icon bottom position
         

         
@message-error-icon-left@message-icon-left@message-error-icon__left@message-icon__left
             '' | false | value
             Message icon left position
         
Success message
         

         
@message-success-color@message-success__color
             #006400
             '' | false | value
             Success message text color
         

         
@message-success-background@message-success__background
             #e5efe5
             '' | false | value
             Success message background
         

         
@message-success-link-color@link-color@message-success-link__color@link__color
             '' | false | value
             Success message link color
         

         
@message-success-link-color-hover@link-color-hover@message-success-link__color-hover@link__hover__color
             '' | false | value
             Success message hovered link color
         

         
@message-success-link-color-active@link-color-hover@message-success-link__color-active@link__hover__color
             '' | false | value
             Success message active link color 
         

         
@message-success-border-color@message-border-color@message-success__border-color@message__border-color
             '' | false | value
             Success message border color
         
Success message icon symbol code
         

         
@message-success-icon-color-inner@message-success-icon__color-inner
             #006400
             '' | false | value
             Success message icon symbol color 
         

         
@message-success-icon-color-lateral@message-success-icon__color-lateral
             @color-white
             '' | false | value
             Success message lateral icon symbol color
         

         
@message-success-icon-background@message-success-icon__background
             #006400
             '' | false | value
             Success message icon background
         

         
@message-success-icon-top@message-icon-top@message-success-icon__top@message-icon__top
             '' | false | value
             Message icon top position
         

         
@message-success-icon-right@message-icon-right@message-success-icon__right@message-icon__right
             '' | false | value
             Message icon right position
         

         
@message-success-icon-bottom@message-icon-bottom@message-success-icon__bottom@message-icon__bottom
             '' | false | value
             Message icon bottom position
         

         
@message-success-icon-left@message-icon-left@message-success-icon__left@message-icon__left
             '' | false | value
             Message icon left position
         
Notice message
         

         
@message-notice-color@message-info-color@message-notice__color@message-info__color
             '' | false | value
             Notice message text color
         

         
@message-notice-background@message-info-background@message-notice__background@message-info__background
             '' | false | value
             Notice message background
         

         
@message-notice-link-color@message-info-link-color@message-notice-link__color@message-info-link__color
             '' | false | value
             Notice message link color
         

         
@message-notice-link-color-hover@message-info-link-color-hover@message-notice-link__color-hover@message-info-link__color-hover
             '' | false | value
             Notice message hovered link color
         

         
@message-notice-link-color-active@message-info-link-color-active@message-notice-link__color-active@message-info-link__color-active
             '' | false | value
             Notice message active link color 
         

         
@message-notice-border-color@message-info-border-color@message-notice__border-color@message-info__border-color
             '' | false | value
             Notice message border color
         
Notice message icon symbol code
         

         
@message-notice-icon-color-inner@message-info-icon-color-inner@message-notice-icon__color-inner@message-info-icon__color-inner
             '' | false | value
             Notice message icon symbol color 
         

         
@message-notice-icon-color-lateral@message-info-icon-color-lateral@message-notice-icon__color-lateral@message-info-icon__color-lateral
             '' | false | value
             Notice message lateral icon symbol color
         

         
@message-notice-icon-background@message-info-icon-background@message-notice-icon__background@message-info-icon__background
             '' | false | value
             Notice message icon background
         

         
@message-notice-icon-top@message-icon-top@message-notice-icon__top@message-icon__top
             '' | false | value
             Message icon top position
         

         
@message-notice-icon-right@message-icon-right@message-notice-icon__right@message-icon__right
             '' | false | value
             Message icon right position
         

         
@message-notice-icon-bottom@message-icon-bottom@message-notice-icon__bottom@message-icon__bottom
             '' | false | value
             Message icon bottom position
         

         
@message-notice-icon-left@message-icon-left@message-notice-icon__left@message-icon__left
             '' | false | value
             Message icon left position
         

     

   

-

+

diff --git a/lib/web/css/docs/pages.html b/lib/web/css/docs/pages.html
index c01c11a2529d0..b87fc8fe79a90 100644
--- a/lib/web/css/docs/pages.html
+++ b/lib/web/css/docs/pages.html
@@ -1,11 +1,12 @@
-
+
+
 pages | Magento UI Library
-
Pagination HTML markup

+
Pagination HTML markup

 
  Pagination is used to display numbers of pages in case content exceeds page limits. The markup corresponds to accesibility demands.

 
  Required HTML markup:

 
-

-.pages {
-    .pager();
-}
-
Pagination variables

+

+.pages {
+    .pager();
+}
+

Pagination variables

   
     
@@ -76,13 +77,13 @@
         
-            
+            
-            
+            
@@ -115,13 +116,13 @@
         
-            
+            
-            
+            
@@ -150,13 +151,13 @@
             
-            
+            
-            
+            
@@ -181,7 +182,7 @@
         
-            
+            
@@ -204,13 +205,13 @@
             
-            
+            
-            
+            
@@ -220,7 +221,7 @@
         
-            
+            
@@ -237,13 +238,13 @@
             
-            
+            
-            
+            
@@ -253,7 +254,7 @@
         
-            
+            
@@ -276,13 +277,13 @@
             
-            
+            
-            
+            
@@ -292,7 +293,7 @@
         
-            
+            
@@ -309,13 +310,13 @@
             
-            
+            
-            
+            
@@ -379,7 +380,7 @@
         
-            
+            
@@ -403,36 +404,36 @@
         
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -442,7 +443,7 @@
         
-            
+            
@@ -459,13 +460,13 @@
             
-            
+            
-            
+            
@@ -475,7 +476,7 @@
         
-            
+            
@@ -487,7 +488,7 @@
         
-            
+            
@@ -498,13 +499,13 @@
             
-            
+            
-            
+            
@@ -514,7 +515,7 @@
         
-            
+            
@@ -531,29 +532,29 @@
             
-            
+            
-            
+            

         

         

             @_pager-font-size@font-size-s@font-size__s
             '' | false | value
             Pager font size
         

         

             @_pager-font-weight@font-weight-bold@font-weight__bold
             '' | false | value
             Pager font weight
         

         

             @_pager-current-font-weight@font-weight-bold;@font-weight__bold;
             '' | false | value
             Current page number font weight
         

         

             @_pager-current-color@color-primary@primary__color
             '' | false | value
             Current page number color
         
Direction of current page number background gradient (if there is any)
         

         
@_pager-current-gradient-start-color@_pager-current-gradient-color-start
             false
             '' | false | value
             Current page number gradient start color
         

         
@_pager-current-gradient-end-color@_pager-current-gradient-color-end
             false
             '' | false | value
             Current page number gradient end color

         

             @_pager-color@link-color@link__color
             '' | false | value
             Pager item color
         
Pager item background
         

         
@_pager-gradient-start-color@_pager-gradient-color-start
             false
             '' | false | value
             Pager item gradient start color
         

         
@_pager-gradient-end-color@_pager-gradient-color-end
             false
             '' | false | value
             Pager item gradient end color

         

             @_pager-color-visited@link-color-visited@link__visited__color
             '' | false | value
             Pager item visited color
         
Pager item visited background
         

         
@_pager-gradient-start-color-visited@_pager-gradient-color-start-visited
             false
             '' | false | value
             Pager item visited gradient start color
         

         
@_pager-gradient-end-color-visited@_pager-gradient-color-end-visited
             false
             '' | false | value
             Pager item visited gradient end color

         

             @_pager-color-hover@link-color-hover@link__hover__color
              
             Pager item hover color
         
Pager item hover background
         

         
@_pager-gradient-start-color-hover@_pager-gradient-color-start-hover
             false
             '' | false | value
             Pager item hover gradient start color
         

         
@_pager-gradient-end-color-hover@_pager-gradient-color-end-hover
             false
             '' | false | value
             Pager item hover gradient end color

         

             @_pager-color-active@link-color-hover@link__hover__color
             '' | false | value
             Pager item active color
         
Pager item active background
         

         
@_pager-gradient-start-color-active@_pager-gradient-color-start-active
             false
             '' | false | value
             Pager item active  gradient start color
         

         
@_pager-gradient-end-color-active@_pager-gradient-color-end-active
             false
             '' | false | value
             Pager item active  gradient end color

         

             @_pager-icon-font-line-height@icon-font-line-height@icon-font__line-height
             '' | false | value
             Icon font line height
         

         

             @_pager-action-color@text-color-muted@text__color__muted
             '' | false | value
             Pager action color
         

         

             @_pager-action-border@border-width-base solid @border-color-base@border-width__base solid @border-color__base
             '' | false | value
             Pager action border
         

         

             @_pager-action-text-decoration@pager-text-decoration@pager__text-decoration
             '' | false | value
             Pager action text decoration
         

         

             @_pager-action-background@pager-background@pager__background
             '' | false | value
             Pager action background
         

         
@_pager-action-gradient-start-color@_pager-action-gradient-color-start
             flase
             '' | false | value
             Pager action gradient start color
         

         
@_pager-action-gradient-end-color@_pager-action-gradient-color-end
             flase
             '' | false | value
             Pager action gradient end color

         

             @_pager-action-color-visited@pager-action-color@pager-action__color
             '' | false | value
             Pager action visited color
         
Pager action visited background
         

         
@_pager-action-gradient-start-color-visited@_pager-action-gradient-color-start-visited
             flase
             '' | false | value
             Pager action visited gradient start color
         

         
@_pager-action-gradient-end-color-visited@_pager-action-gradient-color-end-visited
             flase
             '' | false | value
             Pager action visited gradient end color

         

             @_pager-action-color-hover@pager-action-color@pager-action__color
             '' | false | value
             Pager action hover color
         

         

             @_pager-action-text-decoration-hover@pager-text-decoration-hover@pager__hover__text-decoration
             '' | false | value
             Pager action hover text decoration
         
Pager action hover background
         

         
@_pager-action-gradient-start-color-hover@_pager-action-gradient-color-start-hover
             flase
             '' | false | value
             Pager action hover gradient start color
         

         
@_pager-action-gradient-end-color-hover@_pager-action-gradient-color-end-hover
             flase
             '' | false | value
             Pager action hover gradient end color

         

             @_pager-action-color-active@pager-action-color@pager-action__color
             '' | false | value
             Pager action active color
         
Pager action active background
         

         
@_pager-action-gradient-start-color-active@_pager-action-gradient-color-start-active
             flase
             '' | false | value
             Pager action active gradient start color
         

         
@_pager-action-gradient-end-color-active@_pager-action-gradient-color-end-active
             flase
             '' | false | value
             Pager action active gradient end color
         

       

   

-
Pagination with "previous"..."next" text links and label

+

+.example-pages-1 {
+    .pager(
+        @_pager-font-size: 12px,
+        @_pager-label-display: inline-block,
+        @_pager-item-margin: 0 3px,
+        @_pager-gradient: true,
+        @_pager-gradient-direction: vertical,
+        @_pager-color: #333,
+        @_pager-gradient-color-start: #f4f4f4,
+        @_pager-gradient-color-end: #ccc,
+        @_pager-border: 1px solid darken(#ccc, 10%),
+        @_pager-color-hover: #333,
+        @_pager-gradient-color-start-hover: #ccc,
+        @_pager-gradient-color-end-hover: #f4f4f4,
+        @_pager-border-hover: 1px solid darken(#ccc, 20%),
+        @_pager-action-gradient: false,
+        @_pager-current-color: #f7b32e,
+        @_pager-current-border: 1px solid darken(#1979c3, 10%),
+        @_pager-current-background: #1979c3,
+        @_pager-icon-use: true,
+        @_pager-icon-previous-content: @icon-prev,
+        @_pager-icon-next-content: @icon-next,
+        @_pager-icon-font-size: 30px,
+        @_pager-action-color-hover: #ff5501
+    );
+}
+

Pagination with "previous"..."next" text links and label

 
  Text view of pagination without borders, backgrounds and icons

 
  Disable icon use for "previous" and "next" links

 
  @_pager-icon-use: false

@@ -661,39 +662,39 @@
           </li>
       </ul>
   </div>
-

-.example-pages-2 {
-    .pager(
-        @_pager-label-display: inline-block,
-        @_pager-icon-use: false
-    );
-}
-
Pagination without label, with solid background

+

+.example-pages-2 {
+    .pager(
+        @_pager-label-display: inline-block,
+        @_pager-icon-use: false
+    );
+}
+

Pagination without label, with solid background

 
  Pagination without label, with solid background and icons on previous/next links

 
  Hide pager label:

 
  @_pager-label-display: none

 
  To set background and font colors for default, visited, hover, active states, use:

 
  @_pager-color: #fff,
-  @_pager-background: @link-color,
+  @_pager-background: @link__color,
   @_pager-color-visited: #fff,
-  @_pager-background-visited: @link-color-visited,
+  @_pager-background-visited: @link__visited__color,
   @_pager-color-hover: #fff,
-  @_pager-background-hover: @link-color-hover,
+  @_pager-background-hover: @link__hover__color,
   @_pager-color-active: #fff,
-  @_pager-background-active: @link-color-active,
+  @_pager-background-active: @link__active__color,
   @_pager-current-color: #fff,
-  @_pager-current-background: @link-color-visited,
-  @_pager-action-background: @link-color,
+  @_pager-current-background: @link__visited__color,
+  @_pager-action-background: @link__color,
   @_pager-icon-font-color: #fff,
-  @_pager-action-background-visited: @link-color-visited

+  @_pager-action-background-visited: @link__visited__color
 
  To set current page background and font color, use:

 
  @_pager-current-color: #fff,
-  @_pager-current-background: @link-color-visited

+  @_pager-current-background: @link__visited__color
 
  To set background and icon color for default, visited, hover, active states of "previous" and "next" links, use:

-
  @_pager-action-background: @link-color,
-  @_pager-action-background-visited: @link-color-visited,
-  @_pager-action-background-hover: @link-color-hover,
-  @_pager-action-background-active: @link-color-active,
+
  @_pager-action-background: @link__color,
+  @_pager-action-background-visited: @link__visited__color,
+  @_pager-action-background-hover: @link__hover__color,
+  @_pager-action-background-active: @link__active__color,
 
   @_pager-icon-font-color: #fff,
   @_pager-icon-font-color-visited: #fff,
@@ -734,26 +735,26 @@
           </li>
       </ul>
   </div>
-

-.example-pages-3 {
-    .pager(
-        @_pager-label-display: none,
-        @_pager-color: #fff,
-        @_pager-background: @link-color,
-        @_pager-color-visited: #fff,
-        @_pager-background-visited: @link-color-visited,
-        @_pager-color-hover: #fff,
-        @_pager-background-hover: @link-color-hover,
-        @_pager-color-active: #fff,
-        @_pager-background-active: @link-color-active,
-        @_pager-current-color: #fff,
-        @_pager-current-background: @link-color-visited,
-        @_pager-action-background: @link-color,
-        @_pager-action-background-visited: @link-color-visited,
-        @_pager-action-background-hover: @link-color-hover,
-        @_pager-action-background-active: @link-color-active,
-        @_pager-action-color: #fff,
-        @_pager-action-color-hover: #fff,
-        @_pager-action-color-active: #fff
-    );
-}

+

+.example-pages-3 {
+    .pager(
+        @_pager-label-display: none,
+        @_pager-color: #fff,
+        @_pager-background: @link__color,
+        @_pager-color-visited: #fff,
+        @_pager-background-visited: @link__visited__color,
+        @_pager-color-hover: #fff,
+        @_pager-background-hover: @link__hover__color,
+        @_pager-color-active: #fff,
+        @_pager-background-active: @link__active__color,
+        @_pager-current-color: #fff,
+        @_pager-current-background: @link__visited__color,
+        @_pager-action-background: @link__color,
+        @_pager-action-background-visited: @link__visited__color,
+        @_pager-action-background-hover: @link__hover__color,
+        @_pager-action-background-active: @link__active__color,
+        @_pager-action-color: #fff,
+        @_pager-action-color-hover: #fff,
+        @_pager-action-color-active: #fff
+    );
+}


diff --git a/lib/web/css/docs/popups.html b/lib/web/css/docs/popups.html
index 92f5848e06ce5..54301eaeaf059 100644
--- a/lib/web/css/docs/popups.html
+++ b/lib/web/css/docs/popups.html
@@ -1,11 +1,12 @@
-
+
+
 popups | Magento UI Library
-
Popups

+
Popups

 
  To implement the popup, use the following markup. It corresponds accessibility requirements. To set Popup styles use the .popup() mixin.

 
  The .window-overlay() mixin controls the styles of overlay background.

 
Simple popup

@@ -48,19 +49,19 @@ 
Simple popup

          </div>
      </div>
   </div>
-

-.window.popup.popup-example {
-    .popup();
-}
-
-.window.popup.popup-example-1 {
-    .popup();
-}
-
-.window.overlay {
-    .window-overlay();
-}
-
Rating with vote

+


Rating with vote

 
  To implement rating with vote, use the .mixin-rating-vote() mixin.

 
-

-.example-ratings-1 {
-    .mixin-rating-vote();
-}
-
Rating with vote icons number customization

+

+.example-ratings-1 {
+    .mixin-rating-vote();
+}
+

Rating with vote icons number customization

 
  To change number of icons, add desired number of rating icons (input + label) to the markup. Then set this number to the @_icon-count mixin variable.

 
-

-.example-ratings-2 {
-    .mixin-rating-vote(
-        @_icon-count: 8
-    );
-}
-
Rating with vote icons colors customization

+

+.example-ratings-2 {
+    .mixin-rating-vote(
+        @_icon-count: 8
+    );
+}
+

Rating with vote icons colors customization

 
  These variables control default and active icon colors:

 
  @_icon-color: value,
   @_icon-color-active: value

@@ -163,14 +164,14 @@
           <span>5 stars</span>
       </label>
   </div>
-

-.example-ratings-3 {
-    .mixin-rating-vote(
-        @_icon-color: #aff5e3,
-        @_icon-color-active: #0a6767
-    );
-}
-
Rating with vote icons symbol customization

+

+.example-ratings-3 {
+    .mixin-rating-vote(
+        @_icon-color: #aff5e3,
+        @_icon-color-active: #0a6767
+    );
+}
+

Rating with vote icons symbol customization

 
  To set custom icon symbol, use the @_icon-content variable

 
-

-.example-ratings-4 {
-    .mixin-rating-vote(
-        @_icon-content: @icon-wishlist-full
-    );
-}
-
Accessible rating with vote

+

+.example-ratings-4 {
+    .mixin-rating-vote(
+        @_icon-content: @icon-wishlist-full
+    );
+}
+

Accessible rating with vote

 
  The following markup corresponds to accesibility demands

 
-

-.exapmle-ratings-5 {
-    .control.rating.vote {
-        .mixin-rating-vote();
-    }
-}
-
Rating summary

+

+.exapmle-ratings-5 {
+    .control.rating.vote {
+        .mixin-rating-vote();
+    }
+}
+

Rating summary

 
  To implement rating summary, use the following markup

 
-

-.example-rating-summary-1 {
-    .mixin-rating-summary();
-}
-
Rating summary icons number customization

+

+.example-rating-summary-1 {
+    .mixin-rating-summary();
+}
+

Rating summary icons number customization

 
  To set up number of icons, use the variable:

 
  @_icon-count: number

 
-

-.example-rating-summary-2 {
-    .mixin-rating-summary(
-        @_icon-count: 8
-    );
-}
-
Rating summary icons color customization

+

+.example-rating-summary-2 {
+    .mixin-rating-summary(
+        @_icon-count: 8
+    );
+}
+

Rating summary icons color customization

 
  To set up the icons default and selected color, use variables:

 
  @_icon-color: value
   @_icon-color-active: value

@@ -273,14 +274,14 @@
           <span style="width:40%"><span>40</span></span>
       </div>
   </div>
-

-.example-rating-summary-3 {
-    .mixin-rating-summary(
-        @_icon-color: #aff5e3,
-        @_icon-color-active: #0a6767
-    );
-}
-
Rating summary icons symbol customization

+

+.example-rating-summary-3 {
+    .mixin-rating-summary(
+        @_icon-color: #aff5e3,
+        @_icon-color-active: #0a6767
+    );
+}
+

Rating summary icons symbol customization

 
  To set up the icons symbol use variable:

 
  @_icon-content: icon_code

 
-

-.example-rating-summary-4 {
-    .mixin-rating-summary(
-        @_icon-content: @icon-wishlist-full
-    );
-}
-
Rating summary hide label

+

+.example-rating-summary-4 {
+    .mixin-rating-summary(
+        @_icon-content: @icon-wishlist-full
+    );
+}
+

Rating summary hide label

 
  To hide the rating summary label set:

 
  @_label-hide: true

 
-

-.example-rating-summary-5 {
-    .mixin-rating-summary(
-        @_label-hide: true
-    );
-}
-
Rating summary multiple ratings

+

+.example-rating-summary-5 {
+    .mixin-rating-summary(
+        @_label-hide: true
+    );
+}
+

Rating summary multiple ratings

 
-

-.example-rating-summary-6 {
-    .rating-summary {
-        .mixin-rating-summary();
-    }
-}
-
Rating hide label mixin

+

+.example-rating-summary-6 {
+    .rating-summary {
+        .mixin-rating-summary();
+    }
+}
+

Rating hide label mixin

 
  The .mixin-rating-summary-label-hide() mixin is used to hide rating label in summary rating.

 
-

-.example-rating-summary-7 {
-    .mixin-rating-summary();
-    .mixin-rating-summary-label-hide();
-}

+

+.example-rating-summary-7 {
+    .mixin-rating-summary();
+    .mixin-rating-summary-label-hide();
+}


diff --git a/lib/web/css/docs/resets.html b/lib/web/css/docs/resets.html
index e93c2dca88a6a..2ce9a988be49d 100644
--- a/lib/web/css/docs/resets.html
+++ b/lib/web/css/docs/resets.html
@@ -4,8 +4,9 @@
  * See COPYING.txt for license details.
  */
 -->
+
 resets | Magento UI Library
-
Resets

+
Resets

 
  CSS reset is a technique that makes selected elements display in the same way in different browsers by default.

 
  In Magento UI library there are 5 pre-defined resets that can be called by appropriate mixin..

 
Magento reset

@@ -29,4 +30,4 @@ 
Html5doctor Reset Stylesheet v1.6.1  To get html5doctor reset in your theme, use mixin:

 
  .html5doctor-reset();

 
   

-

+

diff --git a/lib/web/css/docs/responsive.html b/lib/web/css/docs/responsive.html
index c19a53b699363..3af5fc6e8b6cf 100644
--- a/lib/web/css/docs/responsive.html
+++ b/lib/web/css/docs/responsive.html
@@ -1,45 +1,48 @@
-
+
+
 responsive | Magento UI Library
-
Responsive

-
  Magento UI library provides a strong approach for working with media queries. It`s based on recursive call of .media-width() mixin defined anywhere in project but invoked in one place in lib/web/css/source/lib/responsive.less. That's why in the resulting styles.css we have every media query only once with all the rules there, not a multiple calls for the same query.

+
Responsive

+
  Magento UI library provides a strong approach for working with media queries. It`s based on recursive call of .media-width() mixin defined anywhere in project but invoked in one place in lib/web/css/source/lib/_responsive.less. That's why in the resulting styles.css we have every media query only once with all the rules there, not a multiple calls for the same query.

 
  To see the media queries work resize window to understand which breakpoint is applied.

 
-
.example-responsive-block {
-    padding: 10px;
-}
-
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
-    .example-responsive-block {
-        background: #ffc;
-    }
-    .example-responsive-block:before {
-        content: 'Mobile styles ';
-        font-weight: bold;
-    }
-}
-
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
-    .example-responsive-block {
-        background: #ccf;
-    }
-    .example-responsive-block:before {
-        content: 'Desktop styles ';
-        font-weight: bold;
-    }
-}
Responsive mixins usage

+

+.example-responsive-block {
+    padding: 10px;
+}
+
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
+    .example-responsive-block {
+        background: #ffc;
+    }
+    .example-responsive-block:before {
+        content: 'Mobile styles ';
+        font-weight: bold;
+    }
+}
+
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
+    .example-responsive-block {
+        background: #ccf;
+    }
+    .example-responsive-block:before {
+        content: 'Desktop styles ';
+        font-weight: bold;
+    }
+}
+

Responsive mixins usage

 
  For grouping style rules in certain media queries .media-width() mixin used.

 
 .media-width(<@extremum>, <@break>);

 
  @extremum: max|min - sets whether to use min-width or max-width in media query condition

   @break: value - sets the value of breakpoint to compare with in media query condition.

   For example

-
  .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) {
+
  .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
       your styles
   }

 
  It will be complied to

@@ -56,8 +59,8 @@
 
  @media-target: all|desktop|mobile - Sets target device for styles output

 
  & when (@media-target = 'mobile'),
   (@media-target = 'all') {
-     @media only screen and (max-width: (@screen-xs - 1)) {
-         .media-width('max', @screen-xs);
+     @media only screen and (max-width: (@screen__xs - 1)) {
+         .media-width('max', @screen__xs);
      }
  }

 
Gathering

@@ -68,15 +71,15 @@ 
Gathering

   }

 
  Will go to

 
  .media-width(@extremum, @break));

-
  By default you can find it responsive.less file in li
+
  By default you can find it _responsive.less file in li
    

 
Responsive breakpoints

 
  In Magento UI library there are predefined variables for breakpoints.

-
  @screen-xxs: 320px;
-  @screen-xs: 480px;
-  @screen-s: 640px;
-  @screen-m: 768px;
-  @screen-l: 1024px;
-  @screen-xl: 1440px;

+
  @screen__xxs: 320px;
+  @screen__xs: 480px;
+  @screen__s: 640px;
+  @screen__m: 768px;
+  @screen__l: 1024px;
+  @screen__xl: 1440px;

 
   

-

+

diff --git a/lib/web/css/docs/sections.html b/lib/web/css/docs/sections.html
index cbe233070376e..a2ef4bbb58287 100644
--- a/lib/web/css/docs/sections.html
+++ b/lib/web/css/docs/sections.html
@@ -1,12 +1,13 @@
-
+
+
 sections | Magento UI Library
-
Tabs and accordions

-
  To set up tabs and accordions Magento UI library provides 2 types of mixins: .data-tabs-base() and .data-accordion-base(). These mixins reset markup elements default styles and add minimal required css setup to make these elements work properly.

+
Tabs and accordions

+
  To set up tabs and accordions Magento UI library provides 2 types of mixins: .data-tabsbase() and .data-accordionbase(). These mixins reset markup elements default styles and add minimal required css setup to make these elements work properly.

 
Tabs

 
  The .data-tabs() mixin is used to setup tabs parameters.

 
-

-.example-sections-1 {
-    .data-tabs();
-}
-
Tabs mixin variables

+

+.example-sections-1 {
+    .data-tabs();
+}
+

Tabs mixin variables

   
     
@@ -52,13 +53,13 @@
         
-            
+            
-            
+            
@@ -70,7 +71,7 @@
         
-            
+            
@@ -78,14 +79,14 @@
             
-            
-            
+            
+            
-            
+            
@@ -96,74 +97,74 @@
             
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -171,8 +172,8 @@
             
-            
-            
+            
+            
@@ -184,37 +185,37 @@
         
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -245,13 +246,13 @@
         <p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
     </dd>
   </dl>
-

-.example-sections-2 {
-    .data-tabs(
-        @_tab-content-border-top-status: true
-    );
-}
-
Accordion

+

+.example-sections-2 {
+    .data-tabs(
+        @_tab-content-border-top-status: true
+    );
+}
+

Accordion

 
  The .data-accordion() mixin is used to setup accordion parameters. Accordion has the same markup as tabs.

 
-

-.example-sections-3 {
-    .data-accordion();
-}
-
Accordion mixin variables

+

+.example-sections-3 {
+    .data-accordion();
+}
+

Accordion mixin variables

   
     

         

         

             @_tab-control-font-size@font-size-base@font-size__base
             '' | false | value
             Tabs font size
         

         

             @_tab-control-font-weight@font-weight-semibold@font-weight__semibold
             '' | false | value
             Tabs font weight
         

         

             @_tab-control-line-height@tab-control-height@tab-control__height
             '' | false | value
             Tabs line height
         
Tabs controls settings
         

         
@_tab-control-bg@panel-bg@_tab-control-background-color@panel__background-color
             '' | false | value
             Current tab background
         

         

             @_tab-control-color@link-color@link__color
             '' | false | value
             Current tab text color
         
Current tab text-decoration
         

         
@_tab-control-bg-hoverlighten(@tab-control-bg, 5%)@_tab-control-background-color-hoverlighten(@tab-control__background-color, 5%)
             '' | false | value
             Hovered tab background
         

         

             @_tab-control-color-hover@tab-control-color@tab-control__color
             '' | false | value
             Hovered tab text color
         

         

             @_tab-control-text-decoration-hover@tab-control-text-decoration@tab-control__text-decoration
             '' | false | value
             Hovered tab text-decoration
         

         
@_tab-control-bg-activelighten(@tab-control-bg, 15%)@_tab-control-background-color-activelighten(@tab-control__background-color, 15%)
             '' | false | value
             Active tab background
         

         

             @_tab-control-color-active@text-color@text__color
             '' | false | value
             Active tab text color
         

         

             @_tab-control-text-decoration-active@tab-control-text-decoration@tab-control__text-decoration
             '' | false | value
             Active tab text-decoration
         

         

             @_tab-control-height@indent-l-base@indent__l
             '' | false | value
             Height of tab control
         

         

             @_tab-control-margin-right@indent-xs-base@indent__xs
             '' | false | value
             Right margin of tab title block
         

         

             @_tab-control-padding-top@indent-xs-base@indent__xs
             '' | false | value
             Tab control padding top
         

         

             @_tab-control-padding-right@indent-base@indent__base
             '' | false | value
             Tab control padding right
         

         

             @_tab-control-padding-bottom@tab-control-padding-bottom@tab-control__padding-bottom
             '' | false | value
             Tab control padding bottom
         

         

             @_tab-control-padding-left@tab-control-padding-left@tab-control__padding-left
             '' | false | value
             Tab control padding left
         
Tab content settings
         

         
@_tab-content-bg@tab-control-bg-active@_tab-content-background-color@tab-control__active__background-color
             '' | false | value
             Tab content background
         

         

             @_tab-content-border@tab-control-border-width solid @tab-control-border-color@tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Tab content border
         

         

             @_tab-content-margin-top@tab-control-height + @tab-control-border-width + @tab-control-padding-top + @tab-control-padding-bottom@tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom
             '' | false | value
             Tab content top margin (it is the sum of tabs height and top border width)
         

         

             @_tab-content-padding-top@indent-base@indent__base
             '' | false | value
             Tab content padding
         

         

             @_tab-content-padding-right@indent-base@indent__base
             '' | false | value
             Tab content padding
         

         

             @_tab-content-padding-bottom@tab-content-padding-top@tab-content__padding-top
             '' | false | value
             Tab content padding
         

         

             @_tab-content-padding-left@tab-content-padding-right@tab-content__padding-right
             '' | false | value
             Tab content padding
         

@@ -289,31 +290,31 @@
         
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -322,127 +323,127 @@
         
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -450,32 +451,32 @@
             
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            

         

         

             @_accordion-control-font-family@tab-control-font-family@tab-control__font-family
             '' | false | value
             Accordion font family
         

         

             @_accordion-control-font-size@font-size-l@font-size__l
             '' | false | value
             Accordion font size
         

         

             @_accordion-control-font-style@tab-control-font-style@tab-control__font-style
             '' | false | value
             Accordion font style
         

         

             @_accordion-control-font-weight@tab-control-font-weight@tab-control__font-weight
             '' | false | value
             Accordion font weight
         

         

             @_accordion-control-line-height@accordion-control-height@accordion-control__height
             '' | false | value
             Accordion line height
         

         

             @_accordion-control-border-top@tab-control-border-width solid @tab-control-border-color@tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         

         

             @_accordion-control-border-right@tab-control-border-width solid @tab-control-border-color@tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         

         

             @_accordion-control-border-bottom@tab-control-border-width solid @tab-control-border-color@tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         

         

             @_accordion-control-border-left@tab-control-border-width solid @tab-control-border-color@tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         

         
@_accordion-control-bg@tab-control-bg@_accordion-control-background-color@tab-control__background-color
             '' | false | value
             Accordion control background
         

         

             @_accordion-control-color@tab-control-color@tab-control__color
             '' | false | value
             Accordion control color
         

         

             @_accordion-control-text-decoration@tab-control-text-decoration@tab-control__text-decoration
             '' | false | value
             Accordion control text decoration
         

         

             @_accordion-control-color-visited@accordion-control-color@accordion-control__color
             '' | false | value
             Accordion control visited link color
         

         

             @_accordion-control-text-decoration-visited@accordion-control-text-decoration@accordion-control__text-decoration
             '' | false | value
             Accordion control visited link text-decoration
         

         
@_accordion-control-bg-hover@tab-control-bg-hover@_accordion-control-background-color-hover@tab-control__hover__background-color
             '' | false | value
             Hovered accordion control background
         

         

             @_accordion-control-color-hover@tab-control-color-hover@tab-control__hover__color
             '' | false | value
             Hovered accordion control text color
         

         

             @_accordion-control-text-decoration-hover@tab-control-text-decoration-hover@tab-control__hover__text-decoration
             '' | false | value
             Hovered accordion control text-decoration
         

         
@_accordion-control-bg-active@tab-control-bg-active@_accordion-control-background-color-active@tab-control__active__background-color
             '' | false | value
             Active accordion control background
         

         

             @_accordion-control-color-active@tab-control-color-active@tab-control__active__color
             '' | false | value
             Active accordion control text color
         

         

             @_accordion-control-text-decoration-active@tab-control-text-decoration-active@tab-control__active__text-decoration
             '' | false | value
             Active accordion control text-decoration
         

         

             @_accordion-control-height@indent-xl-base@indent__xl
             '' | false | value
             Height of accordion control
         

         

             @_accordion-control-margin-bottom@indent-xs-base@indent__xs
             '' | false | value
             Bottom margin of the accordion control
         

         

             @_accordion-control-padding-top@tab-control-padding-top@tab-control__padding-top
             '' | false | value
             Accordion tab control padding top
         

         

             @_accordion-control-padding-right@indent-base@indent__base
             '' | false | value
             Accordion tab control padding right
         

         

             @_accordion-control-padding-bottom@tab-control-padding-bottom@tab-control__padding-bottom
             '' | false | value
             Accordion tab control padding bottom
         

         

             @_accordion-control-padding-left@accordion-control-padding-right@accordion-control__padding-right
             '' | false | value
             Accordion tab control padding left
         
Accordion content settings
         

         
@_accordion-content-bg@tab-control-bg-active@_accordion-content-background-color@tab-control__active__background-color
             '' | false | value
             Accordion tab content background
         

         

             @_accordion-content-border@tab-content-border@tab-content__border
             '' | false | value
             Accordion tab content border
         

         

             @_accordion-content-margin0 0 @indent-xs-base0 0 @indent__xs
             '' | false | value
             Accordion tab content margin
         

         

             @_accordion-content-padding@tab-content-padding-top @tab-content-padding-right @tab-content-padding-bottom @tab-content-padding-left@tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left
             '' | false | value
             Accordion tab content padding
         

     

   

-
Responsive tabs

+


Responsive tabs

 
  Since tabs and accordion have same markup, they can transform one into other by means of CSS and JavaScript. This can be used for responsive web design. For instance, for mobile version there is an accordion, for desctop version it is transformed to tabs. To implement this approach, use the  .data-accordion() mixin for mobile version, and the .data-tabs() mixin for desctop version.

 
-

-@media only screen and (max-width: 99999px) {
-    .example-sections-4 {
-        .data-tabs();
-    }
-}
-
-@media only screen and (max-width: @screen-m) {
-    .example-sections-4 {
-        .data-accordion();
-    }
-}
-
Tabs Base

-
  The .data-tabs-base() mixin sets basic tabs styles.

+

+@media only screen and (max-width: 99999px) {
+    .example-sections-4 {
+        .data-tabs();
+    }
+}
+
+@media only screen and (max-width: @screen__m) {
+    .example-sections-4 {
+        .data-accordion();
+    }
+}
+

Tabs Base

+
  The .data-tabs__base() mixin sets basic tabs styles.

 
-

-.example-sections-5 {
-    .data-tabs-base();
-}
-
Accordion Base

-
  The .data-accordion-base() mixin sets basic accordion styles.
+

+.example-sections-5 {
+    .data-tabs__base();
+}
+

Accordion Base

+
  The .data-accordion__base() mixin sets basic accordion styles.
   Data accordion uses the same markup as data tabs.

 
-

-.example-sections-6 {
-    .data-accordion-base();
-}

+

+.example-sections-6 {
+    .data-accordion__base();
+}


diff --git a/lib/web/css/docs/source/README.md b/lib/web/css/docs/source/README.md
index 8ed8f840a72e1..1f712a5526043 100644
--- a/lib/web/css/docs/source/README.md
+++ b/lib/web/css/docs/source/README.md
@@ -46,11 +46,10 @@ Magento UI library is located under `/lib/web/` folder. It and employs:
     ├── css/
     │    ├── docs/ (Library documentation)
     │    │    ├── source/
-    │    │    │    ├── abstract.less
     │    │    │    ├── actions-toolbar.less
     │    │    │    ├── breadcrumbs.less
     │    │    │    ├── buttons.less
-    │    │    │    ├── docks.less
+    │    │    │    ├── docs.less
     │    │    │    ├── dropdowns.less
     │    │    │    ├── forms.less
     │    │    │    ├── icons.less
@@ -70,7 +69,7 @@ Magento UI library is located under `/lib/web/` folder. It and employs:
     │    │    │    ├── utilities.less
     │    │    │    ├── variables.less
     │    │    │    └── README.md
-    │    │    ├─── abstract.html
+    │    │    ├─── extends.html
     │    │    ├─── actions-toolbar.html
     │    │    ├─── breadcrumbs.html
     │    │    ├─── buttons.html
@@ -97,30 +96,31 @@ Magento UI library is located under `/lib/web/` folder. It and employs:
     │    │    └─── variables.html
     │    ├── source/
     │    │    ├── lib/ (Library source files)
-    │    │    │    ├── abstract.less
-    │    │    │    ├── actions-toolbar.less
-    │    │    │    ├── breadcrumbs.less
-    │    │    │    ├── buttons.less
-    │    │    │    ├── dropdowns.less
-    │    │    │    ├── forms.less
-    │    │    │    ├── icons.less
-    │    │    │    ├── layout.less
-    │    │    │    ├── lib.less
-    │    │    │    ├── loaders.less
-    │    │    │    ├── messages.less
-    │    │    │    ├── navigation.less
-    │    │    │    ├── pages.less
-    │    │    │    ├── popups.less
-    │    │    │    ├── rating.less
-    │    │    │    ├── resets.less
-    │    │    │    ├── responsive.less
-    │    │    │    ├── sections.less
-    │    │    │    ├── tables.less
-    │    │    │    ├── tooltips.less
-    │    │    │    ├── typography.less
-    │    │    │    ├── utilities.less
-    │    │    │    └── variables.less
-    │    │    └── theme.less
+    │    │    │    ├── _extends.less
+    │    │    │    ├── _actions-toolbar.less
+    │    │    │    ├── _breadcrumbs.less
+    │    │    │    ├── _buttons.less
+    │    │    │    ├── _dropdowns.less
+    │    │    │    ├── _forms.less
+    │    │    │    ├── _icons.less
+    │    │    │    ├── _layout.less
+    │    │    │    ├── _lib.less
+    │    │    │    ├── _loaders.less
+    │    │    │    ├── _messages.less
+    │    │    │    ├── _navigation.less
+    │    │    │    ├── _pages.less
+    │    │    │    ├── _popups.less
+    │    │    │    ├── _rating.less
+    │    │    │    ├── _resets.less
+    │    │    │    ├── _responsive.less
+    │    │    │    ├── _sections.less
+    │    │    │    ├── _tables.less
+    │    │    │    ├── _tooltips.less
+    │    │    │    ├── _typography.less
+    │    │    │    ├── _utilities.less
+    │    │    │    └── _variables.less
+    │    │    ├── _extend.less
+    │    │    └── _theme.less
     │    └── styles.less
     ├── fonts/
     │    └── Blank-Theme-Icons/ (Library custom icons font)
diff --git a/lib/web/css/docs/source/actions-toolbar.less b/lib/web/css/docs/source/actions-toolbar.less
index e3ce7e99b324b..7af58eb3403fe 100644
--- a/lib/web/css/docs/source/actions-toolbar.less
+++ b/lib/web/css/docs/source/actions-toolbar.less
@@ -83,7 +83,7 @@
 //      
 //      
 //        @_actions-toolbar-primary-actions-margin
-//        0 @indent-xs-base 0 0
+//        0 @indent__xs 0 0
 //        '' | false | value
 //        Margins of primary .actions in the Actions toolbar
 //      
@@ -369,7 +369,7 @@
     .actions-toolbar();
 }
 
-@media only screen and (max-width: @screen-m) {
+@media only screen and (max-width: @screen__m) {
     .example-actions-toolbar-12 {
        .actions-toolbar-clear-floats();
     }
diff --git a/lib/web/css/docs/source/breadcrumbs.less b/lib/web/css/docs/source/breadcrumbs.less
index 63060728dc701..2b0f9c7e7d68b 100644
--- a/lib/web/css/docs/source/breadcrumbs.less
+++ b/lib/web/css/docs/source/breadcrumbs.less
@@ -44,7 +44,7 @@
 //      
 //      
 //        @_breadcrumbs-font-size
-//        @font-size-s
+//        @font-size__s
 //        '' | false | value
 //        Breadcrumbs font size
 //      
@@ -55,8 +55,8 @@
 //        Breadcrumbs links display property
 //      
 //      
-//        @_@breadcrumbs-container-margin
-//         0 0 @indent-base
+//        @_@breadcrumbs__container-margin
+//         0 0 @indent__base
 //        '' | false | value
 //        Breadcrumbs items padding
 //      
@@ -77,7 +77,7 @@
 //      
 //      
 //        @_breadcrumbs-separator-color
-//        @breadcrumbs-current-color
+//        @breadcrumbs-current__color
 //        '' | false | value
 //        Breadcrumbs separating symbol color
 //      
@@ -140,7 +140,7 @@
 //      
 //      
 //        @_breadcrumbs-current-font-weight
-//        @font-weight-base
+//        @font-weight__regular
 //        '' | false | value
 //        Breadcrumbs current page font weight
 //      
@@ -169,13 +169,13 @@
 //        Direction of breadcrumbs current page background gradient (if there is any)
 //      
 //      
-//        @_breadcrumbs-current-gradient-start-color
+//        @_breadcrumbs-current-gradient-color-start
 //        false
 //        '' | false | value
 //        Breadcrumbs current page gradient start color
 //      
 //      
-//        @_breadcrumbs-current-gradient-end-color
+//        @_breadcrumbs-current-gradient-color-end
 //        false
 //        '' | false | value
 //        Breadcrumbs current page gradient end color
@@ -200,7 +200,7 @@
 //      
 //      
 //        @_breadcrumbs-link-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item color
 //      
@@ -223,13 +223,13 @@
 //        Breadcrumbs item text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color
+//        @_breadcrumbs-link-gradient-color-start
 //        false
 //        '' | false | value
 //        Breadcrumbs item gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color
+//        @_breadcrumbs-link-gradient-color-end
 //        false
 //        '' | false | value
 //        Breadcrumbs item gradient end color
@@ -239,19 +239,19 @@
 //      
 //      
 //        @_breadcrumbs-link-color-visited
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item visited color
 //      
 //      
 //        @_breadcrumbs-link-background-visited
-//        @breadcrumbs-link-background
+//        @breadcrumbs-link__background
 //        '' | false | value
 //        Breadcrumbs item visited background
 //      
 //      
 //        @_breadcrumbs-link-border-visited
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item visited border
 //      
@@ -262,13 +262,13 @@
 //        Breadcrumbs item text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-visited
+//        @_breadcrumbs-link-gradient-color-start-visited
 //        false
 //        '' | false | value
 //        Breadcrumbs item visited gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-visited
+//        @_breadcrumbs-link-gradient-color-end-visited
 //        false
 //        '' | false | value
 //        Breadcrumbs item visited gradient end color
@@ -278,7 +278,7 @@
 //      
 //      
 //        @_breadcrumbs-link-color-hover
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item hover color
 //      
@@ -290,7 +290,7 @@
 //      
 //      
 //        @_breadcrumbs-link-border-hover
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item hover border
 //      
@@ -301,13 +301,13 @@
 //        Breadcrumbs item hover text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-hover
+//        @_breadcrumbs-link-gradient-color-start-hover
 //        false
 //        '' | false | value
 //        Breadcrumbs item hover gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-hover
+//        @_breadcrumbs-link-gradient-color-end-hover
 //        false
 //        '' | false | value
 //        Breadcrumbs item hover gradient end color
@@ -317,19 +317,19 @@
 //      
 //      
 //        @_breadcrumbs-link-color-active
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item active color
 //      
 //      
 //        @_breadcrumbs-link-background-active
-//        @breadcrumbs-link-background
+//        @breadcrumbs-link__background
 //        '' | false | value
 //        Breadcrumbs item active background
 //      
 //      
 //        @_breadcrumbs-link-border-active
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item active border
 //      
@@ -340,13 +340,13 @@
 //        Breadcrumbs item active text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-active
+//        @_breadcrumbs-link-gradient-color-start-active
 //        false
 //        '' | false | value
 //        Breadcrumbs item active gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-active
+//        @_breadcrumbs-link-gradient-color-end-active
 //        false
 //        '' | false | value
 //        Breadcrumbs item active gradient end color
@@ -366,16 +366,16 @@
 //  ```css
 //  @_breadcrumbs-link-gradient: true,
 //  @_breadcrumbs-link-gradient-direction: vertical,
-//  @_breadcrumbs-link-gradient-start-color: #f4f4f4,
-//  @_breadcrumbs-link-gradient-end-color: #ccc,
-//  @_breadcrumbs-link-gradient-start-color-hover: #ccc,
-//  @_breadcrumbs-link-gradient-end-color-hover: #f4f4f4
+//  @_breadcrumbs-link-gradient-color-start: #f4f4f4,
+//  @_breadcrumbs-link-gradient-color-end: #ccc,
+//  @_breadcrumbs-link-gradient-color-start-hover: #ccc,
+//  @_breadcrumbs-link-gradient-color-end-hover: #f4f4f4
 //  ```
 //  set up current page gradient background:
 //  ```css
 //  @_breadcrumbs-current-gradient: true,
-//  @_breadcrumbs-current-gradient-start-color: #f7b32e,
-//  @_breadcrumbs-current-gradient-end-color: #ff5501
+//  @_breadcrumbs-current-gradient-color-start: #f7b32e,
+//  @_breadcrumbs-current-gradient-color-end: #ff5501
 //  ```
 //  ```html
 //  

@@ -404,15 +404,15 @@
         @_breadcrumbs-link-border: 1px solid #ccc,
         @_breadcrumbs-link-gradient: true,
         @_breadcrumbs-link-gradient-direction: vertical,
-        @_breadcrumbs-link-gradient-start-color: #f4f4f4,
-        @_breadcrumbs-link-gradient-end-color: #ccc,
-        @_breadcrumbs-link-gradient-start-color-hover: #ccc,
-        @_breadcrumbs-link-gradient-end-color-hover: #f4f4f4,
+        @_breadcrumbs-link-gradient-color-start: #f4f4f4,
+        @_breadcrumbs-link-gradient-color-end: #ccc,
+        @_breadcrumbs-link-gradient-color-start-hover: #ccc,
+        @_breadcrumbs-link-gradient-color-end-hover: #f4f4f4,
         @_breadcrumbs-link-text-decoration-hover: none,
         @_breadcrumbs-current-color: #1979c3,
         @_breadcrumbs-current-gradient: true,
-        @_breadcrumbs-current-gradient-start-color: #f7b32e,
-        @_breadcrumbs-current-gradient-end-color: #ff5501,
+        @_breadcrumbs-current-gradient-color-start: #f7b32e,
+        @_breadcrumbs-current-gradient-color-end: #ff5501,
         @_breadcrumbs-current-border: 1px solid #d04b0a
     );
 }
diff --git a/lib/web/css/docs/source/buttons.less b/lib/web/css/docs/source/buttons.less
index ba11acd2fe6fe..72efb1f57c541 100644
--- a/lib/web/css/docs/source/buttons.less
+++ b/lib/web/css/docs/source/buttons.less
@@ -67,19 +67,19 @@ button {
 //      
 //      
 //        @_button-font-family
-//        @font-family-base
+//        @font-family__base
 //        '' | false | value
 //        Button font family
 //      
 //      
 //        @_button-font-size
-//        @font-size-base
+//        @font-size__base
 //        '' | false | value
 //        Button font size
 //      
 //      
 //        @_button-font-weight
-//        @font-weight-bold
+//        @font-weight__bold
 //        '' | false | value
 //        Button font weight
 //      
@@ -103,7 +103,7 @@ button {
 //      
 //      
 //        @_button-line-height
-//        @font-size-base + 2
+//        @font-size__base + 2
 //        '' | false | value
 //        Button height
 //      
@@ -142,7 +142,7 @@ button {
 //      
 //      
 //        @_button-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Button text color
 //      
@@ -159,13 +159,13 @@ button {
 //        Button border
 //      
 //      
-//        @_button-gradient-start-color
+//        @_button-gradient-color-start
 //        false
 //        '' | false | value
 //        Gradient background start color
 //      
 //      
-//        @_button-gradient-end-color
+//        @_button-gradient-color-end
 //        false
 //        '' | false | value
 //        Gradient background end color
@@ -192,13 +192,13 @@ button {
 //        Hovered button border
 //      
 //      
-//        @_button-gradient-start-color-hover
+//        @_button-gradient-color-start-hover
 //        false
 //        '' | false | value
 //        Hovered button gradient background start color
 //      
 //      
-//        @_button-gradient-end-color-hover
+//        @_button-gradient-color-end-hover
 //        false
 //        '' | false | value
 //        Hovered button gradient background end color
@@ -208,30 +208,30 @@ button {
 //      
 //      
 //        @_button-color-active
-//        @button-color
+//        @button__color
 //        '' | false | value
 //        Active button text color
 //      
 //      
 //        @_button-background-active
-//        @button-background-hover
+//        @button__hover__background
 //        '' | false | value
 //        Active button background
 //      
 //      
 //        @_button-border-active
-//        @button-border
+//        @button__border
 //        '' | false | value
 //        Active button border
 //      
 //      
-//        @_button-gradient-start-color-active

+//        @_button-gradient-color-start-active

 //        false
 //        '' | false | value
 //        Active button gradient background start color
 //      
 //      
-//        @_button-gradient-end-color-active
+//        @_button-gradient-color-end-active
 //        false
 //        '' | false | value
 //        Active button gradient background end color
@@ -265,7 +265,7 @@ button {
 //      
 //      
 //        @_button-icon-font-line-height
-//        @button-icon-font-size
+//        @button-icon__font-size
 //        '' | false | value
 //        Button icon line height
 //      
@@ -301,7 +301,7 @@ button {
 //      
 //      
 //        @_button-icon-font-position
-//        @icon-position
+//        @icon__position
 //        '' | false | before | after
 //        Button icon font position
 //      
@@ -444,7 +444,7 @@ button {
 
 //  # Primary button
 //
-//  The .button-primary() mixin is used to create a **primary button**. By default it uses Primary button variables from variables.less file.
+//  The .button-primary() mixin is used to create a **primary button**. By default it uses Primary button variables from _variables.less file.
 //
 //  ##Primary button big
 //  ```html
@@ -493,7 +493,7 @@ button {
 
 //  # Primary button variables
 //
-//  In the variables list primary buttons are configured with @button-primary- prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary-background of the global variables list.
+//  In the variables list primary buttons are configured with @button-primary__ prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary__background of the global variables list.
 //  
 //    
 //        
@@ -522,7 +522,7 @@ button {
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -560,13 +560,13 @@ button {
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -588,18 +588,18 @@ button {
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -609,30 +609,30 @@ button {
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -642,7 +642,7 @@ button {
 
 //  # Button with gradient background
 //
-//  The .button() mixin can get its values from variables.less file or directly
+//  The .button() mixin can get its values from _variables.less file or directly
 //  ```html
 //  
 //  
@@ -654,21 +654,21 @@ button {
 .example-button-7 {
     .button(
         @_button-margin: 3px,
-        @_button-padding: @button-padding,
-        @_button-gradient-start-color: #1979c3,
-        @_button-gradient-end-color: #006bb4,
+        @_button-padding: @button__padding,
+        @_button-gradient-color-start: #1979c3,
+        @_button-gradient-color-end: #006bb4,
         @_button-color: #fff,
-        @_button-gradient-start-color-hover: #006bb4,
-        @_button-gradient-end-color-hover: #1979c3,
+        @_button-gradient-color-start-hover: #006bb4,
+        @_button-gradient-color-end-hover: #1979c3,
         @_button-color-hover: #fff,
-        @_button-gradient-start-color-active: #006bb4,
-        @_button-gradient-end-color-active: #006bb4,
+        @_button-gradient-color-start-active: #006bb4,
+        @_button-gradient-color-end-active: #006bb4,
         @_button-color-active: #fff,
         @_button-gradient: true,
         @_button-gradient-direction: vertical,
-        @_button-border: @button-primary-border,
-        @_button-border-hover: @button-primary-border-hover,
-        @_button-border-active: @button-primary-border-active
+        @_button-border: @button-primary__border,
+        @_button-border-hover: @button-primary__hover__border,
+        @_button-border-active: @button-primary__active__border
     );
     border-radius: 3px;
     &:active {
@@ -760,55 +760,55 @@ button {
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
@@ -849,19 +849,19 @@ button {
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
diff --git a/lib/web/css/docs/source/docs.less b/lib/web/css/docs/source/docs.less
index a304e6374f44a..fcce777257b3c 100644
--- a/lib/web/css/docs/source/docs.less
+++ b/lib/web/css/docs/source/docs.less
@@ -6,31 +6,33 @@
 //  # Documentation
 //  This file was created for documentation generation. It contains includes of all documentation files.
 
-@import "../../styles.less";
+@import '../../source/lib/_lib'; // Library files
+@import '../../source/_theme'; // Theme overrides
+@import '../../source/lib/_responsive'; // Media queries collector
 
-@baseDir: "/pub/static/frontend/Magento/blank/en_US/"; //default
+@baseDir: '/pub/static/frontend/Magento/blank/en_US/';
 
-@import "actions-toolbar.less";
-@import "breadcrumbs.less";
-@import "buttons.less";
-@import "dropdowns.less";
-@import "forms.less";
-@import "icons.less";
-@import "loaders.less";
-@import "messages.less";
-//@import "navigation.less";
-@import "layout.less";
-@import "pages.less";
-@import "popups.less";
-@import "rating.less";
-@import "resets.less";
-@import "responsive.less";
-@import "sections.less";
-@import "tables.less";
-@import "tooltips.less";
-@import "typography.less";
-@import "utilities.less";
-@import "variables.less";
+@import 'actions-toolbar';
+@import 'breadcrumbs';
+@import 'buttons';
+@import 'dropdowns';
+@import 'forms';
+@import 'icons';
+@import 'loaders';
+@import 'messages';
+//@import 'navigation';
+@import 'layout';
+@import 'pages';
+@import 'popups';
+@import 'rating';
+@import 'resets';
+@import 'responsive';
+@import 'sections';
+@import 'tables';
+@import 'tooltips';
+@import 'typography';
+@import 'utilities';
+@import 'variables';
 
 body {
     padding: 15px;
diff --git a/lib/web/css/docs/source/dropdowns.less b/lib/web/css/docs/source/dropdowns.less
index cf51d7552263b..0939250702ac7 100644
--- a/lib/web/css/docs/source/dropdowns.less
+++ b/lib/web/css/docs/source/dropdowns.less
@@ -185,43 +185,43 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -233,13 +233,13 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -395,7 +395,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -410,49 +410,49 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -464,37 +464,37 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -503,55 +503,55 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -563,13 +563,13 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
diff --git a/lib/web/css/docs/source/forms.less b/lib/web/css/docs/source/forms.less
index 64a8200a9373e..f3fd20c0c88c4 100644
--- a/lib/web/css/docs/source/forms.less
+++ b/lib/web/css/docs/source/forms.less
@@ -246,73 +246,73 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -339,7 +339,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -351,26 +351,26 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
@@ -378,67 +378,67 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -447,44 +447,44 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
@@ -492,55 +492,55 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -552,56 +552,56 @@
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //    
@_button-padding@button-padding@button__padding'' | false | valueButton padding
Button text color
@_button-gradient-start-color@_button-gradient-color-startfalse'' | false | valueGradient background start color
@_button-gradient-end-color@_button-gradient-color-endfalse'' | false | valueGradient background end color
@_button-color-hover@button-primary-color@button-primary__color'' | false | valueHovered button text color
@_button-gradient-start-color-hover@_button-gradient-color-start-hoverfalse'' | false | valueHovered button gradient background start color
@_button-gradient-end-color-hover@_button-gradient-color-end-hoverfalse'' | false | valueHovered button gradient background end color
@_button-background-active@button-primary-background-hover@button-primary__hover__background'' | false | valueActive button background
@_button-border-active@button-primary-border-hover@button-primary__hover__border'' | false | valueActive button border
@_button-color-active@button-primary-color@button-primary__color'' | false | valueActive button text color
@_button-gradient-start-color-active@_button-gradient-color-start-activefalse'' | false | valueActive button gradient background start color
@_button-gradient-end-color-active@_button-gradient-color-end-activefalse'' | false | valueActive button gradient background end color
@_button-color@button-color@button__color'' | false | valueButton color
@_button-background@button-background@button__background'' | false | valueButton background
@_button-border@button-border@button__border'' | false | valueButton border
@_button-color-hover@button-color-hover@button__hover__color'' | false | valueButton hover color
@_button-background-hover@button-background-hover@button__hover__background'' | false | valueButton hover background
@_button-border-hover@button-border-hover@button__hover__border'' | false | valueButton hover border
@_button-color-active@button-color-active@button__active__color'' | false | valueButton active color
@_button-background-active@button-background-active@button__active__background'' | false | valueButton active background
@_button-border-active@button-border-active@button__active__border'' | false | valueButton active border
@_button-font-size@button-font-size@button__font-size'' | valueButton font size
@_button-line-height@button-line-height@button__line-height'' | valueButton line-height
@_button-padding@button-padding@button__padding'' | valueButton padding
@_icon-font@button-icon-font@button-icon__font'' | false | valueDrop-down toggle icon font
@_icon-font-size@button-icon-font-size@button-icon__font-size'' | false | valueDrop-down toggle icon font size
@_icon-font-line-height@button-icon-font-line-height@button-icon__line-height'' | false | valueDrop-down toggle icon line height
@_icon-font-color@button-icon-font-color@button-icon__color'' | false | valueDrop-down toggle icon color
@_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color'' | false | valueDrop-down toggle icon hovered color
@_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color'' | false | valueDrop-down toggle icon active color
@_icon-font-margin@button-icon-font-margin@button-icon__margin'' | false | valueDrop-down toggle icon margin
@_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align'' | false | valueDrop-down toggle icon vertical align
@_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hidetrue | falseText in the tag, that contains icon, is hidden
@_dropdown-split-actions-padding0 @indent-xs-base0 @indent__xs'' | false | valueSplit button toggle element padding
@_dropdown-split-list-position-top@dropdown-list-position-top@dropdown-list__position-top'' | false | valueSplit button drop-down list position: top
@_dropdown-split-list-position-right@dropdown-list-position-right@dropdown-list__position-right'' | false | valueSplit button drop-down list position: right
@_dropdown-split-list-position-bottom@dropdown-list-position-bottom@dropdown-list__position-bottom'' | false | valueSplit button drop-down list position: bottom
@_dropdown-split-list-position-left@dropdown-list-position-left@dropdown-list__position-left'' | false | valueSplit button drop-down list position: left
@_dropdown-split-list-background@dropdown-list-background@dropdown-list__background'' | false | valueSplit button drop-down background
@_dropdown-split-list-border@dropdown-list-border@dropdown-list__border'' | false | valueSplit button drop-down border
@_dropdown-split-list-pointer@dropdown-list-pointer@dropdown-list__pointer'' | false | valueSplit button drop-down list pointer
@_dropdown-split-list-pointer-border@dropdown-list-pointer-border@dropdown-list-pointer__border'' | false | valueSplit button drop-down list pointer border
@_dropdown-split-list-item-border@dropdown-list-item-border@dropdown-list-item__border'' | false | valueSplit button drop-down list item border
@_dropdown-split-list-item-padding@dropdown-list-item-padding@dropdown-list-item__padding'' | false | valueSplit button drop-down list item padding
@_dropdown-split-list-item-margin@dropdown-list-item-margin@dropdown-list-item__margin'' | false | valueSplit button drop-down list item margin
@_dropdown-split-list-item-hover@dropdown-list-item-hover@dropdown-list-item__hover'' | false | valueSplit button drop-down list item hovered background
@_dropdown-split-list-shadow@dropdown-list-shadow@dropdown-list__shadow'' | false | valueSplit button drop-down list shadow
@_dropdown-split-list-z-index@dropdown-list-z-index@dropdown-list__z-index'' | false | valueSplit button drop-down list z-index
@_dropdown-split-toggle-icon-content@dropdown-toggle-icon-content@dropdown-toggle-icon__content'' | false | valueSplit button drop-down toggle icon - default state
@_dropdown-split-toggle-active-icon-content@dropdown-toggle-active-icon-content@dropdown-toggle-icon__active__content'' | false | valueSplit button drop-down toggle icon - active state
@_icon-font@button-icon-font@button-icon__font'' | false | valueSplit button drop-down toggle icon font
@_icon-font-size@button-icon-font-size@button-icon__font-size'' | false | valueSplit button drop-down toggle icon font size
@_icon-font-line-height@button-icon-font-line-height@button-icon__line-height'' | false | valueSplit button drop-down toggle icon line height
@_icon-font-color@button-icon-font-color@button-icon__color'' | false | valueSplit button drop-down toggle icon color
@_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color'' | false | valueSplit button drop-down toggle icon hovered color
@_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color'' | false | valueSplit button drop-down toggle icon active color
@_icon-font-margin@button-icon-font-margin@button-icon__margin'' | false | valueSplit button drop-down toggle icon margin
@_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align'' | false | valueSplit button drop-down toggle icon vertical align
@_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hidetrue | falseThe text in the toggle tag is hidden
@_border@form-fieldset-border@form-fieldset__border0Fieldset border
@_margin@form-fieldset-margin 0 0 @indent-xl-base@form-fieldset__margin 0 0 @indent__xlFieldset margin
@_padding@form-fieldset-padding@form-fieldset__padding0Fieldset padding
@_legend-color@form-fieldset-legend-color@form-fieldset-legend__colorfalseLegend color
@_legend-font-size@form-fieldset-legend-font-size@form-fieldset-legend__font-size20pxLegend font size
@_legend-font-family@form-fieldset-legend-font-family@form-fieldset-legend__font-familyfalseLegend font family
@_legend-font-weight@form-fieldset-legend-font-weight@form-fieldset-legend__font-weightfalseLegend font weight
@_legend-font-style@form-fieldset-legend-font-style@form-fieldset-legend__font-stylefalseLegend font style
@_legend-line-height@form-fieldset-legend-line-height@form-fieldset-legend__line-height1.2Legend line height
@_legend-margin@form-fieldset-legend-margin0 0 @indent-m-base@form-fieldset-legend__margin0 0 @indent__mLegend margin
@_legend-padding@form-fieldset-legend-padding@form-fieldset-legend__padding0Legend padding
@_legend-width@form-fieldset-legend-width@form-fieldset-legend__widthfalseLegend width
@_border@form-field-border@form-field__borderfalseBorder of the <div class="field"> element
@_column-padding@form-field-column-padding@form-field-column__padding0 12px 0 0Form fields column padding
@_column-number@form-field-column-number@form-field-column__number2Form fields number of columns
@_type-block-margin@form-field-type-block-margin0 0 @form-field-vertical-indent@form-field-type-block__margin0 0 @form-field__vertical-indentForm fields margin if @form-field-type set to is 'block'
@_type-inline-margin@form-field-type-inline-margin0 0 @form-field-vertical-indent@form-field-type-inline__margin0 0 @form-field__vertical-indentForm fields margin if @form-field-type is set to 'inline'
@_label-color@form-field-label-align@form-field-label__alignfalseField label text color
@_label-color@form-field-label-color@form-field-label__colorfalseField label text color
@_label-font-size@form-field-label-font-size@form-field-label__font-sizefalseField label font size
@_label-font-family@form-field-label-font-family@form-field-label__font-familyfalseField label font family
@_label-font-weight@form-field-label-font-weight@font-weight-bold@form-field-label__font-weight@font-weight__boldField label font weight
 @_label-font-style@form-field-label-font-style@form-field-label__font-stylefalseField label font style
@_label-line-height@form-field-label-line-height@form-field-label__line-heightfalseField label line height
@_type-block-label-margin@form-field-type-block-label-margin0 0 @indent-xs-base@form-field-type-label-block__margin0 0 @indent__xsField label margin if @form-field-type is set to 'block'
@_type-inline-label-padding@form-field-type-inline-label-padding@form-field-type-inline-label-padding-top 15px 0 0@form-field-type-label-inline__padding@form-field-type-label-inline__padding-top 15px 0 0Field label padding if @form-field-type is set to 'inline'
@_type-inline-label-width@form-field-type-inline-label-width@form-field-type-label-inline__width25.8%Field label width if @form-field-type is set to 'inline'
@_type-inline-control-width@form-field-type-inline-control-width@form-field-type-control-inline__width74.2%Field control width if @form-field-type is set to 'inline'
@_label-asterisk-color@form-field-label-asterisk-color@form-field-label-asterisk__color#da370aLabel asterisk color
@_label-asterisk-font-size@form-field-label-asterisk-font-size@font-size-s@form-field-label-asterisk__font-size@font-size__sLabel asterisk font size
@_label-asterisk-font-family@form-field-label-asterisk-font-family@form-field-label-asterisk__font-familyfalseLabel asterisk font family
@_label-asterisk-font-weight@form-field-label-asterisk-font-weight@form-field-label-asterisk__font-weightfalseLabel asterisk font weight
@_label-asterisk-font-style@form-field-label-asterisk-font-style@form-field-label-asterisk__font-stylefalseLabel asterisk font style
@_label-asterisk-line-height@form-field-label-asterisk-line-height@form-field-label-asterisk__line-heightfalseLabel asterisk line height
@_label-asterisk-margin@form-field-label-asterisk-margin0 0 0 @indent-xs-base@form-field-label-asterisk__margin0 0 0 @indent__xsLabel asterisk margin
@_note-color@form-field-note-color@form-field-note__colorfalseField note text color
@_note-font-size@form-field-note-font-size@font-size-s@form-field-note__font-size@font-size__sField note font size
@_note-font-family@form-field-note-font-family@form-field-note__font-familyfalseField note font family
@_note-font-weight@form-field-note-font-weight@form-field-note__font-weightfalseField note font weight
@_note-font-style@form-field-note-font-style@form-field-note__font-stylefalseField note font style
@_note-line-height@form-field-note-line-height@form-field-note__line-heightfalseField note line height
@_note-margin@form-field-note-margin@form-field-note__margin3px 0 0Field note margin
@_note-padding@form-field-note-padding@form-field-note__padding0Field note padding
@_note-icon-font-content@form-field-note-icon-font-content@form-field-note-icon-font__content@icon-pointer-upField note icon code
@_note-icon-font-size@form-field-note-icon-font-size@form-field-note-font-size*2@form-field-note-icon-font__size@form-field-note__font-size*2Field note icon font size
@_note-icon-font-line-height@form-field-note-icon-font-line-height@form-field-note-font-size@form-field-note-icon-font__line-height@form-field-note__font-sizeField note icon line height
@_note-icon-font-color@form-field-note-icon-font-color@form-field-note-color@form-field-note-icon-font__color@form-field-note__colorField note icon color
@_note-icon-font-color-hover@form-field-note-icon-font-color-hover@form-field-note-icon-font__color-hoverfalseField note icon hovered color
@_note-icon-font-color-active@form-field-note-icon-font-color-active@form-field-note-icon-font__color-activefalseField note icon active color
@_note-icon-font-margin@form-field-note-icon-font-margin@form-field-note-icon-font__marginfalseField note icon margin
@_note-icon-font-vertical-align@form-field-note-icon-font-vertical-align@icon-font-vertical-align@form-field-note-icon-font__vertical-align@icon-font__vertical-alignField note icon vertical align
@_note-icon-font-position@form-field-note-icon-font-position@icon-font-position [before | after]@form-field-note-icon-font__position@icon-font__position [before | after]Field note icon position
@_note-icon-font-text-hide@form-field-note-icon-font-text-hide@icon-font-text-hide [true | false]@form-field-note-icon-font__text-hide@icon-font__text-hide [true | false]Field note icon text hide

@@ -621,61 +621,61 @@
 //        
 //        
 //            @_position
-//            @form-hasrequired-position
+//            @form-hasrequired__position
 //            top [top | bottom]
 //            Position of "required fields" notice
 //        
 //        
 //            @_color
-//            @form-hasrequired-color
-//            @form-field-label-asterisk-color
+//            @form-hasrequired__color
+//            @form-field-label-asterisk__color
 //            Text color of "required fields" notice
 //        
 //        
 //            @_font-size
-//            @form-hasrequired-font-size
-//            @font-size-s
+//            @form-hasrequired__font-size
+//            @font-size__s
 //            Font size of "required fields" notice
 //        
 //        
 //            @_font-family
-//            @form-hasrequired-font-family
+//            @form-hasrequired__font-family
 //            false
 //            Font family of "required fields" notice
 //        
 //        
 //            @_font-weight
-//            @form-hasrequired-font-weight
+//            @form-hasrequired__font-weight
 //            false
 //            Font weight of "required fields" notice
 //        
 //        
 //            @_font-style
-//            @form-hasrequired-font-style
+//            @form-hasrequired__font-style
 //            false
 //            Font style of "required fields" notice
 //        
 //        
 //            @_line-height
-//            @form-hasrequired-line-height
+//            @form-hasrequired__line-height
 //            false
 //            Line height of "required fields" notice
 //        
 //        
 //            @_border
-//            @form-hasrequired-border
+//            @form-hasrequired__border
 //            false
 //            Border of "required fields" notice
 //        
 //        
 //            @_margin
-//            @form-hasrequired-margin
-//            @indent-s-base 0 0
+//            @form-hasrequired__margin
+//            @indent__s 0 0
 //            Margin of "required fields" notice
 //        
 //        
 //            @_padding
-//            @form-hasrequired-padding
+//            @form-hasrequired__padding
 //            false
 //            Padding of "required fields" notice
 //        
@@ -745,60 +745,60 @@ textarea {
 //            @_type
 //            @form-element-input-type
 //            '' [input-text | select | textarea | input-radio | input-checkbox]
-//            Form control type.
@form-element-input-[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input-[] variables by default. Control-specific global variables can be set up separately.
@input-text-[] is used to set up input-text controls style
@select-[] is used to set up selects style
@textarea-[] is used to set up textarea style
+//            Form control type.
@form-element-input__[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input__[] variables by default. Control-specific global variables can be set up separately.
@input-text__[] is used to set up input-text controls style
@select__[] is used to set up selects style
@textarea__[] is used to set up textarea style
 //        
 //        
 //            @_background
-//            @form-element-input-background
@input-text-background
@selectbackground
@textarea-background
-//            @color-white
@form-element-input-background
@form-element-input-background
@form-element-input-background
+//            @form-element-input__background
@input-text__background
@selectbackground
@textarea__background
+//            @color-white
@form-element-input__background
@form-element-input__background
@form-element-input__background
 //            Form control background
 //        
 //        
 //            @_border
-//            @form-element-input-border
@input-text-border
@select-border
@textarea-border
-//            1px solid @form-element-input-border-color
@form-element-input-border
@form-element-input-border
@form-element-input-border
+//            @form-element-input__border
@input-text__border
@select__border
@textarea__border
+//            1px solid @form-element-input__border-color
@form-element-input__border
@form-element-input__border
@form-element-input__border
 //            Form control border
 //        
 //        
 //            @_border-radius
-//            @form-element-input-border-radius
@input-textborder-radius
@select-border-radius
@textarea-border-radius
-//            1px
@form-element-input-border-radius
@form-element-input-border-radius
@form-element-input-border-radius
+//            @form-element-input__border-radius
@input-textborder-radius
@select__border-radius
@textarea__border-radius
+//            1px
@form-element-input__border-radius
@form-element-input__border-radius
@form-element-input__border-radius
 //            Form control border radius
 //        
 //        
 //            @_height
-//            @form-element-input-height
@input-text-height
@select-height
@textarea-height
-//            32px
@form-element-input-height
@form-element-input-height
auto
+//            @form-element-input__height
@input-text__height
@select__height
@textarea__height
+//            32px
@form-element-input__height
@form-element-input__height
auto
 //            Form control height
 //        
 //        
 //            @_width
-//            @form-element-input-width
@input-text-width
@select-width
@textarea-width
-//            100%
@form-element-input-width
@form-element-input-width
@form-element-input-width
+//            @form-element-input__width
@input-text__width
@select__width
@textarea__width
+//            100%
@form-element-input__width
@form-element-input__width
@form-element-input__width
 //            Form control width
 //        
 //        
 //            @_margin
-//            @form-element-input-margin
@input-text-margin
@select-margin
@textarea-margin
-//            false [true | false]
@form-element-input-margin
@form-element-input-margin
0
+//            @form-element-input__margin
@input-text__margin
@select__margin
@textarea__margin
+//            false [true | false]
@form-element-input__margin
@form-element-input__margin
0
 //            Form control margin
 //        
 //        
 //            @_padding
-//            @form-element-input-padding
@input-text-padding 
@select-padding
@textarea-padding
-//            0 9px
@form-element-input-padding
5px 10px 4px
@indent-s-base
+//            @form-element-input__padding
@input-text__padding 
@select__padding
@textarea__padding
+//            0 9px
@form-element-input__padding
5px 10px 4px
@indent__s
 //            Form control padding
 //        
 //        
 //            @_vertical-align
-//            @form-element-input-vertical-align
@input-text-vertical-align
@select-vertical-align
@textarea-vertical-align
-//            baseline
@form-element-input-vertical-align
@form-element-input-vertical-align
@form-element-input-vertical-align
+//            @form-element-input__vertical-align
@input-text__vertical-align
@select__vertical-align
@textarea__vertical-align
+//            baseline
@form-element-input__vertical-align
@form-element-input__vertical-align
@form-element-input__vertical-align
 //            Form control vertical align
 //        
 //        
 //            @_background-clip
-//            @form-element-input-background-clip

@input-text-background-clip
@select-background-clip
@textarea-background-clip
-//            padding-box
[padding-box | border-box | content-box]
@form-element-input-background-clip
@form-element-input-background-clip
@form-element-input-background-clip
+//            @form-element-input__background-clip

@input-text__background-clip
@select__background-clip
@textarea__background-clip
+//            padding-box
[padding-box | border-box | content-box]
@form-element-input__background-clip
@form-element-input__background-clip
@form-element-input__background-clip
 //            Form control background clip
 //        
 //        
@@ -806,38 +806,38 @@ textarea {
 //        
 //        
 //            @_color
-//            @form-element-input-color
@input-text-color
@select-color
@textarea-color
-//            false
@form-element-input-color
@form-element-input-color
@form-element-input-color
+//            @form-element-input__color
@input-text__color
@select__color
@textarea__color
+//            false
@form-element-input__color
@form-element-input__color
@form-element-input__color
 //            Form control text color
 //        
 //        
 //            @_font-size
-//            @form-element-input-font-size
@input-text-font-size
@select-font-size
@textarea-font-size
-//            @font-size-base
@form-element-input-font-size
@form-element-input-font-size
@form-element-input-font-size
+//            @form-element-input__font-size
@input-text__font-size
@select__font-size
@textarea__font-size
+//            @font-size__base
@form-element-input__font-size
@form-element-input__font-size
@form-element-input__font-size
 //            Form control font size
 //        
 //        
 //            @_font-family
-//            @form-element-input-font-family
@input-text-font-family
@select-font-family
@textarea-font-family
-//            @font-family-base
@form-element-input-font-family
@form-element-input-font-family
@form-element-input-font-family
+//            @form-element-input__font-family
@input-text__font-family
@select__font-family
@textarea__font-family
+//            @font-family__base
@form-element-input__font-family
@form-element-input__font-family
@form-element-input__font-family
 //            Form control font family
 //        
 //        
 //            @_font-weight
-//            @form-element-input-font-weight
@input-text-font-weight
@select-font-weight
@textarea-font-weight
-//            false
@form-element-input-font-weight
@form-element-input-font-weight
@form-element-input-font-weight
+//            @form-element-input__font-weight
@input-text__font-weight
@select__font-weight
@textarea__font-weight
+//            false
@form-element-input__font-weight
@form-element-input__font-weight
@form-element-input__font-weight
 //            Form control font weight
 //        
 //        
 //            @_font-style
-//            @form-element-input-font-style
@input-text-font-style
@selectfont-style
@textarea-font-style
-//            false
@form-element-input-font-style
@form-element-input-font-style
@form-element-input-font-style
+//            @form-element-input__font-style
@input-text__font-style
@selectfont-style
@textarea__font-style
+//            false
@form-element-input__font-style
@form-element-input__font-style
@form-element-input__font-style
 //            Form control font style
 //        
 //        
 //            @_line-height
-//            @form-element-input-line-height
@input-text-line-height
@select-line-height
@textarea-line-height
-//            @line-height-base
@form-element-input-line-height
@form-element-input-line-height
@form-element-input-line-height
+//            @form-element-input__line-height
@input-text__line-height
@select__line-height
@textarea__line-height
+//            @line-height__base
@form-element-input__line-height
@form-element-input__line-height
@form-element-input__line-height
 //            Form control line height
 //        
 //        
@@ -845,14 +845,14 @@ textarea {
 //        
 //        
 //            @_placeholder-color
-//            @form-element-input-placeholder-color
@input-text-placeholder-color
@select-placeholder-color
@textarea-placeholder-color
-//            #c2c2c2
@form-element-input-placeholder-color
@form-element-input-placeholder-color
@form-element-input-placeholder-color
+//            @form-element-input-placeholder__color
@input-text-placeholder__color
@select-placeholder__color
@textarea-placeholder__color
+//            #c2c2c2
@form-element-input-placeholder__color
@form-element-input-placeholder__color
@form-element-input-placeholder__color
 //            Form control placeholder color
 //        
 //        
 //            @_placeholder-font-style
-//            @form-element-input-placeholder-font-style
@inputtext-placeholder-font-style
@select-placeholder-font-style
@textarea-placeholder-font-style
-//            @form-element-input-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
+//            @form-element-input-placeholder__font-style
@inputtext-placeholder-font-style
@select-placeholder__font-style
@textarea-placeholder__font-style
+//            @form-element-input__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
 //            Form control placeholder font style
 //        
 //        
@@ -860,32 +860,32 @@ textarea {
 //        
 //        
 //            @_disabled-background
-//            @form-element-input-disabled-background
@inputtextdisabled-background
@select-disabled-background
@textarea-disabled-background
-//            @form-element-input-background
@form-element-input-disabled-background
@form-element-input-disabled-background
@form-element-input-disabled-background
+//            @form-element-input__disabled__background
@inputtextdisabled-background
@select__disabled__background
@textarea__disabled__background
+//            @form-element-input__background
@form-element-input__disabled__background
@form-element-input__disabled__background
@form-element-input__disabled__background
 //            Disabled form element background
 //        
 //        
 //            @_disabled-border
-//            @form-element-input-disabled-border
@input-text-disabled-border
@select-disabled-border
@textarea-disabled-border
-//            @form-element-input-border
@form-element-input-disabled-border
@form-element-input-disabled-border
@form-element-input-disabled-border
+//            @form-element-input__disabled__border
@input-text__disabled__border
@select__disabled__border
@textarea__disabled__border
+//            @form-element-input__border
@form-element-input__disabled__border
@form-element-input__disabled__border
@form-element-input__disabled__border
 //            Disabled form element border
 //        
 //        
 //            @_disabled-opacity
-//            @form-element-input-disabled-opacity
@input-text-disabled-opacity
@select-disabled-opacity
@textarea-disabled-opacity
-//            .5
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
+//            @form-element-input__disabled__opacity
@input-text__disabled__opacity
@select__disabled__opacity
@textarea__disabled__opacity
+//            .5
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
 //            Disabled form element opacity
 //        
 //        
 //            @_disabled-color
-//            @form-element-input-disabled-color
@input-text-disabled-color
@select-disabled-color
@textarea-disabled-color
-//            @form-element-input-color
@form-element-input-disabled-color
@form-element-input-disabled-color
@form-element-input-disabled-color
+//            @form-element-input__disabled__color
@input-text__disabled__color
@select__disabled__color
@textarea__disabled__color
+//            @form-element-input__color
@form-element-input__disabled__color
@form-element-input__disabled__color
@form-element-input__disabled__color
 //            Disabled form element text color
 //        
 //        
 //            @_disabled-font-style
-//            @form-element-input-disabled-font-style
@input-text-disabled-font-style
@select-disabled-font-style
@textarea-disabled-font-style
-//            @form-element-input-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
+//            @form-element-input__disabled__font-style
@input-text__disabled__font-style
@select__disabled__font-style
@textarea__disabled__font-style
+//            @form-element-input__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
 //            Disabled form element font style
 //        
 //        
@@ -893,26 +893,26 @@ textarea {
 //        
 //        
 //            @_focus-background
-//            @form-element-input-focus-background
@input-text-focus-background
@select-focus-background
@textarea-focus-background
-//            @form-element-input-background
@form-element-input-focus-background
@form-element-input-focus-background
@form-element-input-focus-background
+//            @form-element-input__focus__background
@input-text__focus__background
@select__focus__background
@textarea__focus__background
+//            @form-element-input__background
@form-element-input__focus__background
@form-element-input__focus__background
@form-element-input__focus__background
 //            Focused form element background
 //        
 //        
 //            @_focus-border
-//            @form-element-input-focus-border
@input-text-focus-border
@select-focus-border
@textarea-focus-border
-//            @form-element-input-border
@form-element-input-focus-border
@form-element-input-focus-border
@form-element-input-focus-border
+//            @form-element-input__focus__border
@input-text__focus__border
@select__focus__border
@textarea__focus__border
+//            @form-element-input__border
@form-element-input__focus__border
@form-element-input__focus__border
@form-element-input__focus__border
 //            Focused form element border
 //        
 //        
 //            @_focus-color
-//            @form-element-input-focus-color
@input-text-focus-color
@select-focus-color
@textarea-focus-color
-//            @form-element-input-color
@form-element-input-focus-color
@form-element-input-focus-color
@form-element-input-focus-color
+//            @form-element-input__focus__color
@input-text__focus__color
@select__focus__color
@textarea__focus__color
+//            @form-element-input__color
@form-element-input__focus__color
@form-element-input__focus__color
@form-element-input__focus__color
 //            Focused form element color
 //        
 //        
 //            @_focus-font-style
-//            @form-element-input-focus-font-style
@input-text-focus-font-style
@select-focus-font-style
@textarea-focus-font-style
-//            @form-element-input-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
+//            @form-element-input__focus__font-style
@input-text__focus__font-style
@select__focus__font-style
@textarea__focus__font-style
+//            @form-element-input__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
 //            Focused form element font style
 //        
 //    
@@ -945,26 +945,26 @@ input[type="radio"] {
 //        
 //        
 //            @_type
-//            @form-element-choice-type
+//            @form-element-choice__type
 //            '' ['' | radio | checkbox]
 //            Choice element type
 //        
 //        
 //            @_vertical-align
-//            @form-element-choice-vertical-align
@input-radio-vertical-align
@input-checkbox-vertical-align
-//            false
@form-element-choice-vertical-align
@form-element-choice-vertical-align
+//            @form-element-choice__vertical-align
@input-radio__vertical-align
@input-checkbox__vertical-align
+//            false
@form-element-choice__vertical-align
@form-element-choice__vertical-align
 //            Choice element vertical align
 //        
 //        
 //            @_margin
-//            @form-element-choice-margin
@input-radio-margin
@input-checkbox-margin
-//            2px @indent-xs-base 0 0
@form-element-choice-margin
@form-element-choice-margin
+//            @form-element-choice__margin
@input-radio__margin
@input-checkbox__margin
+//            2px @indent__xs 0 0
@form-element-choice__margin
@form-element-choice__margin
 //            Choice element margin
 //        
 //        
 //            @_disabled-opacity
-//            @form-element-choice-disabled-opacity
@input-radio-disabled-opacity
@input-checkbox-disabled-opacity
-//            @form-element-input-disabled-opacity
@form-element-choice-disabled-opacity
@form-element-choice-disabled-opacity
+//            @form-element-choice__disabled__opacity
@input-radio__disabled__opacity
@input-checkbox__disabled__opacity
+//            @form-element-input__disabled__opacity
@form-element-choice__disabled__opacity
@form-element-choice__disabled__opacity
 //            Disabled choice element opacity
 //        
 //    
@@ -1073,122 +1073,122 @@ select {
 //        
 //        
 //            @_note-color
-//            @form-validation-note-color-error
-//            @color-error
+//            @form-validation-note__color-error
+//            @error__color
 //            Validation note text color
 //        
 //        
 //            @_note-font-size
-//            @form-validation-note-font-size
-//            @font-size-s
+//            @form-validation-note__font-size
+//            @font-size__s
 //            Validation note font size
 //        
 //        
 //            @_note-font-family
-//            @form-validation-note-font-family
+//            @form-validation-note__font-family
 //            false
 //            Validation note font family
 //        
 //        
 //            @_note-font-style
-//            @form-validation-note-font-style
+//            @form-validation-note__font-style
 //            false
 //            Validation note font style
 //        
 //        
 //            @_note-font-weight
-//            @form-validation-note-font-weight
+//            @form-validation-note__font-weight
 //            false
 //            Validation note font weight
 //        
 //        
 //            @_note-line-height
-//            @form-validation-note-line-height
+//            @form-validation-note__line-height
 //            false
 //            Validation note line height
 //        
 //        
 //            @_note-margin
-//            @form-validation-note-margin
+//            @form-validation-note__margin
 //            3px 0 0
 //            Validation note margin
 //        
 //        
 //            @_note-padding
-//            @form-validation-note-padding
+//            @form-validation-note__padding
 //            false
 //            Validation note padding
 //        
 //        
 //            @_note-icon-use
-//            @form-validation-note-icon-use
+//            @form-validation-note-icon__use
 //            false [true | false]
 //            Show validation note icon
 //        
 //        
 //            @_note-icon-font-content
-//            @form-validation-note-icon-font-content
+//            @form-validation-note-icon__font-content
 //            @icon-pointer-up
 //            Validation note icon code
 //        
 //        
 //            @_note-icon-font
-//            @form-validation-note-icon-font
+//            @form-validation-note-icon__font
 //            @icon-font
 //            Validation note icon font
 //        
 //        
 //            @_note-icon-font-size
-//            @form-validation-note-icon-font-size
-//            @form-validation-note-font-size * 2
+//            @form-validation-note-icon__font-size
+//            @form-validation-note__font-size * 2
 //            Validation note icon font size
 //        
 //        
 //            @_note-icon-font-line-height
-//            @form-validation-note-icon-font-line-height
-//            @form-validation-note-font-size
+//            @form-validation-note-icon__font-line-height
+//            @form-validation-note__font-size
 //            Validation note icon line height
 //        
 //        
 //            @_note-icon-font-color
-//            @form-validation-note-icon-font-color
-//            @form-validation-note-color-error
+//            @form-validation-note-icon__font-color
+//            @form-validation-note__color-error
 //            Validation note icon color
 //        
 //        
 //            @_note-icon-font-color-hover
-//            @form-validation-note-icon-font-color-hover
+//            @form-validation-note-icon__font-color-hover
 //            false
 //            Hovered validation note icon color
 //        
 //        
 //            @_note-icon-font-color-active
-//            @form-validation-note-icon-font-color-active
+//            @form-validation-note-icon__font-color-active
 //            false
 //            Active validation note icon color
 //        
 //        
 //            @_note-icon-font-margin
-//            @form-validation-note-icon-font-margin
+//            @form-validation-note-icon__font-margin
 //            false
 //            Validation note icon margin
 //        
 //        
 //            @_note-icon-font-vertical-align
-//            @form-validation-note-icon-font-vertical-align
-//            @icon-font-vertical-align
+//            @form-validation-note-icon__font-vertical-align
+//            @icon-font__vertical-align
 //            Validation note icon vertical align
 //        
 //        
 //            @_note-icon-font-position
-//            @form-validation-note-icon-font-position
-//            @icon-font-position
+//            @form-validation-note-icon__font-position
+//            @icon-font__position
 //            Validation note icon position
 //        
 //        
 //            @_note-icon-font-text-hide
-//            @form-validation-note-icon-font-text-hide
-//            @icon-font-text-hide
+//            @form-validation-note-icon__font-text-hide
+//            @icon-font__text-hide
 //            Validation note icon text hide
 //        
 //    
diff --git a/lib/web/css/docs/source/icons.less b/lib/web/css/docs/source/icons.less
index 6ce0156e82c1b..97f05c59a017f 100644
--- a/lib/web/css/docs/source/icons.less
+++ b/lib/web/css/docs/source/icons.less
@@ -326,7 +326,7 @@
 //      
 //      
 //        @_icon-font
-//        @icon-font-name
+//        @icons__font-name
 //        '' | false | value
 //        The icon font
 //      
@@ -338,7 +338,7 @@
 //      
 //      
 //        @_icon-font-line-height
-//        @icon-font-size
+//        @icon-font__size
 //        '' | false | value
 //        Font icon line height
 //      
@@ -362,25 +362,25 @@
 //      
 //      
 //        @_icon-font-margin
-//        @icon-margin
+//        @icon__margin
 //        '' | false | value
 //        Font icon margin
 //      
 //      
 //        @_icon-font-vertical-align
-//        @icon-vertical-align
+//        @icon__vertical-align
 //        '' | false | value
 //        Font icon vertical align
 //      
 //      
 //        @_icon-font-position
-//        @icon-position
+//        @icon__position
 //        before | after
 //        Font icon position
 //      
 //      
 //        @_icon-font-text-hide
-//        @icon-text-hide
+//        @icon__text-hide
 //        true | false
 //        The text of the element is replaced with the icon(true), or the icon is on the side of the text (false)
 //      
@@ -424,7 +424,7 @@
 //      
 //      
 //        @_icon-font-line-height
-//        @icon-font-size
+//        @icon-font__size
 //        '' | false | value
 //        Font icon line height
 //      
diff --git a/lib/web/css/docs/source/layout.less b/lib/web/css/docs/source/layout.less
index 8257e300552ce..be2c55029a666 100644
--- a/lib/web/css/docs/source/layout.less
+++ b/lib/web/css/docs/source/layout.less
@@ -34,19 +34,19 @@ footer.footer {
 //            Comment
 //        
 //        
-//            @layout-width
+//            @layout__width
 //            ''
 //            '' | false | value
 //            Page minimum width
 //        
 //        
-//            @layout-max-width
+//            @layout__max-width
 //            1280px
 //            '' | false | value
 //            Page maximum width
 //        
 //        
-//            @layout-indent
+//            @layout-indent__width
 //            20px
 //            '' | false | value
 //            Page indents on the left and right
@@ -61,13 +61,13 @@ footer.footer {
 //            Class name for one column layout
 //        
 //        
-//            @layout-class-2columns-left
+//            @layout-class-2columns__left
 //            page-layout-2columns-left
 //            '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
 //            Class name for two columns layout with left sidebar
 //        
 //        
-//            @layout-class-2columns-right
+//            @layout-class-2columns__right
 //            page-layout-2columns-right
 //            '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
 //            Class name for two columns layout with right sidebar
@@ -97,26 +97,26 @@ footer.footer {
 //            Variables for layout columns
 //        
 //        
-//            @layout-columns-width
+//            @layout-column__width
 //            @total-columns
 //            '' | false | value
 //            Sets base columns number
 //        
 //        
-//            @layout-column-sidebar-width
+//            @layout-column__sidebar-width
 //            2
 //            '' | false | value
 //            Sets sidebar width
 //        
 //        
-//            @layout-column-left-width
-//            @layout-column-sidebar-width
+//            @layout-column__left-width
+//            @layout-column__sidebar-width
 //            '' | false | value
 //            Sets left column width
 //        
 //        
-//            @layout-column-right-width
-//            @layout-column-sidebar-width
+//            @layout-column__right-width
+//            @layout-column__sidebar-width
 //            '' | false | value
 //            Sets right column width
 //        
@@ -124,26 +124,26 @@ footer.footer {
 //            Variables for layout columns depending on layout used
 //        
 //        
-//            @layout-column-main-width-1
+//            @layout-column-main__width-1
 //            100%
 //            '' | false | value
 //            Sets one column width
 //        
 //        
-//            @layout-column-main-width-2-left
-//            @layout-columns-width - @layout-column-left-width
+//            @layout-column-main__width-2-left
+//            @layout-column__width - @layout-column__left-width
 //            '' | false | value
 //            Sets left column width
 //        
 //        
-//            @layout-column-main-width-2-right
-//            @layout-columns-width - @layout-column-right-width
+//            @layout-column-main__width-2-right
+//            @layout-column__width - @layout-column__right-width
 //            '' | false | value
 //            Sets right column width
 //        
 //        
-//            @layout-column-main-width-3
-//            @layout-columns-width - @layout-column-left-width - @layout-column-right-width
+//            @layout-column-main__width-3
+//            @layout-column__width - @layout-column__left-width - @layout-column__right-width
 //            '' | false | value
 //            Sets three columns layout main column width
 //        
@@ -244,7 +244,7 @@ footer.footer {
     #layout-columns();
     > .column {
         &:extend(.add-box-sizing all);
-        .css(padding-bottom, @indent-xl-base);
+        .css(padding-bottom, @indent__xl);
     }
 }
 
@@ -340,7 +340,7 @@ footer.footer {
 //            Comment
 //        
 //        
-//            @_layout-min-width 
+//            @_layout__min-width 
 //            number
 //            Number of total columns in layout (i.e. 1, 2, 3)
 //        
@@ -372,19 +372,19 @@ footer.footer {
 //            Comment
 //        
 //        
-//            @_layout-min-width
+//            @_layout__min-width
 //            ''
 //            '' | false | value
 //            Page minimum width
 //        
 //        
-//            @_layout-max-width
+//            @_layout__max-width
 //            1280px
 //            '' | false | value
 //            Page maximum width
 //        
 //        
-//            @_layout-indent
+//            @_layout__indent
 //            20px
 //            '' | false | value
 //            Page indents on the left and right
diff --git a/lib/web/css/docs/source/lib.less b/lib/web/css/docs/source/lib.less
index 2a5f437a7da40..ef6495cafcccd 100644
--- a/lib/web/css/docs/source/lib.less
+++ b/lib/web/css/docs/source/lib.less
@@ -5,8 +5,8 @@
 
 //  #  Including Magento UI library to your theme
 //
-//  The lib.less file contains the includes of all Magento UI library files. To use Magento UI library in your theme add the following directive to the theme’s styles.less:
+//  The _lib.less file contains the includes of all Magento UI library files. To use Magento UI library in your theme add the following directive to the theme’s styles.less:
 //  ```css
-//  @import "source/lib/lib.less";
+//  @import 'source/lib/_lib';
 //  ```
 //  The lib.less file is designed to avoid manual adding of each Magento UI library file import instruction to your theme.
diff --git a/lib/web/css/docs/source/loaders.less b/lib/web/css/docs/source/loaders.less
index 1c4309f3bb7d6..90f503d592221 100644
--- a/lib/web/css/docs/source/loaders.less
+++ b/lib/web/css/docs/source/loaders.less
@@ -98,31 +98,31 @@
 //      
 //      
 //        @_loader-text-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Loader text color
 //      
 //      
 //        @_loader-text-font-size
-//        @font-size-base
+//        @font-size__base
 //        '' | false | value
 //        Loader text font size
 //      
 //      
 //        @_loader-text-font-family
-//        @font-family-base
+//        @font-family__base
 //        '' | false | value
 //        Loader text font family
 //      
 //      
 //        @_loader-text-font-weight
-//        @font-weight-base
+//        @font-weight__regular
 //        '' | false | value
 //        Loader text font weight
 //      
 //      
 //        @_loader-text-font-style
-//        @font-style-base
+//        @font-style__base
 //        '' | false | value
 //        Loader text font style
 //      
@@ -162,13 +162,13 @@
 //      
 //      
 //        @_loading-background-color
-//        @loader-overlay-background-color
+//        @loader-overlay__background-color
 //        '' | false | value
 //        Loading overlay background color
 //      
 //      
 //        @_loading-background-image
-//        @loader-icon-background-image
+//        @loader-icon__background-image
 //        '' | false | value
 //        Loading overlay background z-index
 //      
diff --git a/lib/web/css/docs/source/messages.less b/lib/web/css/docs/source/messages.less
index 58641bc96047e..bf024d14184ef 100644
--- a/lib/web/css/docs/source/messages.less
+++ b/lib/web/css/docs/source/messages.less
@@ -146,21 +146,21 @@
 
 //  # Custom message style
 //
-//  You can specify your own message type, for example “custom”. To use message mixin for this new type you need to add new variables to variables.less:
+//  You can specify your own message type, for example “custom”. To use message mixin for this new type you need to add new variables to _variables.less:
 //  ```css
-//    @message-custom-color: #000;
-//    @message-custom-background: #fc0;
-//    @message-custom-link-color: blue;
-//    @message-custom-link-color-hover: darken(@message-custom-link-color, 20%);
-//    @message-custom-link-color-active: darken(@message-custom-link-color, 30%);
-//    @message-custom-border-color: orange;
-//    @message-custom-icon: @icon-settings;
-//    @message-custom-icon-color: #000;
-//    @message-custom-icon-background: #green;
-//    @message-custom-icon-top: 15px;
-//    @message-custom-icon-right: false;
-//    @message-custom-icon-bottom: false;
-//    @message-custom-icon-left: 0;
+//    @message__custom-color: #000;
+//    @message__custom-background: #fc0;
+//    @message__custom-link-color: blue;
+//    @message__custom-link-color-hover: darken(@message-custom-link__color, 20%);
+//    @message__custom-link-color-active: darken(@message-custom-link__color, 30%);
+//    @message__custom-border-color: orange;
+//    @message__custom-icon: @icon-settings;
+//    @message__custom-icon-color: #000;
+//    @message__custom-icon-background: #green;
+//    @message__custom-icon-top: 15px;
+//    @message__custom-icon-right: false;
+//    @message__custom-icon-bottom: false;
+//    @message__custom-icon-left: 0;
 //  ```
 //  And then call message mixin with your new message type
 //  ```css
@@ -176,19 +176,21 @@
 //  ```
 //
 
-@message-custom-color: #000;
-@message-custom-background: #fc0;
-@message-custom-link-color: blue;
-@message-custom-link-color-hover: darken(@message-custom-link-color, 20%);
-@message-custom-link-color-active: darken(@message-custom-link-color, 30%);
-@message-custom-border-color: orange;
+@message-custom__color: #000;
+@message-custom__background: #fc0;
+@message-custom__border-color: orange;
+
+@message-custom-link__color: blue;
+@message-custom-link__color-hover: darken(@message-custom-link__color, 20%);
+@message-custom-link__color-active: darken(@message-custom-link__color, 30%);
+
 @message-custom-icon: @icon-settings;
-@message-custom-icon-color-lateral: #000;
-@message-custom-icon-background: #green;
-@message-custom-icon-top: 15px;
-@message-custom-icon-right: false;
-@message-custom-icon-bottom: false;
-@message-custom-icon-left: 0;
+@message-custom-icon__color-lateral: #000;
+@message-custom-icon__background: #green;
+@message-custom-icon__top: 15px;
+@message-custom-icon__right: false;
+@message-custom-icon__bottom: false;
+@message-custom-icon__left: 0;
 
 .example-message-4 {
     .message-icon-lateral(custom, left);
@@ -206,19 +208,19 @@
 //            Comment
 //        
 //        
-//            @message-padding
-//            @indent-s-base @indent-base
+//            @message__padding
+//            @indent__s @indent__base
 //            '' | value
 //            Message padding
 //        
 //        
-//            @message-margin
-//            @indent-xs-base 0
+//            @message__margin
+//            @indent__xs 0
 //            '' | value
 //            Message margin
 //        
 //        
-//            @message-color
+//            @message__color
 //            false
 //            true | false
 //            Each message type has its own message color
@@ -227,31 +229,31 @@
 //            Messages font style
 //        
 //        
-//            @message-font-size
+//            @message__font-size
 //            13px
 //            '' | false | value
 //            Message font size
 //        
 //        
-//            @message-font-family
+//            @message__font-family
 //            false
 //            '' | false | value
 //            Message font family
 //        
 //        
-//            @message-font-style
+//            @message__font-style
 //            false
 //            '' | false | value
 //            Message font style
 //        
 //        
-//            @message-font-weight
+//            @message__font-weight
 //            false
 //            '' | false | value
 //            Message font weight
 //        
 //        
-//            @message-line-height
+//            @message__line-height
 //            1.2em
 //            '' | false | value
 //            Message line height
@@ -260,55 +262,55 @@
 //            Message icon setup
 //        
 //        
-//            @message-icon-font-size
-//            ceil(@message-font-size * 2 + 2)
+//            @message-icon__font-size
+//            ceil(@message__font-size * 2 + 2)
 //            '' | false | value
 //            Message icon font size
 //        
 //        
-//            @message-icon-font-line-height
-//            @message-icon-font-size
+//            @message-icon__font-line-height
+//            @message-icon__font-size
 //            '' | false | value
 //            Message icon line height
 //        
 //        
-//            @message-icon-inner-padding-left
+//            @message-icon__inner-padding-left
 //            40px
 //            '' | false | value
 //            Message icon padding left
 //        
 //        
-//            @message-icon-lateral-width
+//            @message-icon__lateral-width
 //            30px
 //            '' | false | value
 //            Message icon lateral width
 //        
 //        
-//            @message-icon-lateral-arrow-size
+//            @message-icon__lateral-arrow-size
 //            5px
 //            '' | false | value
 //            Message icon arrow size
 //        
 //        
-//            @message-icon-top
+//            @message-icon__top
 //            18px
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-icon-right
+//            @message-icon__right
 //            false
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-icon-bottom
+//            @message-icon__bottom
 //            false
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-icon-left
+//            @message-icon__left
 //            0
 //            '' | false | value
 //            Message icon left position
@@ -317,25 +319,25 @@
 //            Message border
 //        
 //        
-//            @message-border-width
+//            @message__border-width
 //            false
 //            '' | false | value
 //            Message border width
 //        
 //        
-//            @message-border-color
+//            @message__border-color
 //            false
 //            '' | false | value
 //            Message border color
 //        
 //        
-//            @message-border-style
+//            @message__border-style
 //            false
 //            '' | false | value
 //            Message border style
 //        
 //        
-//            @message-border-radius
+//            @message__border-radius
 //            false
 //            '' | false | value
 //            Message border radius
@@ -344,38 +346,38 @@
 //            Information message
 //        
 //        
-//            @message-info-color
+//            @message-info__color
 //            #6f4400
 //            '' | false | value
 //            Information message text color
 //        
 //        
-//            @message-info-background
+//            @message-info__background
 //            #fdf0d5
 //            '' | false | value
 //            Information message background
 //        
 //        
-//            @message-info-link-color
-//            @link-color
+//            @message-info-link__color
+//            @link__color
 //            '' | false | value
 //            Information message link color
 //        
 //        
-//            @message-info-link-color-hover
-//            @link-color-hover
+//            @message-info-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Information message hovered link color
 //        
 //        
-//            @message-info-link-color-active
-//            @link-color-hover
+//            @message-info-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Information message active link color 
 //        
 //        
-//            @message-info-border-color
-//            @message-border-color
+//            @message-info__border-color
+//            @message__border-color
 //            '' | false | value
 //            Information message border color
 //        
@@ -386,44 +388,44 @@
 //            Information message icon symbol code
 //        
 //        
-//            @message-info-icon-color-inner
+//            @message-info-icon__color-inner
 //            #c07600
 //            '' | false | value
 //            Information message icon symbol color 
 //        
 //        
-//            @message-info-icon-color-lateral
+//            @message-info-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Information message lateral icon symbol color
 //        
 //        
-//            @message-info-icon-background
+//            @message-info-icon__background
 //            #6f4400
 //            '' | false | value
 //            Information message icon background
 //        
 //        
-//            @message-info-icon-top
-//            @message-icon-top
+//            @message-info-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-info-icon-right
-//            @message-icon-right
+//            @message-info-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-info-icon-bottom
-//            @message-icon-bottom
+//            @message-info-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-info-icon-left
-//            @message-icon-left
+//            @message-info-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -431,38 +433,38 @@
 //            Warning message
 //        
 //        
-//            @message-warning-color
-//            @message-info-color
+//            @message-warning__color
+//            @message-info__color
 //            '' | false | value
 //            Warning message text color
 //        
 //        
-//            @message-warning-background
-//            @message-info-background
+//            @message-warning__background
+//            @message-info__background
 //            '' | false | value
 //            Warning message background
 //        
 //        
-//            @message-warning-link-color
-//            @message-info-link-color
+//            @message-warning-link__color
+//            @message-info-link__color
 //            '' | false | value
 //            Warning message link color
 //        
 //        
-//            @message-warning-link-color-hover
-//            @message-info-link-color-hover
+//            @message-warning-link__color-hover
+//            @message-info-link__color-hover
 //            '' | false | value
 //            Warning message hovered link color
 //        
 //        
-//            @message-warning-link-color-active
-//            @message-info-link-color-active
+//            @message-warning-link__color-active
+//            @message-info-link__color-active
 //            '' | false | value
 //            Warning message active link color 
 //        
 //        
-//            @message-info-border-color
-//            @message-info-border-color
+//            @message-info__border-color
+//            @message-info__border-color
 //            '' | false | value
 //            Warning message border color
 //        
@@ -473,44 +475,44 @@
 //            Warning message icon symbol code
 //        
 //        
-//            @message-warning-icon-color-inner
-//            @message-info-icon-color-inner
+//            @message-warning-icon__color-inner
+//            @message-info-icon__color-inner
 //            '' | false | value
 //            Warning message icon symbol color 
 //        
 //        
-//            @message-warning-icon-color-lateral
-//            @message-info-icon-color-lateral
+//            @message-warning-icon__color-lateral
+//            @message-info-icon__color-lateral
 //            '' | false | value
 //            Warning message lateral icon symbol color
 //        
 //        
-//            @message-warning-icon-background
-//            @message-info-icon-background
+//            @message-warning-icon__background
+//            @message-info-icon__background
 //            '' | false | value
 //            Warning message icon background
 //        
 //        
-//            @message-warning-icon-top
-//            @message-icon-top
+//            @message-warning-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-warning-icon-right
-//            @message-icon-right
+//            @message-warning-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-warning-icon-bottom
-//            @message-icon-bottom
+//            @message-warning-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-warning-icon-left
-//            @message-icon-left
+//            @message-warning-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -518,38 +520,38 @@
 //            Error message
 //        
 //        
-//            @message-error-color
-//            @color-error
+//            @message-error__color
+//            @error__color
 //            '' | false | value
 //            Error message text color
 //        
 //        
-//            @message-error-background
+//            @message-error__background
 //            #fae5e5
 //            '' | false | value
 //            Error message background
 //        
 //        
-//            @message-error-link-color
-//            @link-color
+//            @message-error-link__color
+//            @link__color
 //            '' | false | value
 //            Error message link color
 //        
 //        
-//            @message-error-link-color-hover
-//            @link-color-hover
+//            @message-error-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Error message hovered link color
 //        
 //        
-//            @message-error-link-color-active
-//            @link-color-hover
+//            @message-error-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Error message active link color 
 //        
 //        
-//            @message-error-border-color
-//            @message-border-color
+//            @message-error__border-color
+//            @message__border-color
 //            '' | false | value
 //            Error message border color
 //        
@@ -560,44 +562,44 @@
 //            Error message icon symbol code
 //        
 //        
-//            @message-error-icon-color-inner
+//            @message-error-icon__color-inner
 //            #b30000
 //            '' | false | value
 //            Error message icon symbol color 
 //        
 //        
-//            @message-error-icon-color-lateral
+//            @message-error-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Error message lateral icon symbol color
 //        
 //        
-//            @message-error-icon-background
+//            @message-error-icon__background
 //            #b30000
 //            '' | false | value
 //            Error message icon background
 //        
 //        
-//            @message-error-icon-top
-//            @message-icon-top
+//            @message-error-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-error-icon-right
-//            @message-icon-right
+//            @message-error-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-error-icon-bottom
-//            @message-icon-bottom
+//            @message-error-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-error-icon-left
-//            @message-icon-left
+//            @message-error-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -605,38 +607,38 @@
 //            Success message
 //        
 //        
-//            @message-success-color
+//            @message-success__color
 //            #006400
 //            '' | false | value
 //            Success message text color
 //        
 //        
-//            @message-success-background
+//            @message-success__background
 //            #e5efe5
 //            '' | false | value
 //            Success message background
 //        
 //        
-//            @message-success-link-color
-//            @link-color
+//            @message-success-link__color
+//            @link__color
 //            '' | false | value
 //            Success message link color
 //        
 //        
-//            @message-success-link-color-hover
-//            @link-color-hover
+//            @message-success-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Success message hovered link color
 //        
 //        
-//            @message-success-link-color-active
-//            @link-color-hover
+//            @message-success-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Success message active link color 
 //        
 //        
-//            @message-success-border-color
-//            @message-border-color
+//            @message-success__border-color
+//            @message__border-color
 //            '' | false | value
 //            Success message border color
 //        
@@ -647,44 +649,44 @@
 //            Success message icon symbol code
 //        
 //        
-//            @message-success-icon-color-inner
+//            @message-success-icon__color-inner
 //            #006400
 //            '' | false | value
 //            Success message icon symbol color 
 //        
 //        
-//            @message-success-icon-color-lateral
+//            @message-success-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Success message lateral icon symbol color
 //        
 //        
-//            @message-success-icon-background
+//            @message-success-icon__background
 //            #006400
 //            '' | false | value
 //            Success message icon background
 //        
 //        
-//            @message-success-icon-top
-//            @message-icon-top
+//            @message-success-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-success-icon-right
-//            @message-icon-right
+//            @message-success-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-success-icon-bottom
-//            @message-icon-bottom
+//            @message-success-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-success-icon-left
-//            @message-icon-left
+//            @message-success-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -692,38 +694,38 @@
 //            Notice message
 //        
 //        
-//            @message-notice-color
-//            @message-info-color
+//            @message-notice__color
+//            @message-info__color
 //            '' | false | value
 //            Notice message text color
 //        
 //        
-//            @message-notice-background
-//            @message-info-background
+//            @message-notice__background
+//            @message-info__background
 //            '' | false | value
 //            Notice message background
 //        
 //        
-//            @message-notice-link-color
-//            @message-info-link-color
+//            @message-notice-link__color
+//            @message-info-link__color
 //            '' | false | value
 //            Notice message link color
 //        
 //        
-//            @message-notice-link-color-hover
-//            @message-info-link-color-hover
+//            @message-notice-link__color-hover
+//            @message-info-link__color-hover
 //            '' | false | value
 //            Notice message hovered link color
 //        
 //        
-//            @message-notice-link-color-active
-//            @message-info-link-color-active
+//            @message-notice-link__color-active
+//            @message-info-link__color-active
 //            '' | false | value
 //            Notice message active link color 
 //        
 //        
-//            @message-notice-border-color
-//            @message-info-border-color
+//            @message-notice__border-color
+//            @message-info__border-color
 //            '' | false | value
 //            Notice message border color
 //        
@@ -734,44 +736,44 @@
 //            Notice message icon symbol code
 //        
 //        
-//            @message-notice-icon-color-inner
-//            @message-info-icon-color-inner
+//            @message-notice-icon__color-inner
+//            @message-info-icon__color-inner
 //            '' | false | value
 //            Notice message icon symbol color 
 //        
 //        
-//            @message-notice-icon-color-lateral
-//            @message-info-icon-color-lateral
+//            @message-notice-icon__color-lateral
+//            @message-info-icon__color-lateral
 //            '' | false | value
 //            Notice message lateral icon symbol color
 //        
 //        
-//            @message-notice-icon-background
-//            @message-info-icon-background
+//            @message-notice-icon__background
+//            @message-info-icon__background
 //            '' | false | value
 //            Notice message icon background
 //        
 //        
-//            @message-notice-icon-top
-//            @message-icon-top
+//            @message-notice-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-notice-icon-right
-//            @message-icon-right
+//            @message-notice-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-notice-icon-bottom
-//            @message-icon-bottom
+//            @message-notice-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-notice-icon-left
-//            @message-icon-left
+//            @message-notice-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
diff --git a/lib/web/css/docs/source/pages.less b/lib/web/css/docs/source/pages.less
index 4a4d54dcbe8fb..51d47ac0b8c1a 100644
--- a/lib/web/css/docs/source/pages.less
+++ b/lib/web/css/docs/source/pages.less
@@ -78,13 +78,13 @@
 //        
 //        
 //            @_pager-font-size
-//            @font-size-s
+//            @font-size__s
 //            '' | false | value
 //            Pager font size
 //        
 //        
 //            @_pager-font-weight
-//            @font-weight-bold
+//            @font-weight__bold
 //            '' | false | value
 //            Pager font weight
 //        
@@ -117,13 +117,13 @@
 //        
 //        
 //            @_pager-current-font-weight
-//            @font-weight-bold;
+//            @font-weight__bold;
 //            '' | false | value
 //            Current page number font weight
 //        
 //        
 //            @_pager-current-color
-//            @color-primary
+//            @primary__color
 //            '' | false | value
 //            Current page number color
 //        
@@ -152,13 +152,13 @@
 //            Direction of current page number background gradient (if there is any)
 //        
 //        
-//            @_pager-current-gradient-start-color
+//            @_pager-current-gradient-color-start
 //            false
 //            '' | false | value
 //            Current page number gradient start color
 //        
 //        
-//            @_pager-current-gradient-end-color
+//            @_pager-current-gradient-color-end
 //            false
 //            '' | false | value
 //            Current page number gradient end color
@@ -183,7 +183,7 @@
 //        
 //        
 //            @_pager-color
-//            @link-color
+//            @link__color
 //            '' | false | value
 //            Pager item color
 //        
@@ -206,13 +206,13 @@
 //            Pager item background
 //        
 //        
-//            @_pager-gradient-start-color
+//            @_pager-gradient-color-start
 //            false
 //            '' | false | value
 //            Pager item gradient start color
 //        
 //        
-//            @_pager-gradient-end-color
+//            @_pager-gradient-color-end
 //            false
 //            '' | false | value
 //            Pager item gradient end color
@@ -222,7 +222,7 @@
 //        
 //        
 //            @_pager-color-visited
-//            @link-color-visited
+//            @link__visited__color
 //            '' | false | value
 //            Pager item visited color
 //        
@@ -239,13 +239,13 @@
 //            Pager item visited background
 //        
 //        
-//            @_pager-gradient-start-color-visited
+//            @_pager-gradient-color-start-visited
 //            false
 //            '' | false | value
 //            Pager item visited gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-visited
+//            @_pager-gradient-color-end-visited
 //            false
 //            '' | false | value
 //            Pager item visited gradient end color
@@ -255,7 +255,7 @@
 //        
 //        
 //            @_pager-color-hover
-//            @link-color-hover
+//            @link__hover__color
 //             
 //            Pager item hover color
 //        
@@ -278,13 +278,13 @@
 //            Pager item hover background
 //        
 //        
-//            @_pager-gradient-start-color-hover
+//            @_pager-gradient-color-start-hover
 //            false
 //            '' | false | value
 //            Pager item hover gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-hover
+//            @_pager-gradient-color-end-hover
 //            false
 //            '' | false | value
 //            Pager item hover gradient end color
@@ -294,7 +294,7 @@
 //        
 //        
 //            @_pager-color-active
-//            @link-color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Pager item active color
 //        
@@ -311,13 +311,13 @@
 //            Pager item active background
 //        
 //        
-//            @_pager-gradient-start-color-active
+//            @_pager-gradient-color-start-active
 //            false
 //            '' | false | value
 //            Pager item active  gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-active
+//            @_pager-gradient-color-end-active
 //            false
 //            '' | false | value
 //            Pager item active  gradient end color
@@ -381,7 +381,7 @@
 //        
 //        
 //            @_pager-icon-font-line-height
-//            @icon-font-line-height
+//            @icon-font__line-height
 //            '' | false | value
 //            Icon font line height
 //        
@@ -405,36 +405,36 @@
 //        
 //        
 //            @_pager-action-color
-//            @text-color-muted
+//            @text__color__muted
 //            '' | false | value
 //            Pager action color
 //        
 //        
 //            @_pager-action-border
-//            @border-width-base solid @border-color-base
+//            @border-width__base solid @border-color__base
 //            '' | false | value
 //            Pager action border
 //        
 //        
 //            @_pager-action-text-decoration
-//            @pager-text-decoration
+//            @pager__text-decoration
 //            '' | false | value
 //            Pager action text decoration
 //        
 //        
 //            @_pager-action-background
-//            @pager-background
+//            @pager__background
 //            '' | false | value
 //            Pager action background
 //        
 //        
-//            @_pager-action-gradient-start-color
+//            @_pager-action-gradient-color-start
 //            flase
 //            '' | false | value
 //            Pager action gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color
+//            @_pager-action-gradient-color-end
 //            flase
 //            '' | false | value
 //            Pager action gradient end color
@@ -444,7 +444,7 @@
 //        
 //        
 //            @_pager-action-color-visited
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action visited color
 //        
@@ -461,13 +461,13 @@
 //            Pager action visited background
 //        
 //        
-//            @_pager-action-gradient-start-color-visited
+//            @_pager-action-gradient-color-start-visited
 //            flase
 //            '' | false | value
 //            Pager action visited gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-visited
+//            @_pager-action-gradient-color-end-visited
 //            flase
 //            '' | false | value
 //            Pager action visited gradient end color
@@ -477,7 +477,7 @@
 //        
 //        
 //            @_pager-action-color-hover
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action hover color
 //        
@@ -489,7 +489,7 @@
 //        
 //        
 //            @_pager-action-text-decoration-hover
-//            @pager-text-decoration-hover
+//            @pager__hover__text-decoration
 //            '' | false | value
 //            Pager action hover text decoration
 //        
@@ -500,13 +500,13 @@
 //            Pager action hover background
 //        
 //        
-//            @_pager-action-gradient-start-color-hover
+//            @_pager-action-gradient-color-start-hover
 //            flase
 //            '' | false | value
 //            Pager action hover gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-hover
+//            @_pager-action-gradient-color-end-hover
 //            flase
 //            '' | false | value
 //            Pager action hover gradient end color
@@ -516,7 +516,7 @@
 //        
 //        
 //            @_pager-action-color-active
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action active color
 //        
@@ -533,13 +533,13 @@
 //            Pager action active background
 //        
 //        
-//            @_pager-action-gradient-start-color-active
+//            @_pager-action-gradient-color-start-active
 //            flase
 //            '' | false | value
 //            Pager action active gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-active
+//            @_pager-action-gradient-color-end-active
 //            flase
 //            '' | false | value
 //            Pager action active gradient end color
@@ -559,10 +559,10 @@
 //  ```
 //  To set gradient start and end colors for default and hovered link states use:
 //  ```css
-//  @_pager-gradient-start-color: #f4f4f4
-//  @_pager-gradient-end-color: #ccc
-//  @_pager-gradient-start-color-hover: #ccc
-//  @_pager-gradient-end-color-hover: #f4f4f4
+//  @_pager-gradient-color-start: #f4f4f4
+//  @_pager-gradient-color-end: #ccc
+//  @_pager-gradient-color-start-hover: #ccc
+//  @_pager-gradient-color-end-hover: #f4f4f4
 //  ```
 //  To set an icon on "previous" and "next" links use:
 //  ```css
@@ -616,12 +616,12 @@
         @_pager-gradient: true,
         @_pager-gradient-direction: vertical,
         @_pager-color: #333,
-        @_pager-gradient-start-color: #f4f4f4,
-        @_pager-gradient-end-color: #ccc,
+        @_pager-gradient-color-start: #f4f4f4,
+        @_pager-gradient-color-end: #ccc,
         @_pager-border: 1px solid darken(#ccc, 10%),
         @_pager-color-hover: #333,
-        @_pager-gradient-start-color-hover: #ccc,
-        @_pager-gradient-end-color-hover: #f4f4f4,
+        @_pager-gradient-color-start-hover: #ccc,
+        @_pager-gradient-color-end-hover: #f4f4f4,
         @_pager-border-hover: 1px solid darken(#ccc, 20%),
         @_pager-action-gradient: false,
         @_pager-current-color: #f7b32e,
@@ -703,30 +703,30 @@
 //  To set background and font colors for default, visited, hover, active states, use:
 //  ```css
 //  @_pager-color: #fff,
-//  @_pager-background: @link-color,
+//  @_pager-background: @link__color,
 //  @_pager-color-visited: #fff,
-//  @_pager-background-visited: @link-color-visited,
+//  @_pager-background-visited: @link__visited__color,
 //  @_pager-color-hover: #fff,
-//  @_pager-background-hover: @link-color-hover,
+//  @_pager-background-hover: @link__hover__color,
 //  @_pager-color-active: #fff,
-//  @_pager-background-active: @link-color-active,
+//  @_pager-background-active: @link__active__color,
 //  @_pager-current-color: #fff,
-//  @_pager-current-background: @link-color-visited,
-//  @_pager-action-background: @link-color,
+//  @_pager-current-background: @link__visited__color,
+//  @_pager-action-background: @link__color,
 //  @_pager-icon-font-color: #fff,
-//  @_pager-action-background-visited: @link-color-visited
+//  @_pager-action-background-visited: @link__visited__color
 //  ```
 //  To set current page background and font color, use:
 //  ```css
 //  @_pager-current-color: #fff,
-//  @_pager-current-background: @link-color-visited
+//  @_pager-current-background: @link__visited__color
 //  ```
 //  To set background and icon color for default, visited, hover, active states of "previous" and "next" links, use:
 //  ```css
-//  @_pager-action-background: @link-color,
-//  @_pager-action-background-visited: @link-color-visited,
-//  @_pager-action-background-hover: @link-color-hover,
-//  @_pager-action-background-active: @link-color-active,
+//  @_pager-action-background: @link__color,
+//  @_pager-action-background-visited: @link__visited__color,
+//  @_pager-action-background-hover: @link__hover__color,
+//  @_pager-action-background-active: @link__active__color,
 //
 //  @_pager-icon-font-color: #fff,
 //  @_pager-icon-font-color-visited: #fff,
@@ -776,19 +776,19 @@
     .pager(
         @_pager-label-display: none,
         @_pager-color: #fff,
-        @_pager-background: @link-color,
+        @_pager-background: @link__color,
         @_pager-color-visited: #fff,
-        @_pager-background-visited: @link-color-visited,
+        @_pager-background-visited: @link__visited__color,
         @_pager-color-hover: #fff,
-        @_pager-background-hover: @link-color-hover,
+        @_pager-background-hover: @link__hover__color,
         @_pager-color-active: #fff,
-        @_pager-background-active: @link-color-active,
+        @_pager-background-active: @link__active__color,
         @_pager-current-color: #fff,
-        @_pager-current-background: @link-color-visited,
-        @_pager-action-background: @link-color,
-        @_pager-action-background-visited: @link-color-visited,
-        @_pager-action-background-hover: @link-color-hover,
-        @_pager-action-background-active: @link-color-active,
+        @_pager-current-background: @link__visited__color,
+        @_pager-action-background: @link__color,
+        @_pager-action-background-visited: @link__visited__color,
+        @_pager-action-background-hover: @link__hover__color,
+        @_pager-action-background-active: @link__active__color,
         @_pager-action-color: #fff,
         @_pager-action-color-hover: #fff,
         @_pager-action-color-active: #fff
diff --git a/lib/web/css/docs/source/popups.less b/lib/web/css/docs/source/popups.less
index d025be8172ba6..cad80f1b4ea9d 100644
--- a/lib/web/css/docs/source/popups.less
+++ b/lib/web/css/docs/source/popups.less
@@ -278,55 +278,55 @@
 //      
 //      
 //        @_popup-icon-font
-//        @button-icon-font
+//        @button-icon__font
 //        '' | false | value
 //        Popup icon font
 //      
 //      
 //        @_popup-icon-font-size
-//        @button-icon-font-size
+//        @button-icon__font-size
 //        '' | false | value
 //        Popup icon font size
 //      
 //      
 //        @_popup-icon-font-line-height
-//        @button-icon-font-line-height
+//        @button-icon__line-height
 //        '' | false | value
 //        Popup icon line height
 //      
 //      
 //        @_popup-icon-font-color
-//        @button-icon-font-color
+//        @button-icon__color
 //        '' | false | value
 //        Popup icon color
 //      
 //      
 //        @_popup-icon-font-color-hover
-//        @button-icon-font-color-hover
+//        @button-icon__hover__font-color
 //        '' | false | value
 //        Hovered popup icon color
 //      
 //      
 //        @_popup-icon-font-color-active
-//        @popup-icon-font-color-active
+//        @popup-icon-font__color-active
 //        '' | false | value
 //        Active popup icon color
 //      
 //      
 //        @_popup-icon-font-margin
-//        @button-icon-font-margin
+//        @button-icon__margin
 //        '' | false | value
 //        Popup icon  margin
 //      
 //      
 //        @_popup-icon-font-vertical-align
-//        @button-icon-font-vertical-align
+//        @button-icon__vertical-align
 //        '' | false | value
 //        Popup icon vertical align
 //      
 //      
 //        @_popup-icon-font-position
-//        @button-icon-font-position
+//        @button-icon__position
 //        '' | false | value
 //        Popup icon position
 //      
@@ -340,68 +340,68 @@
 //        Actions toolbar parameters
 //      
 //      
-//        @_popup-action-toolbar
+//        @_popup-actions-toolbar
 //        false
 //        true | false
 //        Actions toolbar is displayed
 //      
 //      
 //        @_popup-actions-toolbar-actions-position
-//        @actions-toolbar-actions-position
+//        @actions-toolbar-actions__position
 //        justify | left | right | center
 //        Actions toolbar position
 //      
 //      
 //        @_popup-actions-toolbar-actions-reverse
-//        @actions-toolbar-actions-reverse
+//        @actions-toolbar-actions__reverse
 //        true | false
 //        Actions toolbar reverse
 //      
 //      
 //        @_popup-actions-toolbar-margin
-//        @actions-toolbar-margin
+//        @actions-toolbar__margin
 //        '' | false | value
 //        Actions toolbar margin
 //      
 //      
 //        @_popup-actions-toolbar-padding
-//        @actions-toolbar-padding
+//        @actions-toolbar__padding
 //        '' | false | value
 //        Actions toolbar padding
 //      
 //      
 //        @_popup-actions-toolbar-actions-margin
-//        @actions-toolbar-actions-margin
+//        @actions-toolbar-actions__margin
 //        '' | false | value
 //        Actions toolbar actions margin
 //      
 //      
 //        @_popup-actions-toolbar-primary-actions-margin
-//        @actions-toolbar-primary-actions-margin
+//        @actions-toolbar-actions-primary__margin
 //        '' | false | value
 //        Actions toolbar primary actions margin
 //      
 //      
 //        @_popup-actions-toolbar-secondary-actions-margin
-//        @actions-toolbar-secondary-actions-margin
+//        @actions-toolbar-actions-secondary__margin
 //        '' | false | value
 //        Actions toolbar secondary actions margin
 //      
 //      
 //        @_popup-actions-toolbar-actions-links-margin-top
-//        @actions-toolbar-actions-links-margin-top
+//        @actions-toolbar-actions-links__margin-top
 //        '' | false | value
 //        Actions toolbar links top margin
 //      
 //      
 //        @_popup-actions-toolbar-primary-actions-links-margin-top
-//        @actions-toolbar-primary-actions-links-margin-top
+//        @actions-toolbar-actions-links-primary__margin-top
 //        '' | false | value
 //        Actions toolbar primary actions links top margin
 //      
 //      
 //        @_popup-actions-toolbar-secondary-links-margin-top
-//        @actions-toolbar-secondary-actions-links-margin-top
+//        @actions-toolbar-actions-links-secondary__margin-top
 //        '' | false | value
 //        Actions toolbar secondary links top margin
 //      
@@ -597,7 +597,7 @@
 //
 //  To use variables from the .actions-toolbar() mixin set:
 //  ```css
-//  @_popup-action-toolbar: true // false
+//  @_popup-actions-toolbar: true // false
 //  ```
 //  More information about parameters you will find at **Actions-toolbar** page.
 // ``` html
@@ -629,7 +629,7 @@
 
 .window.popup.popup-example-6 {
     .popup(
-        @_popup-action-toolbar: true,
+        @_popup-actions-toolbar: true,
         @_popup-actions-toolbar-actions-position: left,
         @_popup-actions-toolbar-actions-reverse: true
     );
diff --git a/lib/web/css/docs/source/responsive.less b/lib/web/css/docs/source/responsive.less
index df4d746e41b11..679431f2712bc 100644
--- a/lib/web/css/docs/source/responsive.less
+++ b/lib/web/css/docs/source/responsive.less
@@ -4,7 +4,7 @@
 //  */
 
 //  # Responsive
-//  Magento UI library provides a strong approach for working with media queries. It`s based on recursive call of .media-width() mixin defined anywhere in project but invoked in one place in lib/web/css/source/lib/responsive.less. That's why in the resulting styles.css we have every media query only once with all the rules there, not a multiple calls for the same query.
+//  Magento UI library provides a strong approach for working with media queries. It`s based on recursive call of .media-width() mixin defined anywhere in project but invoked in one place in lib/web/css/source/lib/_responsive.less. That's why in the resulting styles.css we have every media query only once with all the rules there, not a multiple calls for the same query.
 //
 //  To see the media queries work resize window to understand which breakpoint is applied.
 //  ```
@@ -17,7 +17,7 @@
     padding: 10px;
 }
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .example-responsive-block {
         background: #ffc;
     }
@@ -27,7 +27,7 @@
     }
 }
 
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .example-responsive-block {
         background: #ccf;
     }
@@ -47,7 +47,7 @@
 //  @break: value - sets the value of breakpoint to compare with in media query condition.

 //  For example
 //  ```css
-//  .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) {
+//  .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
 //      your styles
 //  }
 //  ```
@@ -73,8 +73,8 @@
 //  ```css
 //  & when (@media-target = 'mobile'),
 //  (@media-target = 'all') {
-//     @media only screen and (max-width: (@screen-xs - 1)) {
-//         .media-width('max', @screen-xs);
+//     @media only screen and (max-width: (@screen__xs - 1)) {
+//         .media-width('max', @screen__xs);
 //     }
 // }
 //  ```
@@ -92,17 +92,17 @@
 //  ```css
 //  .media-width(@extremum, @break));
 //  ```
-//  By default you can find it responsive.less file in li
+//  By default you can find it _responsive.less file in li
 //   
 //
 //  # Responsive breakpoints
 //  In Magento UI library there are predefined variables for breakpoints.
 //  ```css
-//  @screen-xxs: 320px;
-//  @screen-xs: 480px;
-//  @screen-s: 640px;
-//  @screen-m: 768px;
-//  @screen-l: 1024px;
-//  @screen-xl: 1440px;
+//  @screen__xxs: 320px;
+//  @screen__xs: 480px;
+//  @screen__s: 640px;
+//  @screen__m: 768px;
+//  @screen__l: 1024px;
+//  @screen__xl: 1440px;
 //  ```
 //   
diff --git a/lib/web/css/docs/source/sections.less b/lib/web/css/docs/source/sections.less
index a0c874710b6d9..0254d7da613d2 100644
--- a/lib/web/css/docs/source/sections.less
+++ b/lib/web/css/docs/source/sections.less
@@ -5,7 +5,7 @@
 
 //  # Tabs and accordions
 //
-//  To set up tabs and accordions Magento UI library provides 2 types of mixins: .data-tabs-base() and .data-accordion-base(). These mixins reset markup elements default styles and add minimal required css setup to make these elements work properly.
+//  To set up tabs and accordions Magento UI library provides 2 types of mixins: .data-tabs__base() and .data-accordion__base(). These mixins reset markup elements default styles and add minimal required css setup to make these elements work properly.
 //
 //  # Tabs
 //
@@ -57,13 +57,13 @@
 //        
 //        
 //            @_tab-control-font-size
-//            @font-size-base
+//            @font-size__base
 //            '' | false | value
 //            Tabs font size
 //        
 //        
 //            @_tab-control-font-weight
-//            @font-weight-semibold
+//            @font-weight__semibold
 //            '' | false | value
 //            Tabs font weight
 //        
@@ -75,7 +75,7 @@
 //        
 //        
 //            @_tab-control-line-height
-//            @tab-control-height
+//            @tab-control__height
 //            '' | false | value
 //            Tabs line height
 //        
@@ -83,14 +83,14 @@
 //            Tabs controls settings
 //        
 //        
-//            @_tab-control-bg
-//            @panel-bg
+//            @_tab-control-background-color
+//            @panel__background-color
 //            '' | false | value
 //            Current tab background
 //        
 //        
 //            @_tab-control-color
-//            @link-color
+//            @link__color
 //            '' | false | value
 //            Current tab text color
 //        
@@ -101,74 +101,74 @@
 //            Current tab text-decoration
 //        
 //        
-//            @_tab-control-bg-hover
-//            lighten(@tab-control-bg, 5%)
+//            @_tab-control-background-color-hover
+//            lighten(@tab-control__background-color, 5%)
 //            '' | false | value
 //            Hovered tab background
 //        
 //        
 //            @_tab-control-color-hover
-//            @tab-control-color
+//            @tab-control__color
 //            '' | false | value
 //            Hovered tab text color
 //        
 //        
 //            @_tab-control-text-decoration-hover
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Hovered tab text-decoration
 //        
 //        
-//            @_tab-control-bg-active
-//            lighten(@tab-control-bg, 15%)
+//            @_tab-control-background-color-active
+//            lighten(@tab-control__background-color, 15%)
 //            '' | false | value
 //            Active tab background
 //        
 //        
 //            @_tab-control-color-active
-//            @text-color
+//            @text__color
 //            '' | false | value
 //            Active tab text color
 //        
 //        
 //            @_tab-control-text-decoration-active
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Active tab text-decoration
 //        
 //        
 //            @_tab-control-height
-//            @indent-l-base
+//            @indent__l
 //            '' | false | value
 //            Height of tab control
 //        
 //        
 //            @_tab-control-margin-right
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Right margin of tab title block
 //        
 //        
 //            @_tab-control-padding-top
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Tab control padding top
 //        
 //        
 //            @_tab-control-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab control padding right
 //        
 //        
 //            @_tab-control-padding-bottom
-//            @tab-control-padding-bottom
+//            @tab-control__padding-bottom
 //            '' | false | value
 //            Tab control padding bottom
 //        
 //        
 //            @_tab-control-padding-left
-//            @tab-control-padding-left
+//            @tab-control__padding-left
 //            '' | false | value
 //            Tab control padding left
 //        
@@ -176,8 +176,8 @@
 //            Tab content settings
 //        
 //        
-//            @_tab-content-bg
-//            @tab-control-bg-active
+//            @_tab-content-background-color
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Tab content background
 //        
@@ -189,37 +189,37 @@
 //        
 //        
 //            @_tab-content-border
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Tab content border
 //        
 //        
 //            @_tab-content-margin-top
-//            @tab-control-height + @tab-control-border-width + @tab-control-padding-top + @tab-control-padding-bottom
+//            @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom
 //            '' | false | value
 //            Tab content top margin (it is the sum of tabs height and top border width)
 //        
 //        
 //            @_tab-content-padding-top
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-bottom
-//            @tab-content-padding-top
+//            @tab-content__padding-top
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-left
-//            @tab-content-padding-right
+//            @tab-content__padding-right
 //            '' | false | value
 //            Tab content padding
 //        
@@ -307,31 +307,31 @@
 //        
 //        
 //            @_accordion-control-font-family
-//            @tab-control-font-family
+//            @tab-control__font-family
 //            '' | false | value
 //            Accordion font family
 //        
 //        
 //            @_accordion-control-font-size
-//            @font-size-l
+//            @font-size__l
 //            '' | false | value
 //            Accordion font size
 //        
 //        
 //            @_accordion-control-font-style
-//            @tab-control-font-style
+//            @tab-control__font-style
 //            '' | false | value
 //            Accordion font style
 //        
 //        
 //            @_accordion-control-font-weight
-//            @tab-control-font-weight
+//            @tab-control__font-weight
 //            '' | false | value
 //            Accordion font weight
 //        
 //        
 //            @_accordion-control-line-height
-//            @accordion-control-height
+//            @accordion-control__height
 //            '' | false | value
 //            Accordion line height
 //        
@@ -340,127 +340,127 @@
 //        
 //        
 //            @_accordion-control-border-top
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-right
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-bottom
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-left
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
-//            @_accordion-control-bg
-//            @tab-control-bg
+//            @_accordion-control-background-color
+//            @tab-control__background-color
 //            '' | false | value
 //            Accordion control background
 //        
 //        
 //            @_accordion-control-color
-//            @tab-control-color
+//            @tab-control__color
 //            '' | false | value
 //            Accordion control color
 //        
 //        
 //            @_accordion-control-text-decoration
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Accordion control text decoration
 //        
 //        
 //            @_accordion-control-color-visited
-//            @accordion-control-color
+//            @accordion-control__color
 //            '' | false | value
 //            Accordion control visited link color
 //        
 //        
 //            @_accordion-control-text-decoration-visited
-//            @accordion-control-text-decoration
+//            @accordion-control__text-decoration
 //            '' | false | value
 //            Accordion control visited link text-decoration
 //        
 //        
-//            @_accordion-control-bg-hover
-//            @tab-control-bg-hover
+//            @_accordion-control-background-color-hover
+//            @tab-control__hover__background-color
 //            '' | false | value
 //            Hovered accordion control background
 //        
 //        
 //            @_accordion-control-color-hover
-//            @tab-control-color-hover
+//            @tab-control__hover__color
 //            '' | false | value
 //            Hovered accordion control text color
 //        
 //        
 //            @_accordion-control-text-decoration-hover
-//            @tab-control-text-decoration-hover
+//            @tab-control__hover__text-decoration
 //            '' | false | value
 //            Hovered accordion control text-decoration
 //        
 //        
-//            @_accordion-control-bg-active
-//            @tab-control-bg-active
+//            @_accordion-control-background-color-active
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Active accordion control background
 //        
 //        
 //            @_accordion-control-color-active
-//            @tab-control-color-active
+//            @tab-control__active__color
 //            '' | false | value
 //            Active accordion control text color
 //        
 //        
 //            @_accordion-control-text-decoration-active
-//            @tab-control-text-decoration-active
+//            @tab-control__active__text-decoration
 //            '' | false | value
 //            Active accordion control text-decoration
 //        
 //        
 //            @_accordion-control-height
-//            @indent-xl-base
+//            @indent__xl
 //            '' | false | value
 //            Height of accordion control
 //        
 //        
 //            @_accordion-control-margin-bottom
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Bottom margin of the accordion control
 //        
 //        
 //            @_accordion-control-padding-top
-//            @tab-control-padding-top
+//            @tab-control__padding-top
 //            '' | false | value
 //            Accordion tab control padding top
 //        
 //        
 //            @_accordion-control-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Accordion tab control padding right
 //        
 //        
 //            @_accordion-control-padding-bottom
-//            @tab-control-padding-bottom
+//            @tab-control__padding-bottom
 //            '' | false | value
 //            Accordion tab control padding bottom
 //        
 //        
 //            @_accordion-control-padding-left
-//            @accordion-control-padding-right
+//            @accordion-control__padding-right
 //            '' | false | value
 //            Accordion tab control padding left
 //        
@@ -468,26 +468,26 @@
 //            Accordion content settings
 //        
 //        
-//            @_accordion-content-bg
-//            @tab-control-bg-active
+//            @_accordion-content-background-color
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Accordion tab content background
 //        
 //        
 //            @_accordion-content-border
-//            @tab-content-border
+//            @tab-content__border
 //            '' | false | value
 //            Accordion tab content border
 //        
 //        
 //            @_accordion-content-margin
-//            0 0 @indent-xs-base
+//            0 0 @indent__xs
 //            '' | false | value
 //            Accordion tab content margin
 //        
 //        
 //            @_accordion-content-padding
-//            @tab-content-padding-top @tab-content-padding-right @tab-content-padding-bottom @tab-content-padding-left
+//            @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left
 //            '' | false | value
 //            Accordion tab content padding
 //        
@@ -528,7 +528,7 @@
     }
 }
 
-@media only screen and (max-width: @screen-m) {
+@media only screen and (max-width: @screen__m) {
     .example-sections-4 {
         .data-accordion();
     }
@@ -536,7 +536,7 @@
 
 //  # Tabs Base
 //
-//  The .data-tabs-base() mixin sets basic tabs styles.
+//  The .data-tabs__base() mixin sets basic tabs styles.
 //
 //  ```html
 //  

@@ -564,12 +564,12 @@
 //  ```
 
 .example-sections-5 {
-    .data-tabs-base();
+    .data-tabs__base();
 }
 
 //  # Accordion Base
 //
-//  The .data-accordion-base() mixin sets basic accordion styles.
+//  The .data-accordion__base() mixin sets basic accordion styles.
 //  Data accordion uses the same markup as data tabs.
 //
 //  ```html
@@ -597,5 +597,5 @@
 //  ```
 
 .example-sections-6 {
-    .data-accordion-base();
+    .data-accordion__base();
 }
diff --git a/lib/web/css/docs/source/tables.less b/lib/web/css/docs/source/tables.less
index cb9e4d8a220a2..e04e13cb2538b 100644
--- a/lib/web/css/docs/source/tables.less
+++ b/lib/web/css/docs/source/tables.less
@@ -94,7 +94,7 @@
 //        
 //        
 //            @_cell-padding-horizontal
-//            @indent-s-base
+//            @indent__s
 //            '' | false | value
 //            Table cell horizontal padding
 //        
@@ -240,7 +240,7 @@
 //        
 //        
 //            @_table-th-color
-//            @text-color-intense
+//            @text__color__intense
 //            '' | false | value
 //            Table header cell font color
 //        
@@ -252,7 +252,7 @@
 //        
 //        
 //            @_table-th-font-weight
-//            @font-weight-bold
+//            @font-weight__bold
 //            '' | false | value
 //            Table header cell font weight
 //        
@@ -537,13 +537,13 @@
 //        
 //        
 //            @_td-padding-top
-//            @table-cell-padding-vertical / 2
+//            @table-cell__padding-vertical / 2
 //            '' | false | value
 //            Table cell top padding
 //        
 //        
 //            @_td-padding-right
-//            @table-cell-padding-horizontal / 2
+//            @table-cell__padding-horizontal / 2
 //            '' | false | value
 //            Table cell right padding
 //        
@@ -564,7 +564,7 @@
 
 //  # Table background customization
 //
-//  The .table-bg() mixin provides table cells background customization options.
+//  The .table-background-color() mixin provides table cells background customization options.
 //
 //  ```html
 //    
@@ -634,12 +634,12 @@
 
 .example-table-5 {
     .table();
-    .table-bg(
-        @_table-bg: #fff,
-        @_table-head-bg: #ccf,
-        @_table-foot-bg: #cff,
-        @_table-td-bg: #fcc,
-        @_table-body-th-bg: #ffc
+    .table-background-color(
+        @_table-background-color: #fff,
+        @_table-head-background-color: #ccf,
+        @_table-foot-background-color: #cff,
+        @_table-td-background-color: #fcc,
+        @_table-body-th-background-color: #ffc
     );
 }
 
@@ -653,32 +653,32 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -785,7 +785,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -797,7 +797,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1197,7 +1197,7 @@
 .example-table-11 {
     .table();
     .table-striped(
-        @_stripped-bg: #ffc,
+        @_stripped-background-color: #ffc,
         @_stripped-color: #000,
         @_stripped-direction: horizontal,
         @_stripped-highlight: even
@@ -1215,16 +1215,16 @@
 //            
 //        
 //        
-//            
-//            
-//            
+//            
+//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -1330,14 +1330,14 @@
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -1425,7 +1425,7 @@
     .table-hover();
 }
 
-@media only screen and (max-width: @screen-m) {
+@media only screen and (max-width: @screen__m) {
     .example-table-14 {
         .table-overflow();
     }
@@ -1503,11 +1503,11 @@
     .table-hover();
 }
 
-@media only screen and (max-width: @screen-m) {
+@media only screen and (max-width: @screen__m) {
     .example-table-15 {
         .table-responsive(
-            @_table-bg-responsive: #cff,
-            @_table-th-bg-responsive: #ffc,
+            @_table-background-color-responsive: #cff,
+            @_table-th-background-color-responsive: #ffc,
             @_reset-table-striped: true,
             @_reset-table-hover: true
         );
@@ -1525,15 +1525,15 @@
 //            
 //        
 //        
-//            
-//            
-//            
+//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //            
@@ -1554,7 +1554,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //            
diff --git a/lib/web/css/docs/source/tooltips.less b/lib/web/css/docs/source/tooltips.less
index 07a9cf24759d4..c28bcf576424b 100644
--- a/lib/web/css/docs/source/tooltips.less
+++ b/lib/web/css/docs/source/tooltips.less
@@ -83,7 +83,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
diff --git a/lib/web/css/docs/source/typography.less b/lib/web/css/docs/source/typography.less
index c1aa945d6d7af..018eae3f9a575 100644
--- a/lib/web/css/docs/source/typography.less
+++ b/lib/web/css/docs/source/typography.less
@@ -5,7 +5,7 @@
 
 //  # Typogrphy
 //
-//  Magento UI library provides mixins for typography styling. To configure typography, global variables from **variables.less** file are used.
+//  Magento UI library provides mixins for typography styling. To configure typography, global variables from **_variables.less** file are used.
 //
 //  To apply all Magento UI library typography, use the .typography-all() mixin. It accumulates all typography mixins and sets all typography for the theme. This mixin is included in the .magento-reset() mixin. So, if you use this reset, you don't have to call basic typography separately. Also, you don't have to apply this mixin to any class, just call it globally.
 //
@@ -75,17 +75,17 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
@@ -95,37 +95,37 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
@@ -133,180 +133,181 @@
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
@@ -314,548 +315,548 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //        
 //        
@@ -1030,7 +1031,7 @@
 //  ```
 
 .example-typography {
-    .typography(30, #fc0, @font-family-monospace, 500, 1.2, italic);
+    .typography(30, #fc0, @font-family__monospace, 500, 1.2, italic);
 }
 
 //  # Font style mixin variables
@@ -1044,37 +1045,37 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1254,7 +1255,7 @@
 //
 //  Magento UI library offers mixins to styles elements sets.
 //
-//  The .typography-base() mixin applyes basic styles from variables.less to the following elements:
+//  The .typography__base() mixin applyes basic styles from _variables.less to the following elements:
 //
 //  ```css
 //  html
@@ -1280,7 +1281,7 @@
 //  
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

 //  ```
 
-.typography-base();
+.typography__base();
 
 //  # Headings typography mixin
 //
diff --git a/lib/web/css/docs/source/utilities.less b/lib/web/css/docs/source/utilities.less
index b62844de35492..514258c6f35bd 100644
--- a/lib/web/css/docs/source/utilities.less
+++ b/lib/web/css/docs/source/utilities.less
@@ -4,7 +4,7 @@
 //  */
 
 //  # Utilities
-//  utilities.less is a reuseable collection of basic Less mixins.
+//  _utilities.less is a reuseable collection of basic Less mixins.
 //
 // # .clearfix()
 //
@@ -126,8 +126,8 @@
 //
 
 .example-css-container {
-    .css(padding, @indent-base);
-    .css(background, @color-secondary);
+    .css(padding, @indent__base);
+    .css(background, @secondary__color);
 }
 
 //
@@ -248,13 +248,13 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -270,8 +270,8 @@
     .background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: vertical,
-        @_background-gradient-start-color: #cff,
-        @_background-gradient-end-color: #ccf
+        @_background-gradient-color-start: #cff,
+        @_background-gradient-color-end: #ccf
     );
 }
 
@@ -279,8 +279,8 @@
     .background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: #cff,
-        @_background-gradient-end-color: #ccf
+        @_background-gradient-color-start: #cff,
+        @_background-gradient-color-end: #ccf
     );
 }
 
@@ -293,8 +293,8 @@
     .background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: rgba(255,255,255,0),
-        @_background-gradient-end-color: #ccf,
+        @_background-gradient-color-start: rgba(255,255,255,0),
+        @_background-gradient-color-end: #ccf,
         @_background-gradient-color-position: false
     );
 }
@@ -348,13 +348,13 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -363,7 +363,7 @@
 //            
 //            
 //            
-//            
+//            
 //        
 //    
Comment
@_table-bg@_table-background-colorfalse'' | false | valueTable background
@_table-head-bg@table-bg@_table-head-background-color@table__background-color'' | false | valueTable thead background
@_table-foot-bg@table-bg@_table-foot-background-color@table__background-color'' | false | valueTable tfoot background
@_table-body-th-bg@table-bg@_table-body-th-background-color@table__background-color'' | false | valueTable header cells background
@_table-td-bg@table-bg@_table-td-background-color@table__background-color'' | false | valueTable cells background
@_table_border-width@border-width-base@border-width__base'' | false | valueTable border width
@_table_border-color@border-color-base@border-color__base'' | false | valueTable border color
Comment
@_stripped-bg@table-cell-bg-strippedlighten(@table-cell-bg-hover, 15%)@_stripped-background-color@table-cell-stripped__background-colorlighten(@table-cell__hover__background-color, 15%)'' | false | valueStriped cells background color
@_stripped-color@table-td-color@text-color@table-td__color@text__color'' | false | valueStriped cells text color
Comment
@_table_cell-bg-hover@panel-bg@_table_cell-background-color-hover@panel__background-color'' | false | valueHovered table row background
@_table_cell-odd-bg-hover@_table_cell-bg-hover@_table_cell-odd-background-color-hover@_table_cell-background-color-hover'' | false | valueHovered table odd row background
Comment
@_table-bg-responsive@table-bg-responsive@table-bg@_table-background-color-responsive@table-responsive__background-color@table__background-color'' | false | valueResponsive table background
@_table-th-bg-responsive@table-th-bg-responsive@_table-th-background-color-responsive@table-responsive-th__background-colorfalse'' | false | valueResponsive table header cells background
@_table-responsive-cell-padding@indent-xs-base 0@indent__xs 0-true | falseResponsive table cells padding
@_tooltip-color@color-primary@primary__color'' | false | valueTooltip text color
Predefined font family and font colors
@font-family-sans-serif@font-family__sans-serif'Helvetica Neue', Helvetica, Arial, sans-serifSans-serif font family
@font-family-serif@font-family__serifGeorgia, 'Times New Roman', Times, serifSerif font family
@font-family-monospace@font-family__monospaceMenlo, Monaco, Consolas, 'Courier New', monospaceMonospace font family
Path to custom font
@color-primary@primary__color#555Primary color
@color-primary-darkdarken(@color-primary, 35%) // #000@primary__color__darkdarken(@primary__color, 35%) // #000Dark primary color
@color-primary-darkerdarken(@color-primary, 13.5%) // #111@primary__color__darkerdarken(@primary__color, 13.5%) // #111Darker primary color
@color-primary-lighterlighten(@color-primary, 23%) // #7d7d7d@primary__color__lighterlighten(@primary__color, 23%) // #7d7d7dLighter primary color
@color-primary-lightlighten(@color-primary, 45%) // #a6a6a6@primary__color__lightlighten(@primary__color, 45%) // #a6a6a6Light primary color
@border-color-basedarken(@page-bg-color, 18%)@border-color__basedarken(@page__background-color, 18%)Base border color
@border-width-base@border-width__base1pxBase border width
Fonts settings
@font-family-base@font-family-sans-serif@font-family__base@font-family__sans-serifBasic font family
@font-size-root@root__font-size62.5%Setting font-size for HTML tag, use % units
@font-size-base-ratio@font-size-ratio__base1.4Defines ratio between root font size and base font size
@font-size-baseunit((@font-size-root / 100) * 16 * @font-size-base-ratio, px)@font-size__baseunit((@root__font-size / 100) * 16 * @font-size-ratio__base, px)Base font size value in px
@font-size-xlceil(1.5 * @font-size-base) // 21@font-size__xlceil(1.5 * @font-size__base) // 21Extra large font size
@font-size-lceil(1.25 * @font-size-base) // 18@font-size__lceil(1.25 * @font-size__base) // 18Large font size
@font-size-sceil(.85 * @font-size-base) // 12@font-size__sceil(.85 * @font-size__base) // 12Small font size
@font-size-xsfloor(.75 * @font-size-base) // 11@font-size__xsfloor(.75 * @font-size__base) // 11Extra small font size
@font-weight-base@font-weight__regular400Basic font weight
@font-weight-light@font-weight__light200Light font weight
@font-weight-semibold@font-weight__semibold600Semibold font weight
@font-weight-bold@font-weight__bold700Bold font weight
@font-style-base@font-style__basenormalFont style
@font-style-emphasis@font-style__emphasis@font-style__emphasisitalicEmphasis font style
@line-height-base@line-height__base1.428571429Base line height
@line-height-computedfloor(@font-size-base * @line-height-base)@line-height__computedfloor(@font-size__base * @line-height__base)Computed line height depending on base font size
@line-height-l@line-height__l1.5Large line height
@line-height-s@line-height__s1.33Small line height
@text-color@color-primary@text__color@primary__colorPrimary text color
@text-color-intense@color-primary-darker@text__color__intense@primary__color__darkerDarker text color
@text-color-muted@color-primary-lighter@text__color__muted@primary__color__lighterLighter text color
@indent-base@line-height-computed // 20px@indent__base@line-height__computed // 20pxBase text ident (20px)
@indent-xl-base@line-height-computed * 2 // 40px@indent__xl@line-height__computed * 2 // 40pxExtra large text ident (40px)
@indent-l-base@line-height-computed * 1.5 // 30px@indent__l@line-height__computed * 1.5 // 30pxLarge text ident (30px)
@indent-m-base@indent-base * 1.25 // 25px@indent__m@indent__base * 1.25 // 25pxExtra large text ident (25px)
@indent-s-base@line-height-computed / 2 //10px @indent__s@line-height__computed / 2 //10px Small text ident (10px)
@indent-xs-base@line-height-computed / 4 // 5px@indent__xs@line-height__computed / 4 // 5pxExtra small text ident (5px)
Links
@link-color@link__color#1979c3Links color
@link-text-decoration@link__text-decorationnoneLinks text decoration
@link-color-visited@link__visited__color#800080Visited links color
@link-text-decoration-visited@link__visited__text-decorationnoneVisited links text decoration
@link-color-hover@link__hover__color#006bb4Hovered links color
@link-text-decoration-hover@link__hover__text-decorationunderlineHovered links text decoration
@link-color-active@link__active__color#ff5501Active links color
@link-text-decoration-active@link__active__text-decorationunderlineActive links text decoration
Lists
@list-color-base@list__color__basefalseList text color
@list-font-size-base@font-size-base@list__font-size__base@font-size__baseList font size
@list-margin-top@list__margin-top0List margin top
@list-margin-bottom@indent-m-base@list__margin-bottom@indent__mList margin bottom
@list-item-margin-top@list-item__margin-top0List item margin top
@list-item-margin-bottom@indent-s-base@list-item__margin-bottom@indent__sList item margin bottom
Definition list
@dl-margin-top@dl__margin-top0Definition list margin top
@dl-margin-bottom@indent-base@dl__margin-bottom@indent__baseDefinition list margin bottom
@dt-margin-top@dt__margin-top0Description term margin top
@dt-margin-bottom@indent-xs-base@dt__margin-bottom@indent__xsDescription term margin bottom
@dt-font-weight@font-weight-bold@dt__font-weight@font-weight__boldDescription term 
@dd-margin-top@dd__margin-top0Description margin top
@dd-margin-bottom@indent-s-base@dd__margin-bottom@indent__sDescription margin bottom
Paragraphs
@p-margin-top@p__margin-top0Paragraph margin top
@p-margin-bottom@indent-s-base@p__margin-bottom@indent__sParagraph margin bottom
Headings
@heading-font-family-base@heading__font-family__basefalseHeading base font family
@heading-font-style-base@heading__font-style__basefalseHeading base font style
@heading-font-weight-base@font-weight-light@heading__font-weight__base@font-weight__lightHeading base font weight
@heading-line-height-base@heading__line-height__base1.1Heading base line height
@heading-color-base@heading__color__basefalseHeading base color
@heading-margin-top-base@indent-base@heading__margin-top__base@indent__baseHeading base margin top
@heading-margin-bottom-base@indent-base@heading__margin-bottom__base@indent__baseHeading base margin bottom
H1
@h1-font-sizeceil((@font-size-base * 2.85)) // 40px@h1__font-sizeceil((@font-size__base * 2.85)) // 40pxH1 font size
@h1-font-color@heading-color-base@h1__font-color@heading__color__baseH1 color
@h1-font-family@heading-font-family-base@h1__font-family@heading__font-family__baseH1 font family
@h1-font-weight@heading-font-weight-base@h1__font-weight@heading__font-weight__baseH1 font weight
@h1-font-style@heading-font-style-base@h1__font-style@heading__font-style__baseH1 font style
@h1-line-height@heading-line-height-base@h1__line-height@heading__line-height__baseH1 line height
@h1-margin-top@h1__margin-top0H1 margin top
@h1-margin-bottom@heading-margin-bottom-base@h1__margin-bottom@heading__margin-bottom__baseH1 margin bottom
H2
@h2-font-sizeceil((@font-size-base * 1.85)) // 26px@h2__font-sizeceil((@font-size__base * 1.85)) // 26pxH2 font size
@h2-font-color@heading-color-base@h2__font-color@heading__color__baseH2 color
@h2-font-family@heading-font-family-base@h2__font-family@heading__font-family__baseH2 font family
@h2-font-weight@heading-font-weight-base@h2__font-weight@heading__font-weight__baseH2 font weight
@h2-font-style@heading-font-style-base@h2__font-style@heading__font-style__baseH2 font style
@h2-line-height@heading-line-height-base@h2__line-height@heading__line-height__baseH2 line height
@h2-margin-top@indent-m-base@h2__margin-top@indent__mH2 margin top
@h2-margin-bottom@heading-margin-bottom-base@h2__margin-bottom@heading__margin-bottom__baseH2 margin bottom
H3
@h3-font-sizeceil((@font-size-base * 1.28)) // 18px@h3__font-sizeceil((@font-size__base * 1.28)) // 18pxH3 font size
@h3-font-color@heading-color-base@h3__font-color@heading__color__baseH3 color
@h3-font-family@heading-font-family-base@h3__font-family@heading__font-family__baseH3 font family
@h3-font-weight@heading-font-weight-base@h3__font-weight@heading__font-weight__baseH3 font weight
@h3-font-style@heading-font-style-base@h3__font-style@heading__font-style__baseH3 font style
@h3-line-height@heading-line-height-base@h3__line-height@heading__line-height__baseH3 line height
@h3-margin-top@indent-base * .75@h3__margin-top@indent__base * .75H3 margin top
@h3-margin-bottom@indent-s-base@h3__margin-bottom@indent__sH3 margin bottom
H4
@h4-font-size@font-size-base // 14px@h4__font-size@font-size__base // 14pxH4 font size
@h4-font-color@heading-color-base@h4__font-color@heading__color__baseH4 color
@h4-font-family@heading-font-family-base@h4__font-family@heading__font-family__baseH4 font family
@h4-font-weight@font-weight-bold@h4__font-weight@font-weight__boldH4 font weight
@h4-font-style@heading-font-style-base@h4__font-style@heading__font-style__baseH4 font style
@h4-line-height@heading-line-height-base@h4__line-height@heading__line-height__baseH4 line height
@h4-margin-top@heading-margin-top-base@h4__margin-top@heading__margin-top__baseH4 margin top
@h4-margin-bottom@heading-margin-bottom-base@h4__margin-bottom@heading__margin-bottom__baseH4 margin bottom
H5
@h5-font-sizeceil((@font-size-base * .85)) // 12px@h5__font-sizeceil((@font-size__base * .85)) // 12pxH5 font size
@h5-font-color@heading-color-base@h5__font-color@heading__color__baseH5 color
@h5-font-family@heading-font-family-base@h5__font-family@heading__font-family__baseH5 font family
@h5-font-weight@font-weight-bold@h5__font-weight@font-weight__boldH5 font weight
@h5-font-style@heading-font-style-base@h5__font-style@heading__font-style__baseH5 font style
@h5-line-height@heading-line-height-base@h5__line-height@heading__line-height__baseH5 line height
@h5-margin-top@heading-margin-top-base@h5__margin-top@heading__margin-top__baseH5 margin top
@h5-margin-bottom@heading-margin-bottom-base@h5__margin-bottom@heading__margin-bottom__baseH5 margin bottom
H6
@h6-font-sizeceil((@font-size-base * .7)) // 10px@h6__font-sizeceil((@font-size__base * .7)) // 10pxH6 font size
@h6-font-color@heading-color-base@h6__font-color@heading__color__baseH6 color
@h6-font-family@heading-font-family-base@h6__font-family@heading__font-family__baseH6 font family
@h6-font-weight@heading-font-weight-base@h6__font-weight@heading__font-weight__baseH6 font weight
@h6-font-style@heading-font-style-base@h6__font-style@heading__font-style__baseH6 font style
@h6-line-height@heading-line-height-base@h6__line-height@heading__line-height__baseH6 line height
@h6-margin-top@heading-margin-top-base@h6__margin-top@heading__margin-top__baseH6 margin top
@h6-margin-bottom@heading-margin-bottom-base@h6__margin-bottom@heading__margin-bottom__baseH6 margin bottom
<small> tags and tags with class .small placed in H1-H6 headings
@heading-small-color@color-primary@heading__small-color@primary__color<small> and .small heading element color
@heading-small-line-height@heading__small-line-height1<small> and .small heading element line height
@heading-small-size(@font-size-xs/@font-size-base) * 100%@heading__small-size(@font-size__xs/@font-size__base) * 100%<small> and .small heading element font size
Focus
@focus-box-shadow0 0 3px 1px @color-focus@focus__box-shadow0 0 3px 1px @focus__colorFocused element highlight
Code blocks
@code-bg@panel-bg@code__background-color@panel__background-colorCode block background
@code-color@color-primary-darker@code__color@primary__color__darkerCode text color
@code-font-size@font-size-s@code__font-size@font-size__sCode font size
@code-padding@code__padding2px 4pxCode padding
@pre-bg@color-primary-light@pre__background-color@primary__color__lightPreformatted text background color
@pre-border-color@border-color-base@pre__border-color@border-color__basePreformatted text border color
@pre-border-width@border-width-base@pre__border-width@border-width__basePreformatted text border width
@pre-color@color-primary-darker@pre__color@primary__color__darkerPreformatted text color
@kbd-bg@panel-bg@kbd__background-color@panel__background-colorKeyboard input background
@kbd-color@color-primary-darker@kbd__color@primary__color__darkerKeyboard input text color
Blockquote
@blockquote-border-color@border-color-base@blockquote__border-color@border-color__baseBlockquote border color
@blockquote-border-width@blockquote__border-width0Blockquote border width
@blockquote-before-content@blockquote__content-before'\2014 \00A0'"-" and space symbols
@blockquote-font-size@font-size-base@blockquote__font-size@font-size__baseBlockquote font size
@blockquote-font-style@font-style-emphasis@blockquote__font-style@font-style__emphasisBlockquote font style
@blockquote-margin 0 0 @indent-base @indent-xl-base@blockquote__margin 0 0 @indent__base @indent__xlBlockquote margin
@blockquote-padding@blockquote__padding0Blockquote padding
@blockquote-small-color@color-primary@blockquote-small__color@primary__colorBlockquote <small> and .small text color
@blockquote-small-font-size@font-size-xs@blockquote-small__font-size@font-size__xsBlockquote <small> and .small font size
Cite
@cite-font-style@font-style-base@cite__font-style@font-style__baseCite font style
Other elements
@hr-border-color@border-color-base@hr__border-color@border-color__baseHR border color
@hr-border-style@hr__border-stylesolidHR border style
@hr-border-width@border-width-base@hr__border-width@border-width__baseHR border width
@mark-color@color-primary-dark@mark__color@primary__color__dark<mark> color
@mark-bg@panel-bg@mark__background-color@panel__background-color<mark> background
@abbr-border-color@border-color-base@abbr__border-color@border-color__base<abbr> border color
@_color@text-color@text__color'' | false | valueText color
@_font-size@font-size-base@font-size__base'' | false | valueFont size
@_font-family@font-family-base@font-family__base'' | false | valueFont family
@_font-weight@font-weight-base@font-weight__regular'' | false | valueFont weight
@_font-style@font-style-base@font-style__base'' | false | valueFont style
@_line-height@line-height-base@line-height__base'' | false | valueLine height
@_input-placeholder-color@form-element-input-placeholder-color@form-element-input-placeholder__color'' | false | valueInput placeholder color
@_input-placeholder-font-weight@form-element-input-font-weight@form-element-input__font-weight'' | false | valueInput placeholder font-weight
Gradient direction (horizontal or vertical)
@_background-gradient-start-color@_background-gradient-color-start'''' | false | valueGradient start color (any css color)
@_background-gradient-end-color@_background-gradient-color-end'''' | false | valueGradient end color (any css color) @_background-gradient-color-positionfalse'' | false | trueSets the background-color fallback property. When set to 'false', the background-color property will be set to @_background-gradient-end-color. When set to 'true', the background-color property will be set to @_background-gradient-start-colorSets the background-color fallback property. When set to 'false', the background-color property will be set to @_background-gradient-color-end. When set to 'true', the background-color property will be set to @_background-gradient-color-start

 //  

diff --git a/lib/web/css/docs/source/variables.less b/lib/web/css/docs/source/variables.less
index 5f35b9512ef4f..ec3bc457287b7 100644
--- a/lib/web/css/docs/source/variables.less
+++ b/lib/web/css/docs/source/variables.less
@@ -17,17 +17,17 @@
 //            Predefined font family
 //        
 //        
-//            @font-family-sans-serif
+//            @font-family__sans-serif
 //            'Helvetica Neue', Helvetica, Arial, sans-serif
 //            Sans-serif font family
 //        
 //        
-//            @font-family-serif
+//            @font-family__serif
 //            Georgia, 'Times New Roman', Times, serif
 //            Serif font family
 //        
 //        
-//            @font-family-monospace
+//            @font-family__monospace
 //            Menlo, Monaco, Consolas, 'Courier New', monospace
 //            Monospace font family
 //        
@@ -55,37 +55,37 @@
 //            Gray 56
 //        
 //        
-//            @color-primary
+//            @primary__color
 //            #555
 //            Primary color
 //        
 //        
-//            @color-primary-dark
-//            darken(@color-primary, 35%) // #000
+//            @primary__color__dark
+//            darken(@primary__color, 35%) // #000
 //            Dark primary color
 //        
 //        
-//            @color-primary-darker
-//            darken(@color-primary, 13.5%) // #111
+//            @primary__color__darker
+//            darken(@primary__color, 13.5%) // #111
 //            Darker primary color
 //        
 //        
-//            @color-primary-lighter
-//            lighten(@color-primary, 23%) // #7d7d7d
+//            @primary__color__lighter
+//            lighten(@primary__color, 23%) // #7d7d7d
 //            Lighter primary color
 //        
 //        
-//            @color-primary-light
-//            lighten(@color-primary, 45%) // #a6a6a6
+//            @primary__color__light
+//            lighten(@primary__color, 45%) // #a6a6a6
 //            Light primary color
 //        
 //        
-//            @border-color-base
-//            darken(@page-bg-color, 18%)
+//            @border-color__base
+//            darken(@page__background-color, 18%)
 //            Base border color
 //        
 //        
-//            @border-width-base
+//            @border-width__base
 //            1px
 //            Base border width
 //        
@@ -93,180 +93,180 @@
 //            Fonts settings
 //        
 //        
-//            @font-family-base
-//            @font-family-sans-serif
+//            @font-family__base
+//            @font-family__sans-serif
 //            Basic font family
 //        
 //        
-//            @font-size-root
+//            @root__font-size
 //            62.5%
 //            Setting font-size for HTML tag, use % units
 //        
 //        
-//            @font-size-base-ratio
+//            @font-size-ratio__base
 //            1.4
 //            Defines ratio between root font size and base font size
 //        
 //        
-//            @font-size-base
-//            unit((@font-size-root / 100) * 16 * @font-size-base-ratio, px)
+//            @font-size__base
+//            unit((@root__font-size / 100) * 16 * @font-size-ratio__base, px)
 //            Base font size value in px
 //        
 //        
-//            @font-size-xl
-//            ceil(1.5 * @font-size-base) // 21
+//            @font-size__xl
+//            ceil(1.5 * @font-size__base) // 21
 //            Extra large font size
 //        
 //        
-//            @font-size-l
-//            ceil(1.25 * @font-size-base) // 18
+//            @font-size__l
+//            ceil(1.25 * @font-size__base) // 18
 //            Large font size
 //        
 //        
-//            @font-size-s
-//            ceil(.85 * @font-size-base) // 12
+//            @font-size__s
+//            ceil(.85 * @font-size__base) // 12
 //            Small font size
 //        
 //        
-//            @font-size-xs
-//            floor(.75 * @font-size-base) // 11
+//            @font-size__xs
+//            floor(.75 * @font-size__base) // 11
 //            Extra small font size
 //        
 //        
-//            @font-weight-base
+//            @font-weight__regular
 //            400
 //            Basic font weight
 //        
 //        
-//            @font-weight-light
+//            @font-weight__light
 //            200
 //            Light font weight
 //        
 //        
-//            @font-weight-semibold
+//            @font-weight__semibold
 //            600
 //            Semibold font weight
 //        
 //        
-//            @font-weight-bold
+//            @font-weight__bold
 //            700
 //            Bold font weight
 //        
 //        
-//            @font-style-base
+//            @font-style__base
 //            normal
 //            Font style
 //        
 //        
-//            @font-style-emphasis
+//            @font-style__emphasis
 //            italic
 //            Emphasis font style
 //        
 //        
-//            @line-height-base
+//            @line-height__base
 //            1.428571429
 //            Base line height
 //        
 //        
-//            @line-height-computed
-//            floor(@font-size-base * @line-height-base)
+//            @line-height__computed
+//            floor(@font-size__base * @line-height__base)
 //            Computed line height depending on base font size
 //        
 //        
-//            @line-height-l
+//            @line-height__l
 //            1.5
 //            Large line height
 //        
 //        
-//            @line-height-s
+//            @line-height__s
 //            1.33
 //            Small line height
 //        
 //        
-//            @text-color
-//            @color-primary
+//            @text__color
+//            @primary__color
 //            Primary text color
 //        
 //        
-//            @text-color-intense
-//            @color-primary-darker
+//            @text__color__intense
+//            @primary__color__darker
 //            Darker text color
 //        
 //        
-//            @text-color-muted
-//            @color-primary-lighter
+//            @text__color__muted
+//            @primary__color__lighter
 //            Lighter text color
 //        
 //        
-//            @indent-base
-//            @line-height-computed // 20px
+//            @indent__base
+//            @line-height__computed // 20px
 //            Base text ident (20px)
 //        
 //        
-//            @indent-xl-base
-//            @line-height-computed * 2 // 40px
+//            @indent__xl
+//            @line-height__computed * 2 // 40px
 //            Extra large text ident (40px)
 //        
 //        
-//            @indent-l-base
-//            @line-height-computed * 1.5 // 30px
+//            @indent__l
+//            @line-height__computed * 1.5 // 30px
 //            Large text ident (30px)
 //        
 //        
-//            @indent-m-base
-//            @indent-base * 1.25 // 25px
+//            @indent__m
+//            @indent__base * 1.25 // 25px
 //            Extra large text ident (25px)
 //        
 //        
-//            @indent-s-base
-//            @line-height-computed / 2 //10px 
+//            @indent__s
+//            @line-height__computed / 2 //10px 
 //            Small text ident (10px)
 //        
 //        
-//            @indent-xs-base
-//            @line-height-computed / 4 // 5px
+//            @indent__xs
+//            @line-height__computed / 4 // 5px
 //            Extra small text ident (5px)
 //        
 //        
 //            Links
 //        
 //        
-//            @link-color
+//            @link__color
 //            #1979c3
 //            Links color
 //        
 //        
-//            @link-text-decoration
+//            @link__text-decoration
 //            none
 //            Links text decoration
 //        
 //        
-//            @link-color-visited
+//            @link__visited__color
 //            #800080
 //            Visited links color
 //        
 //        
-//            @link-text-decoration-visited
+//            @link__visited__text-decoration
 //            none
 //            Visited links text decoration
 //        
 //        
-//            @link-color-hover
+//            @link__hover__color
 //            #006bb4
 //            Hovered links color
 //        
 //        
-//            @link-text-decoration-hover
+//            @link__hover__text-decoration
 //            underline
 //            Hovered links text decoration
 //        
 //        
-//            @link-color-active
+//            @link__active__color
 //            #ff5501
 //            Active links color
 //        
 //        
-//            @link-text-decoration-active
+//            @link__active__text-decoration
 //            underline
 //            Active links text decoration
 //        
@@ -274,548 +274,548 @@
 //            Lists
 //        
 //        
-//            @list-color-base
+//            @list__color__base
 //            false
 //            List text color
 //        
 //        
-//            @list-font-size-base
-//            @font-size-base
+//            @list__font-size__base
+//            @font-size__base
 //            List font size
 //        
 //        
-//            @list-margin-top
+//            @list__margin-top
 //            0
 //            List margin top
 //        
 //        
-//            @list-margin-bottom
-//            @indent-m-base
+//            @list__margin-bottom
+//            @indent__m
 //            List margin bottom
 //        
 //        
-//            @list-item-margin-top
+//            @list-item__margin-top
 //            0
 //            List item margin top
 //        
 //        
-//            @list-item-margin-bottom
-//            @indent-s-base
+//            @list-item__margin-bottom
+//            @indent__s
 //            List item margin bottom
 //        
 //        
 //            Definition list
 //        
 //        
-//            @dl-margin-top
+//            @dl__margin-top
 //            0
 //            Definition list margin top
 //        
 //        
-//            @dl-margin-bottom
-//            @indent-base
+//            @dl__margin-bottom
+//            @indent__base
 //            Definition list margin bottom
 //        
 //        
-//            @dt-margin-top
+//            @dt__margin-top
 //            0
 //            Description term margin top
 //        
 //        
-//            @dt-margin-bottom
-//            @indent-xs-base
+//            @dt__margin-bottom
+//            @indent__xs
 //            Description term margin bottom
 //        
 //        
-//            @dt-font-weight
-//            @font-weight-bold
+//            @dt__font-weight
+//            @font-weight__bold
 //            Description term 
 //        
 //        
-//            @dd-margin-top
+//            @dd__margin-top
 //            0
 //            Description margin top
 //        
 //        
-//            @dd-margin-bottom
-//            @indent-s-base
+//            @dd__margin-bottom
+//            @indent__s
 //            Description margin bottom
 //        
 //        
 //            Paragraphs
 //        
 //        
-//            @p-margin-top
+//            @p__margin-top
 //            0
 //            Paragraph margin top
 //        
 //        
-//            @p-margin-bottom
-//            @indent-s-base
+//            @p__margin-bottom
+//            @indent__s
 //            Paragraph margin bottom
 //        
 //        
 //            Headings
 //        
 //        
-//            @heading-font-family-base
+//            @heading__font-family__base
 //            false
 //            Heading base font family
 //        
 //        
-//            @heading-font-style-base
+//            @heading__font-style__base
 //            false
 //            Heading base font style
 //        
 //        
-//            @heading-font-weight-base
-//            @font-weight-light
+//            @heading__font-weight__base
+//            @font-weight__light
 //            Heading base font weight
 //        
 //        
-//            @heading-line-height-base
+//            @heading__line-height__base
 //            1.1
 //            Heading base line height
 //        
 //        
-//            @heading-color-base
+//            @heading__color__base
 //            false
 //            Heading base color
 //        
 //        
-//            @heading-margin-top-base
-//            @indent-base
+//            @heading__margin-top__base
+//            @indent__base
 //            Heading base margin top
 //        
 //        
-//            @heading-margin-bottom-base
-//            @indent-base
+//            @heading__margin-bottom__base
+//            @indent__base
 //            Heading base margin bottom
 //        
 //        
 //            H1
 //        
 //        
-//            @h1-font-size
-//            ceil((@font-size-base * 2.85)) // 40px
+//            @h1__font-size
+//            ceil((@font-size__base * 2.85)) // 40px
 //            H1 font size
 //        
 //        
-//            @h1-font-color
-//            @heading-color-base
+//            @h1__font-color
+//            @heading__color__base
 //            H1 color
 //        
 //        
-//            @h1-font-family
-//            @heading-font-family-base
+//            @h1__font-family
+//            @heading__font-family__base
 //            H1 font family
 //        
 //        
-//            @h1-font-weight
-//            @heading-font-weight-base
+//            @h1__font-weight
+//            @heading__font-weight__base
 //            H1 font weight
 //        
 //        
-//            @h1-font-style
-//            @heading-font-style-base
+//            @h1__font-style
+//            @heading__font-style__base
 //            H1 font style
 //        
 //        
-//            @h1-line-height
-//            @heading-line-height-base
+//            @h1__line-height
+//            @heading__line-height__base
 //            H1 line height
 //        
 //        
-//            @h1-margin-top
+//            @h1__margin-top
 //            0
 //            H1 margin top
 //        
 //        
-//            @h1-margin-bottom
-//            @heading-margin-bottom-base
+//            @h1__margin-bottom
+//            @heading__margin-bottom__base
 //            H1 margin bottom
 //        
 //        
 //            H2
 //        
 //        
-//            @h2-font-size
-//            ceil((@font-size-base * 1.85)) // 26px
+//            @h2__font-size
+//            ceil((@font-size__base * 1.85)) // 26px
 //            H2 font size
 //        
 //        
-//            @h2-font-color
-//            @heading-color-base
+//            @h2__font-color
+//            @heading__color__base
 //            H2 color
 //        
 //        
-//            @h2-font-family
-//            @heading-font-family-base
+//            @h2__font-family
+//            @heading__font-family__base
 //            H2 font family
 //        
 //        
-//            @h2-font-weight
-//            @heading-font-weight-base
+//            @h2__font-weight
+//            @heading__font-weight__base
 //            H2 font weight
 //        
 //        
-//            @h2-font-style
-//            @heading-font-style-base
+//            @h2__font-style
+//            @heading__font-style__base
 //            H2 font style
 //        
 //        
-//            @h2-line-height
-//            @heading-line-height-base
+//            @h2__line-height
+//            @heading__line-height__base
 //            H2 line height
 //        
 //        
-//            @h2-margin-top
-//            @indent-m-base
+//            @h2__margin-top
+//            @indent__m
 //            H2 margin top
 //        
 //        
-//            @h2-margin-bottom
-//            @heading-margin-bottom-base
+//            @h2__margin-bottom
+//            @heading__margin-bottom__base
 //            H2 margin bottom
 //        
 //        
 //            H3
 //        
 //        
-//            @h3-font-size
-//            ceil((@font-size-base * 1.28)) // 18px
+//            @h3__font-size
+//            ceil((@font-size__base * 1.28)) // 18px
 //            H3 font size
 //        
 //        
-//            @h3-font-color
-//            @heading-color-base
+//            @h3__font-color
+//            @heading__color__base
 //            H3 color
 //        
 //        
-//            @h3-font-family
-//            @heading-font-family-base
+//            @h3__font-family
+//            @heading__font-family__base
 //            H3 font family
 //        
 //        
-//            @h3-font-weight
-//            @heading-font-weight-base
+//            @h3__font-weight
+//            @heading__font-weight__base
 //            H3 font weight
 //        
 //        
-//            @h3-font-style
-//            @heading-font-style-base
+//            @h3__font-style
+//            @heading__font-style__base
 //            H3 font style
 //        
 //        
-//            @h3-line-height
-//            @heading-line-height-base
+//            @h3__line-height
+//            @heading__line-height__base
 //            H3 line height
 //        
 //        
-//            @h3-margin-top
-//            @indent-base * .75
+//            @h3__margin-top
+//            @indent__base * .75
 //            H3 margin top
 //        
 //        
-//            @h3-margin-bottom
-//            @indent-s-base
+//            @h3__margin-bottom
+//            @indent__s
 //            H3 margin bottom
 //        
 //        
 //            H4
 //        
 //        
-//            @h4-font-size
-//            @font-size-base // 14px
+//            @h4__font-size
+//            @font-size__base // 14px
 //            H4 font size
 //        
 //        
-//            @h4-font-color
-//            @heading-color-base
+//            @h4__font-color
+//            @heading__color__base
 //            H4 color
 //        
 //        
-//            @h4-font-family
-//            @heading-font-family-base
+//            @h4__font-family
+//            @heading__font-family__base
 //            H4 font family
 //        
 //        
-//            @h4-font-weight
-//            @font-weight-bold
+//            @h4__font-weight
+//            @font-weight__bold
 //            H4 font weight
 //        
 //        
-//            @h4-font-style
-//            @heading-font-style-base
+//            @h4__font-style
+//            @heading__font-style__base
 //            H4 font style
 //        
 //        
-//            @h4-line-height
-//            @heading-line-height-base
+//            @h4__line-height
+//            @heading__line-height__base
 //            H4 line height
 //        
 //        
-//            @h4-margin-top
-//            @heading-margin-top-base
+//            @h4__margin-top
+//            @heading__margin-top__base
 //            H4 margin top
 //        
 //        
-//            @h4-margin-bottom
-//            @heading-margin-bottom-base
+//            @h4__margin-bottom
+//            @heading__margin-bottom__base
 //            H4 margin bottom
 //        
 //        
 //            H5
 //        
 //        
-//            @h5-font-size
-//            ceil((@font-size-base * .85)) // 12px
+//            @h5__font-size
+//            ceil((@font-size__base * .85)) // 12px
 //            H5 font size
 //        
 //        
-//            @h5-font-color
-//            @heading-color-base
+//            @h5__font-color
+//            @heading__color__base
 //            H5 color
 //        
 //        
-//            @h5-font-family
-//            @heading-font-family-base
+//            @h5__font-family
+//            @heading__font-family__base
 //            H5 font family
 //        
 //        
-//            @h5-font-weight
-//            @font-weight-bold
+//            @h5__font-weight
+//            @font-weight__bold
 //            H5 font weight
 //        
 //        
-//            @h5-font-style
-//            @heading-font-style-base
+//            @h5__font-style
+//            @heading__font-style__base
 //            H5 font style
 //        
 //        
-//            @h5-line-height
-//            @heading-line-height-base
+//            @h5__line-height
+//            @heading__line-height__base
 //            H5 line height
 //        
 //        
-//            @h5-margin-top
-//            @heading-margin-top-base
+//            @h5__margin-top
+//            @heading__margin-top__base
 //            H5 margin top
 //        
 //        
-//            @h5-margin-bottom
-//            @heading-margin-bottom-base
+//            @h5__margin-bottom
+//            @heading__margin-bottom__base
 //            H5 margin bottom
 //        
 //        
 //            H6
 //        
 //        
-//            @h6-font-size
-//            ceil((@font-size-base * .7)) // 10px
+//            @h6__font-size
+//            ceil((@font-size__base * .7)) // 10px
 //            H6 font size
 //        
 //        
-//            @h6-font-color
-//            @heading-color-base
+//            @h6__font-color
+//            @heading__color__base
 //            H6 color
 //        
 //        
-//            @h6-font-family
-//            @heading-font-family-base
+//            @h6__font-family
+//            @heading__font-family__base
 //            H6 font family
 //        
 //        
-//            @h6-font-weight
-//            @heading-font-weight-base
+//            @h6__font-weight
+//            @heading__font-weight__base
 //            H6 font weight
 //        
 //        
-//            @h6-font-style
-//            @heading-font-style-base
+//            @h6__font-style
+//            @heading__font-style__base
 //            H6 font style
 //        
 //        
-//            @h6-line-height
-//            @heading-line-height-base
+//            @h6__line-height
+//            @heading__line-height__base
 //            H6 line height
 //        
 //        
-//            @h6-margin-top
-//            @heading-margin-top-base
+//            @h6__margin-top
+//            @heading__margin-top__base
 //            H6 margin top
 //        
 //        
-//            @h6-margin-bottom
-//            @heading-margin-bottom-base
+//            @h6__margin-bottom
+//            @heading__margin-bottom__base
 //            H6 margin bottom
 //        
 //        
 //            <small> tags and tags with class .small placed in H1-H6 headings
 //        
 //        
-//            @heading-small-color
-//            @color-primary
+//            @heading__small-color
+//            @primary__color
 //            <small> and .small heading element color
 //        
 //        
-//            @heading-small-line-height
+//            @heading__small-line-height
 //            1
 //            <small> and .small heading element line height
 //        
 //        
-//            @heading-small-size
-//            (@font-size-xs/@font-size-base) * 100%
+//            @heading__small-size
+//            (@font-size__xs/@font-size__base) * 100%
 //            <small> and .small heading element font size
 //        
 //        
 //            Focus
 //        
 //        
-//            @focus-box-shadow
-//            0 0 3px 1px @color-focus
+//            @focus__box-shadow
+//            0 0 3px 1px @focus__color
 //            Focused element highlight
 //        
 //        
 //            Code blocks
 //        
 //        
-//            @code-bg
-//            @panel-bg
+//            @code__background-color
+//            @panel__background-color
 //            Code block background
 //        
 //        
-//            @code-color
-//            @color-primary-darker
+//            @code__color
+//            @primary__color__darker
 //            Code text color
 //        
 //        
-//            @code-font-size
-//            @font-size-s
+//            @code__font-size
+//            @font-size__s
 //            Code font size
 //        
 //        
-//            @code-padding
+//            @code__padding
 //            2px 4px
 //            Code padding
 //        
 //        
-//            @pre-bg
-//            @color-primary-light
+//            @pre__background-color
+//            @primary__color__light
 //            Preformatted text background color
 //        
 //        
-//            @pre-border-color
-//            @border-color-base
+//            @pre__border-color
+//            @border-color__base
 //            Preformatted text border color
 //        
 //        
-//            @pre-border-width
-//            @border-width-base
+//            @pre__border-width
+//            @border-width__base
 //            Preformatted text border width
 //        
 //        
-//            @pre-color
-//            @color-primary-darker
+//            @pre__color
+//            @primary__color__darker
 //            Preformatted text color
 //        
 //        
-//            @kbd-bg
-//            @panel-bg
+//            @kbd__background-color
+//            @panel__background-color
 //            Keyboard input background
 //        
 //        
-//            @kbd-color
-//            @color-primary-darker
+//            @kbd__color
+//            @primary__color__darker
 //            Keyboard input text color
 //        
 //        
 //            Blockquote
 //        
 //        
-//            @blockquote-border-color
-//            @border-color-base
+//            @blockquote__border-color
+//            @border-color__base
 //            Blockquote border color
 //        
 //        
-//            @blockquote-border-width
+//            @blockquote__border-width
 //            0
 //            Blockquote border width
 //        
 //        
-//            @blockquote-before-content
+//            @blockquote__content-before
 //            '\2014 \00A0'
 //            "-" and space symbols
 //        
 //        
-//            @blockquote-font-size
-//            @font-size-base
+//            @blockquote__font-size
+//            @font-size__base
 //            Blockquote font size
 //        
 //        
-//            @blockquote-font-style
-//            @font-style-emphasis
+//            @blockquote__font-style
+//            @font-style__emphasis
 //            Blockquote font style
 //        
 //        
-//            @blockquote-margin
-//             0 0 @indent-base @indent-xl-base
+//            @blockquote__margin
+//             0 0 @indent__base @indent__xl
 //            Blockquote margin
 //        
 //        
-//            @blockquote-padding
+//            @blockquote__padding
 //            0
 //            Blockquote padding
 //        
 //        
-//            @blockquote-small-color
-//            @color-primary
+//            @blockquote-small__color
+//            @primary__color
 //            Blockquote <small> and .small text color
 //        
 //        
-//            @blockquote-small-font-size
-//            @font-size-xs
+//            @blockquote-small__font-size
+//            @font-size__xs
 //            Blockquote <small> and .small font size
 //        
 //        
 //            Cite
 //        
 //        
-//            @cite-font-style
-//            @font-style-base
+//            @cite__font-style
+//            @font-style__base
 //            Cite font style
 //        
 //        
 //            Other elements
 //        
 //        
-//            @hr-border-color
-//            @border-color-base
+//            @hr__border-color
+//            @border-color__base
 //            HR border color
 //        
 //        
-//            @hr-border-style
+//            @hr__border-style
 //            solid
 //            HR border style
 //        
 //        
-//            @hr-border-width
-//            @border-width-base
+//            @hr__border-width
+//            @border-width__base
 //            HR border width
 //        
 //        
-//            @mark-color
-//            @color-primary-dark
+//            @mark__color
+//            @primary__color__dark
 //            <mark> color
 //        
 //        
-//            @mark-bg
-//            @panel-bg
+//            @mark__background-color
+//            @panel__background-color
 //            <mark> background
 //        
 //        
-//            @abbr-border-color
-//            @border-color-base
+//            @abbr__border-color
+//            @border-color__base
 //            <abbr> border color
 //        
 //        
@@ -868,7 +868,7 @@
 //      
 //      
 //        @_actions-toolbar-primary-actions-margin
-//        0 @indent-xs-base 0 0
+//        0 @indent__xs 0 0
 //        '' | false | value
 //        Margins of primary .actions in the Actions toolbar
 //      
@@ -911,7 +911,7 @@
 //      
 //      
 //        @_breadcrumbs-font-size
-//        @font-size-s
+//        @font-size__s
 //        '' | false | value
 //        Breadcrumbs font size
 //      
@@ -922,8 +922,8 @@
 //        Breadcrumbs links display property
 //      
 //      
-//        @_@breadcrumbs-container-margin
-//         0 0 @indent-base
+//        @_@breadcrumbs__container-margin
+//         0 0 @indent__base
 //        '' | false | value
 //        Breadcrumbs items padding
 //      
@@ -944,7 +944,7 @@
 //      
 //      
 //        @_breadcrumbs-separator-color
-//        @breadcrumbs-current-color
+//        @breadcrumbs-current__color
 //        '' | false | value
 //        Breadcrumbs separating symbol color
 //      
@@ -1007,7 +1007,7 @@
 //      
 //      
 //        @_breadcrumbs-current-font-weight
-//        @font-weight-base
+//        @font-weight__regular
 //        '' | false | value
 //        Breadcrumbs current page font weight
 //      
@@ -1036,13 +1036,13 @@
 //        Direction of breadcrumbs current page background gradient (if there is any)
 //      
 //      
-//        @_breadcrumbs-current-gradient-start-color
+//        @_breadcrumbs-current-gradient-color-start
 //        false
 //        '' | false | value
 //        Breadcrumbs current page gradient start color
 //      
 //      
-//        @_breadcrumbs-current-gradient-end-color
+//        @_breadcrumbs-current-gradient-color-end
 //        false
 //        '' | false | value
 //        Breadcrumbs current page gradient end color
@@ -1067,7 +1067,7 @@
 //      
 //      
 //        @_breadcrumbs-link-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item color
 //      
@@ -1090,13 +1090,13 @@
 //        Breadcrumbs item text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color
+//        @_breadcrumbs-link-gradient-color-start
 //        false
 //        '' | false | value
 //        Breadcrumbs item gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color
+//        @_breadcrumbs-link-gradient-color-end
 //        false
 //        '' | false | value
 //        Breadcrumbs item gradient end color
@@ -1106,19 +1106,19 @@
 //      
 //      
 //        @_breadcrumbs-link-color-visited
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item visited color
 //      
 //      
 //        @_breadcrumbs-link-background-visited
-//        @breadcrumbs-link-background
+//        @breadcrumbs-link__background
 //        '' | false | value
 //        Breadcrumbs item visited background
 //      
 //      
 //        @_breadcrumbs-link-border-visited
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item visited border
 //      
@@ -1129,13 +1129,13 @@
 //        Breadcrumbs item text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-visited
+//        @_breadcrumbs-link-gradient-color-start-visited
 //        false
 //        '' | false | value
 //        Breadcrumbs item visited gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-visited
+//        @_breadcrumbs-link-gradient-color-end-visited
 //        false
 //        '' | false | value
 //        Breadcrumbs item visited gradient end color
@@ -1145,7 +1145,7 @@
 //      
 //      
 //        @_breadcrumbs-link-color-hover
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item hover color
 //      
@@ -1157,7 +1157,7 @@
 //      
 //      
 //        @_breadcrumbs-link-border-hover
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item hover border
 //      
@@ -1168,13 +1168,13 @@
 //        Breadcrumbs item hover text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-hover
+//        @_breadcrumbs-link-gradient-color-start-hover
 //        false
 //        '' | false | value
 //        Breadcrumbs item hover gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-hover
+//        @_breadcrumbs-link-gradient-color-end-hover
 //        false
 //        '' | false | value
 //        Breadcrumbs item hover gradient end color
@@ -1184,19 +1184,19 @@
 //      
 //      
 //        @_breadcrumbs-link-color-active
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Breadcrumbs item active color
 //      
 //      
 //        @_breadcrumbs-link-background-active
-//        @breadcrumbs-link-background
+//        @breadcrumbs-link__background
 //        '' | false | value
 //        Breadcrumbs item active background
 //      
 //      
 //        @_breadcrumbs-link-border-active
-//        @breadcrumbs-link-border
+//        @breadcrumbs-link__border
 //        '' | false | value
 //        Breadcrumbs item active border
 //      
@@ -1207,13 +1207,13 @@
 //        Breadcrumbs item active text decoration
 //      
 //      
-//        @_breadcrumbs-link-gradient-start-color-active
+//        @_breadcrumbs-link-gradient-color-start-active
 //        false
 //        '' | false | value
 //        Breadcrumbs item active gradient start color
 //      
 //      
-//        @_breadcrumbs-link-gradient-end-color-active
+//        @_breadcrumbs-link-gradient-color-end-active
 //        false
 //        '' | false | value
 //        Breadcrumbs item active gradient end color
@@ -1233,19 +1233,19 @@
 //      
 //      
 //        @_button-font-family
-//        @font-family-base
+//        @font-family__base
 //        '' | false | value
 //        Button font family
 //      
 //      
 //        @_button-font-size
-//        @font-size-base
+//        @font-size__base
 //        '' | false | value
 //        Button font size
 //      
 //      
 //        @_button-font-weight
-//        @font-weight-bold
+//        @font-weight__bold
 //        '' | false | value
 //        Button font weight
 //      
@@ -1269,7 +1269,7 @@
 //      
 //      
 //        @_button-line-height
-//        @font-size-base + 2
+//        @font-size__base + 2
 //        '' | false | value
 //        Button height
 //      
@@ -1308,7 +1308,7 @@
 //      
 //      
 //        @_button-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Button text color
 //      
@@ -1325,13 +1325,13 @@
 //        Button border
 //      
 //      
-//        @_button-gradient-start-color
+//        @_button-gradient-color-start
 //        false
 //        '' | false | value
 //        Gradient background start color
 //      
 //      
-//        @_button-gradient-end-color
+//        @_button-gradient-color-end
 //        false
 //        '' | false | value
 //        Gradient background end color
@@ -1358,13 +1358,13 @@
 //        Hovered button border
 //      
 //      
-//        @_button-gradient-start-color-hover
+//        @_button-gradient-color-start-hover
 //        false
 //        '' | false | value
 //        Hovered button gradient background start color
 //      
 //      
-//        @_button-gradient-end-color-hover
+//        @_button-gradient-color-end-hover
 //        false
 //        '' | false | value
 //        Hovered button gradient background end color
@@ -1374,30 +1374,30 @@
 //      
 //      
 //        @_button-color-active
-//        @button-color
+//        @button__color
 //        '' | false | value
 //        Active button text color
 //      
 //      
 //        @_button-background-active
-//        @button-background-hover
+//        @button__hover__background
 //        '' | false | value
 //        Active button background
 //      
 //      
 //        @_button-border-active
-//        @button-border
+//        @button__border
 //        '' | false | value
 //        Active button border
 //      
 //      
-//        @_button-gradient-start-color-active

+//        @_button-gradient-color-start-active

 //        false
 //        '' | false | value
 //        Active button gradient background start color
 //      
 //      
-//        @_button-gradient-end-color-active
+//        @_button-gradient-color-end-active
 //        false
 //        '' | false | value
 //        Active button gradient background end color
@@ -1431,7 +1431,7 @@
 //      
 //      
 //        @_button-icon-font-line-height
-//        @button-icon-font-size
+//        @button-icon__font-size
 //        '' | false | value
 //        Button icon line height
 //      
@@ -1467,7 +1467,7 @@
 //      
 //      
 //        @_button-icon-font-position
-//        @icon-position
+//        @icon__position
 //        '' | false | before | after
 //        Button icon font position
 //      
@@ -1481,7 +1481,7 @@
 //  
 //
 //  #### The .button-primary() mixin variables
-//  In the variables list primary buttons are configured with @button-primary- prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary-background of the global variables list.
+//  In the variables list primary buttons are configured with @button-primary__ prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary__background of the global variables list.
 //  
 //    
 //        
@@ -1510,7 +1510,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1548,13 +1548,13 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -1576,18 +1576,18 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -1597,30 +1597,30 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
@@ -1640,55 +1640,55 @@
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
@@ -1707,19 +1707,19 @@
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
 //      
 //        
-//        
+//        
 //        
 //        
 //      
@@ -1846,43 +1846,43 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1894,13 +1894,13 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1919,7 +1919,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1934,49 +1934,49 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -1988,37 +1988,37 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2027,55 +2027,55 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2087,13 +2087,13 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2112,73 +2112,73 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2202,7 +2202,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2214,26 +2214,26 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
@@ -2241,67 +2241,67 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2310,44 +2310,44 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
@@ -2355,55 +2355,55 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -2415,56 +2415,56 @@
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //        
 //    
@_button-padding@button-padding@button__padding'' | false | valueButton padding
Button text color
@_button-gradient-start-color@_button-gradient-color-startfalse'' | false | valueGradient background start color
@_button-gradient-end-color@_button-gradient-color-endfalse'' | false | valueGradient background end color
@_button-color-hover@button-primary-color@button-primary__color'' | false | valueHovered button text color
@_button-gradient-start-color-hover@_button-gradient-color-start-hoverfalse'' | false | valueHovered button gradient background start color
@_button-gradient-end-color-hover@_button-gradient-color-end-hoverfalse'' | false | valueHovered button gradient background end color
@_button-background-active@button-primary-background-hover@button-primary__hover__background'' | false | valueActive button background
@_button-border-active@button-primary-border-hover@button-primary__hover__border'' | false | valueActive button border
@_button-color-active@button-primary-color@button-primary__color'' | false | valueActive button text color
@_button-gradient-start-color-active@_button-gradient-color-start-activefalse'' | false | valueActive button gradient background start color
@_button-gradient-end-color-active@_button-gradient-color-end-activefalse'' | false | valueActive button gradient background end color
@_button-color@button-color@button__color'' | false | valueButton color
@_button-background@button-background@button__background'' | false | valueButton background
@_button-border@button-border@button__border'' | false | valueButton border
@_button-color-hover@button-color-hover@button__hover__color'' | false | valueButton hover color
@_button-background-hover@button-background-hover@button__hover__background'' | false | valueButton hover background
@_button-border-hover@button-border-hover@button__hover__border'' | false | valueButton hover border
@_button-color-active@button-color-active@button__active__color'' | false | valueButton active color
@_button-background-active@button-background-active@button__active__background'' | false | valueButton active background
@_button-border-active@button-border-active@button__active__border'' | false | valueButton active border
@_button-font-size@button-font-size@button__font-size'' | valueButton font size
@_button-line-height@button-line-height@button__line-height'' | valueButton line-height
@_button-padding@button-padding@button__padding'' | valueButton padding
@_icon-font@button-icon-font@button-icon__font'' | false | valueDrop-down toggle icon font
@_icon-font-size@button-icon-font-size@button-icon__font-size'' | false | valueDrop-down toggle icon font size
@_icon-font-line-height@button-icon-font-line-height@button-icon__line-height'' | false | valueDrop-down toggle icon line height
@_icon-font-color@button-icon-font-color@button-icon__color'' | false | valueDrop-down toggle icon color
@_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color'' | false | valueDrop-down toggle icon hovered color
@_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color'' | false | valueDrop-down toggle icon active color
@_icon-font-margin@button-icon-font-margin@button-icon__margin'' | false | valueDrop-down toggle icon margin
@_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align'' | false | valueDrop-down toggle icon vertical align
@_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hidetrue | falseText in the tag, that contains icon, is hidden
@_dropdown-split-actions-padding0 @indent-xs-base0 @indent__xs'' | false | valueSplit button toggle element padding
@_dropdown-split-list-position-top@dropdown-list-position-top@dropdown-list__position-top'' | false | valueSplit button drop-down list position: top
@_dropdown-split-list-position-right@dropdown-list-position-right@dropdown-list__position-right'' | false | valueSplit button drop-down list position: right
@_dropdown-split-list-position-bottom@dropdown-list-position-bottom@dropdown-list__position-bottom'' | false | valueSplit button drop-down list position: bottom
@_dropdown-split-list-position-left@dropdown-list-position-left@dropdown-list__position-left'' | false | valueSplit button drop-down list position: left
@_dropdown-split-list-background@dropdown-list-background@dropdown-list__background'' | false | valueSplit button drop-down background
@_dropdown-split-list-border@dropdown-list-border@dropdown-list__border'' | false | valueSplit button drop-down border
@_dropdown-split-list-pointer@dropdown-list-pointer@dropdown-list__pointer'' | false | valueSplit button drop-down list pointer
@_dropdown-split-list-pointer-border@dropdown-list-pointer-border@dropdown-list-pointer__border'' | false | valueSplit button drop-down list pointer border
@_dropdown-split-list-item-border@dropdown-list-item-border@dropdown-list-item__border'' | false | valueSplit button drop-down list item border
@_dropdown-split-list-item-padding@dropdown-list-item-padding@dropdown-list-item__padding'' | false | valueSplit button drop-down list item padding
@_dropdown-split-list-item-margin@dropdown-list-item-margin@dropdown-list-item__margin'' | false | valueSplit button drop-down list item margin
@_dropdown-split-list-item-hover@dropdown-list-item-hover@dropdown-list-item__hover'' | false | valueSplit button drop-down list item hovered background
@_dropdown-split-list-shadow@dropdown-list-shadow@dropdown-list__shadow'' | false | valueSplit button drop-down list shadow
@_dropdown-split-list-z-index@dropdown-list-z-index@dropdown-list__z-index'' | false | valueSplit button drop-down list z-index
@_dropdown-split-toggle-icon-content@dropdown-toggle-icon-content@dropdown-toggle-icon__content'' | false | valueSplit button drop-down toggle icon - default state
@_dropdown-split-toggle-active-icon-content@dropdown-toggle-active-icon-content@dropdown-toggle-icon__active__content'' | false | valueSplit button drop-down toggle icon - active state
@_icon-font@button-icon-font@button-icon__font'' | false | valueSplit button drop-down toggle icon font
@_icon-font-size@button-icon-font-size@button-icon__font-size'' | false | valueSplit button drop-down toggle icon font size
@_icon-font-line-height@button-icon-font-line-height@button-icon__line-height'' | false | valueSplit button drop-down toggle icon line height
@_icon-font-color@button-icon-font-color@button-icon__color'' | false | valueSplit button drop-down toggle icon color
@_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color'' | false | valueSplit button drop-down toggle icon hovered color
@_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color'' | false | valueSplit button drop-down toggle icon active color
@_icon-font-margin@button-icon-font-margin@button-icon__margin'' | false | valueSplit button drop-down toggle icon margin
@_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align'' | false | valueSplit button drop-down toggle icon vertical align
@_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hidetrue | falseThe text in the toggle tag is hidden
@_border@form-fieldset-border@form-fieldset__border0Fieldset border
@_margin@form-fieldset-margin 0 0 @indent-xl-base@form-fieldset__margin 0 0 @indent__xlFieldset margin
@_padding@form-fieldset-padding@form-fieldset__padding0Fieldset padding
@_legend-color@form-fieldset-legend-color@form-fieldset-legend__colorfalseLegend color
@_legend-font-size@form-fieldset-legend-font-size@form-fieldset-legend__font-size20pxLegend font size
@_legend-font-family@form-fieldset-legend-font-family@form-fieldset-legend__font-familyfalseLegend font family
@_legend-font-weight@form-fieldset-legend-font-weight@form-fieldset-legend__font-weightfalseLegend font weight
@_legend-font-style@form-fieldset-legend-font-style@form-fieldset-legend__font-stylefalseLegend font style
@_legend-line-height@form-fieldset-legend-line-height@form-fieldset-legend__line-height1.2Legend line height
@_legend-margin@form-fieldset-legend-margin0 0 @indent-m-base@form-fieldset-legend__margin0 0 @indent__mLegend margin
@_legend-padding@form-fieldset-legend-padding@form-fieldset-legend__padding0Legend padding
@_legend-width@form-fieldset-legend-width@form-fieldset-legend__widthfalseLegend width
@_border@form-field-border@form-field__borderfalseBorder of the <div class="field"> element
@_column-padding@form-field-column-padding@form-field-column__padding0 12px 0 0Form fields column padding
@_column-number@form-field-column-number@form-field-column__number2Form fields number of columns
@_type-block-margin@form-field-type-block-margin0 0 @form-field-vertical-indent@form-field-type-block__margin0 0 @form-field__vertical-indentForm fields margin if @form-field-type set to is 'block'
@_type-inline-margin@form-field-type-inline-margin0 0 @form-field-vertical-indent@form-field-type-inline__margin0 0 @form-field__vertical-indentForm fields margin if @form-field-type is set to 'inline'
@_label-color@form-field-label-align@form-field-label__alignfalseField label text color
@_label-color@form-field-label-color@form-field-label__colorfalseField label text color
@_label-font-size@form-field-label-font-size@form-field-label__font-sizefalseField label font size
@_label-font-family@form-field-label-font-family@form-field-label__font-familyfalseField label font family
@_label-font-weight@form-field-label-font-weight@font-weight-bold@form-field-label__font-weight@font-weight__boldField label font weight
 @_label-font-style@form-field-label-font-style@form-field-label__font-stylefalseField label font style
@_label-line-height@form-field-label-line-height@form-field-label__line-heightfalseField label line height
@_type-block-label-margin@form-field-type-block-label-margin0 0 @indent-xs-base@form-field-type-label-block__margin0 0 @indent__xsField label margin if @form-field-type is set to 'block'
@_type-inline-label-padding@form-field-type-inline-label-padding@form-field-type-inline-label-padding-top 15px 0 0@form-field-type-label-inline__padding@form-field-type-label-inline__padding-top 15px 0 0Field label padding if @form-field-type is set to 'inline'
@_type-inline-label-width@form-field-type-inline-label-width@form-field-type-label-inline__width25.8%Field label width if @form-field-type is set to 'inline'
@_type-inline-control-width@form-field-type-inline-control-width@form-field-type-control-inline__width74.2%Field control width if @form-field-type is set to 'inline'
@_label-asterisk-color@form-field-label-asterisk-color@form-field-label-asterisk__color#da370aLabel asterisk color
@_label-asterisk-font-size@form-field-label-asterisk-font-size@font-size-s@form-field-label-asterisk__font-size@font-size__sLabel asterisk font size
@_label-asterisk-font-family@form-field-label-asterisk-font-family@form-field-label-asterisk__font-familyfalseLabel asterisk font family
@_label-asterisk-font-weight@form-field-label-asterisk-font-weight@form-field-label-asterisk__font-weightfalseLabel asterisk font weight
@_label-asterisk-font-style@form-field-label-asterisk-font-style@form-field-label-asterisk__font-stylefalseLabel asterisk font style
@_label-asterisk-line-height@form-field-label-asterisk-line-height@form-field-label-asterisk__line-heightfalseLabel asterisk line height
@_label-asterisk-margin@form-field-label-asterisk-margin0 0 0 @indent-xs-base@form-field-label-asterisk__margin0 0 0 @indent__xsLabel asterisk margin
@_note-color@form-field-note-color@form-field-note__colorfalseField note text color
@_note-font-size@form-field-note-font-size@font-size-s@form-field-note__font-size@font-size__sField note font size
@_note-font-family@form-field-note-font-family@form-field-note__font-familyfalseField note font family
@_note-font-weight@form-field-note-font-weight@form-field-note__font-weightfalseField note font weight
@_note-font-style@form-field-note-font-style@form-field-note__font-stylefalseField note font style
@_note-line-height@form-field-note-line-height@form-field-note__line-heightfalseField note line height
@_note-margin@form-field-note-margin@form-field-note__margin3px 0 0Field note margin
@_note-padding@form-field-note-padding@form-field-note__padding0Field note padding
@_note-icon-font-content@form-field-note-icon-font-content@form-field-note-icon-font__content@icon-pointer-upField note icon code
@_note-icon-font-size@form-field-note-icon-font-size@form-field-note-font-size*2@form-field-note-icon-font__size@form-field-note__font-size*2Field note icon font size
@_note-icon-font-line-height@form-field-note-icon-font-line-height@form-field-note-font-size@form-field-note-icon-font__line-height@form-field-note__font-sizeField note icon line height
@_note-icon-font-color@form-field-note-icon-font-color@form-field-note-color@form-field-note-icon-font__color@form-field-note__colorField note icon color
@_note-icon-font-color-hover@form-field-note-icon-font-color-hover@form-field-note-icon-font__color-hoverfalseField note icon hovered color
@_note-icon-font-color-active@form-field-note-icon-font-color-active@form-field-note-icon-font__color-activefalseField note icon active color
@_note-icon-font-margin@form-field-note-icon-font-margin@form-field-note-icon-font__marginfalseField note icon margin
@_note-icon-font-vertical-align@form-field-note-icon-font-vertical-align@icon-font-vertical-align@form-field-note-icon-font__vertical-align@icon-font__vertical-alignField note icon vertical align
@_note-icon-font-position@form-field-note-icon-font-position@icon-font-position [before | after]@form-field-note-icon-font__position@icon-font__position [before | after]Field note icon position
@_note-icon-font-text-hide@form-field-note-icon-font-text-hide@icon-font-text-hide [true | false]@form-field-note-icon-font__text-hide@icon-font__text-hide [true | false]Field note icon text hide

@@ -2481,61 +2481,61 @@
 //        
 //        
 //            @_position
-//            @form-hasrequired-position
+//            @form-hasrequired__position
 //            top [top | bottom]
 //            Position of "required fields" notice
 //        
 //        
 //            @_color
-//            @form-hasrequired-color
-//            @form-field-label-asterisk-color
+//            @form-hasrequired__color
+//            @form-field-label-asterisk__color
 //            Text color of "required fields" notice
 //        
 //        
 //            @_font-size
-//            @form-hasrequired-font-size
-//            @font-size-s
+//            @form-hasrequired__font-size
+//            @font-size__s
 //            Font size of "required fields" notice
 //        
 //        
 //            @_font-family
-//            @form-hasrequired-font-family
+//            @form-hasrequired__font-family
 //            false
 //            Font family of "required fields" notice
 //        
 //        
 //            @_font-weight
-//            @form-hasrequired-font-weight
+//            @form-hasrequired__font-weight
 //            false
 //            Font weight of "required fields" notice
 //        
 //        
 //            @_font-style
-//            @form-hasrequired-font-style
+//            @form-hasrequired__font-style
 //            false
 //            Font style of "required fields" notice
 //        
 //        
 //            @_line-height
-//            @form-hasrequired-line-height
+//            @form-hasrequired__line-height
 //            false
 //            Line height of "required fields" notice
 //        
 //        
 //            @_border
-//            @form-hasrequired-border
+//            @form-hasrequired__border
 //            false
 //            Border of "required fields" notice
 //        
 //        
 //            @_margin
-//            @form-hasrequired-margin
-//            @indent-s-base 0 0
+//            @form-hasrequired__margin
+//            @indent__s 0 0
 //            Margin of "required fields" notice
 //        
 //        
 //            @_padding
-//            @form-hasrequired-padding
+//            @form-hasrequired__padding
 //            false
 //            Padding of "required fields" notice
 //        
@@ -2555,60 +2555,60 @@
 //            @_type
 //            @form-element-input-type
 //            '' [input-text | select | textarea | input-radio | input-checkbox]
-//            Form control type.
@form-element-input-[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input-[] variables by default. Control-specific global variables can be set up separately.
@input-text-[] is used to set up input-text controls style
@select-[] is used to set up selects style
@textarea-[] is used to set up textarea style
+//            Form control type.
@form-element-input__[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input__[] variables by default. Control-specific global variables can be set up separately.
@input-text__[] is used to set up input-text controls style
@select__[] is used to set up selects style
@textarea__[] is used to set up textarea style
 //        
 //        
 //            @_background
-//            @form-element-input-background
@input-text-background
@selectbackground
@textarea-background
-//            @color-white
@form-element-input-background
@form-element-input-background
@form-element-input-background
+//            @form-element-input__background
@input-text__background
@selectbackground
@textarea__background
+//            @color-white
@form-element-input__background
@form-element-input__background
@form-element-input__background
 //            Form control background
 //        
 //        
 //            @_border
-//            @form-element-input-border
@input-text-border
@select-border
@textarea-border
-//            1px solid @form-element-input-border-color
@form-element-input-border
@form-element-input-border
@form-element-input-border
+//            @form-element-input__border
@input-text__border
@select__border
@textarea__border
+//            1px solid @form-element-input__border-color
@form-element-input__border
@form-element-input__border
@form-element-input__border
 //            Form control border
 //        
 //        
 //            @_border-radius
-//            @form-element-input-border-radius
@input-textborder-radius
@select-border-radius
@textarea-border-radius
-//            1px
@form-element-input-border-radius
@form-element-input-border-radius
@form-element-input-border-radius
+//            @form-element-input__border-radius
@input-textborder-radius
@select__border-radius
@textarea__border-radius
+//            1px
@form-element-input__border-radius
@form-element-input__border-radius
@form-element-input__border-radius
 //            Form control border radius
 //        
 //        
 //            @_height
-//            @form-element-input-height
@input-text-height
@select-height
@textarea-height
-//            32px
@form-element-input-height
@form-element-input-height
auto
+//            @form-element-input__height
@input-text__height
@select__height
@textarea__height
+//            32px
@form-element-input__height
@form-element-input__height
auto
 //            Form control height
 //        
 //        
 //            @_width
-//            @form-element-input-width
@input-text-width
@select-width
@textarea-width
-//            100%
@form-element-input-width
@form-element-input-width
@form-element-input-width
+//            @form-element-input__width
@input-text__width
@select__width
@textarea__width
+//            100%
@form-element-input__width
@form-element-input__width
@form-element-input__width
 //            Form control width
 //        
 //        
 //            @_margin
-//            @form-element-input-margin
@input-text-margin
@select-margin
@textarea-margin
-//            false [true | false]
@form-element-input-margin
@form-element-input-margin
0
+//            @form-element-input__margin
@input-text__margin
@select__margin
@textarea__margin
+//            false [true | false]
@form-element-input__margin
@form-element-input__margin
0
 //            Form control margin
 //        
 //        
 //            @_padding
-//            @form-element-input-padding
@input-text-padding 
@select-padding
@textarea-padding
-//            0 9px
@form-element-input-padding
5px 10px 4px
@indent-s-base
+//            @form-element-input__padding
@input-text__padding 
@select__padding
@textarea__padding
+//            0 9px
@form-element-input__padding
5px 10px 4px
@indent__s
 //            Form control padding
 //        
 //        
 //            @_vertical-align
-//            @form-element-input-vertical-align
@input-text-vertical-align
@select-vertical-align
@textarea-vertical-align
-//            baseline
@form-element-input-vertical-align
@form-element-input-vertical-align
@form-element-input-vertical-align
+//            @form-element-input__vertical-align
@input-text__vertical-align
@select__vertical-align
@textarea__vertical-align
+//            baseline
@form-element-input__vertical-align
@form-element-input__vertical-align
@form-element-input__vertical-align
 //            Form control vertical align
 //        
 //        
 //            @_background-clip
-//            @form-element-input-background-clip

@input-text-background-clip
@select-background-clip
@textarea-background-clip
-//            padding-box
[padding-box | border-box | content-box]
@form-element-input-background-clip
@form-element-input-background-clip
@form-element-input-background-clip
+//            @form-element-input__background-clip

@input-text__background-clip
@select__background-clip
@textarea__background-clip
+//            padding-box
[padding-box | border-box | content-box]
@form-element-input__background-clip
@form-element-input__background-clip
@form-element-input__background-clip
 //            Form control background clip
 //        
 //        
@@ -2616,38 +2616,38 @@
 //        
 //        
 //            @_color
-//            @form-element-input-color
@input-text-color
@select-color
@textarea-color
-//            false
@form-element-input-color
@form-element-input-color
@form-element-input-color
+//            @form-element-input__color
@input-text__color
@select__color
@textarea__color
+//            false
@form-element-input__color
@form-element-input__color
@form-element-input__color
 //            Form control text color
 //        
 //        
 //            @_font-size
-//            @form-element-input-font-size
@input-text-font-size
@select-font-size
@textarea-font-size
-//            @font-size-base
@form-element-input-font-size
@form-element-input-font-size
@form-element-input-font-size
+//            @form-element-input__font-size
@input-text__font-size
@select__font-size
@textarea__font-size
+//            @font-size__base
@form-element-input__font-size
@form-element-input__font-size
@form-element-input__font-size
 //            Form control font size
 //        
 //        
 //            @_font-family
-//            @form-element-input-font-family
@input-text-font-family
@select-font-family
@textarea-font-family
-//            @font-family-base
@form-element-input-font-family
@form-element-input-font-family
@form-element-input-font-family
+//            @form-element-input__font-family
@input-text__font-family
@select__font-family
@textarea__font-family
+//            @font-family__base
@form-element-input__font-family
@form-element-input__font-family
@form-element-input__font-family
 //            Form control font family
 //        
 //        
 //            @_font-weight
-//            @form-element-input-font-weight
@input-text-font-weight
@select-font-weight
@textarea-font-weight
-//            false
@form-element-input-font-weight
@form-element-input-font-weight
@form-element-input-font-weight
+//            @form-element-input__font-weight
@input-text__font-weight
@select__font-weight
@textarea__font-weight
+//            false
@form-element-input__font-weight
@form-element-input__font-weight
@form-element-input__font-weight
 //            Form control font weight
 //        
 //        
 //            @_font-style
-//            @form-element-input-font-style
@input-text-font-style
@selectfont-style
@textarea-font-style
-//            false
@form-element-input-font-style
@form-element-input-font-style
@form-element-input-font-style
+//            @form-element-input__font-style
@input-text__font-style
@selectfont-style
@textarea__font-style
+//            false
@form-element-input__font-style
@form-element-input__font-style
@form-element-input__font-style
 //            Form control font style
 //        
 //        
 //            @_line-height
-//            @form-element-input-line-height
@input-text-line-height
@select-line-height
@textarea-line-height
-//            @line-height-base
@form-element-input-line-height
@form-element-input-line-height
@form-element-input-line-height
+//            @form-element-input__line-height
@input-text__line-height
@select__line-height
@textarea__line-height
+//            @line-height__base
@form-element-input__line-height
@form-element-input__line-height
@form-element-input__line-height
 //            Form control line height
 //        
 //        
@@ -2655,14 +2655,14 @@
 //        
 //        
 //            @_placeholder-color
-//            @form-element-input-placeholder-color
@input-text-placeholder-color
@select-placeholder-color
@textarea-placeholder-color
-//            #c2c2c2
@form-element-input-placeholder-color
@form-element-input-placeholder-color
@form-element-input-placeholder-color
+//            @form-element-input-placeholder__color
@input-text-placeholder__color
@select-placeholder__color
@textarea-placeholder__color
+//            #c2c2c2
@form-element-input-placeholder__color
@form-element-input-placeholder__color
@form-element-input-placeholder__color
 //            Form control placeholder color
 //        
 //        
 //            @_placeholder-font-style
-//            @form-element-input-placeholder-font-style
@inputtext-placeholder-font-style
@select-placeholder-font-style
@textarea-placeholder-font-style
-//            @form-element-input-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
+//            @form-element-input-placeholder__font-style
@inputtext-placeholder-font-style
@select-placeholder__font-style
@textarea-placeholder__font-style
+//            @form-element-input__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
 //            Form control placeholder font style
 //        
 //        
@@ -2670,32 +2670,32 @@
 //        
 //        
 //            @_disabled-background
-//            @form-element-input-disabled-background
@inputtextdisabled-background
@select-disabled-background
@textarea-disabled-background
-//            @form-element-input-background
@form-element-input-disabled-background
@form-element-input-disabled-background
@form-element-input-disabled-background
+//            @form-element-input__disabled__background
@inputtextdisabled-background
@select__disabled__background
@textarea__disabled__background
+//            @form-element-input__background
@form-element-input__disabled__background
@form-element-input__disabled__background
@form-element-input__disabled__background
 //            Disabled form element background
 //        
 //        
 //            @_disabled-border
-//            @form-element-input-disabled-border
@input-text-disabled-border
@select-disabled-border
@textarea-disabled-border
-//            @form-element-input-border
@form-element-input-disabled-border
@form-element-input-disabled-border
@form-element-input-disabled-border
+//            @form-element-input__disabled__border
@input-text__disabled__border
@select__disabled__border
@textarea__disabled__border
+//            @form-element-input__border
@form-element-input__disabled__border
@form-element-input__disabled__border
@form-element-input__disabled__border
 //            Disabled form element border
 //        
 //        
 //            @_disabled-opacity
-//            @form-element-input-disabled-opacity
@input-text-disabled-opacity
@select-disabled-opacity
@textarea-disabled-opacity
-//            .5
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
+//            @form-element-input__disabled__opacity
@input-text__disabled__opacity
@select__disabled__opacity
@textarea__disabled__opacity
+//            .5
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
 //            Disabled form element opacity
 //        
 //        
 //            @_disabled-color
-//            @form-element-input-disabled-color
@input-text-disabled-color
@select-disabled-color
@textarea-disabled-color
-//            @form-element-input-color
@form-element-input-disabled-color
@form-element-input-disabled-color
@form-element-input-disabled-color
+//            @form-element-input__disabled__color
@input-text__disabled__color
@select__disabled__color
@textarea__disabled__color
+//            @form-element-input__color
@form-element-input__disabled__color
@form-element-input__disabled__color
@form-element-input__disabled__color
 //            Disabled form element text color
 //        
 //        
 //            @_disabled-font-style
-//            @form-element-input-disabled-font-style
@input-text-disabled-font-style
@select-disabled-font-style
@textarea-disabled-font-style
-//            @form-element-input-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
+//            @form-element-input__disabled__font-style
@input-text__disabled__font-style
@select__disabled__font-style
@textarea__disabled__font-style
+//            @form-element-input__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
 //            Disabled form element font style
 //        
 //        
@@ -2703,26 +2703,26 @@
 //        
 //        
 //            @_focus-background
-//            @form-element-input-focus-background
@input-text-focus-background
@select-focus-background
@textarea-focus-background
-//            @form-element-input-background
@form-element-input-focus-background
@form-element-input-focus-background
@form-element-input-focus-background
+//            @form-element-input__focus__background
@input-text__focus__background
@select__focus__background
@textarea__focus__background
+//            @form-element-input__background
@form-element-input__focus__background
@form-element-input__focus__background
@form-element-input__focus__background
 //            Focused form element background
 //        
 //        
 //            @_focus-border
-//            @form-element-input-focus-border
@input-text-focus-border
@select-focus-border
@textarea-focus-border
-//            @form-element-input-border
@form-element-input-focus-border
@form-element-input-focus-border
@form-element-input-focus-border
+//            @form-element-input__focus__border
@input-text__focus__border
@select__focus__border
@textarea__focus__border
+//            @form-element-input__border
@form-element-input__focus__border
@form-element-input__focus__border
@form-element-input__focus__border
 //            Focused form element border
 //        
 //        
 //            @_focus-color
-//            @form-element-input-focus-color
@input-text-focus-color
@select-focus-color
@textarea-focus-color
-//            @form-element-input-color
@form-element-input-focus-color
@form-element-input-focus-color
@form-element-input-focus-color
+//            @form-element-input__focus__color
@input-text__focus__color
@select__focus__color
@textarea__focus__color
+//            @form-element-input__color
@form-element-input__focus__color
@form-element-input__focus__color
@form-element-input__focus__color
 //            Focused form element color
 //        
 //        
 //            @_focus-font-style
-//            @form-element-input-focus-font-style
@input-text-focus-font-style
@select-focus-font-style
@textarea-focus-font-style
-//            @form-element-input-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
+//            @form-element-input__focus__font-style
@input-text__focus__font-style
@select__focus__font-style
@textarea__focus__font-style
+//            @form-element-input__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
 //            Focused form element font style
 //        
 //    
@@ -2739,26 +2739,26 @@
 //        
 //        
 //            @_type
-//            @form-element-choice-type
+//            @form-element-choice__type
 //            '' ['' | radio | checkbox]
 //            Choice element type
 //        
 //        
 //            @_vertical-align
-//            @form-element-choice-vertical-align
@input-radio-vertical-align
@input-checkbox-vertical-align
-//            false
@form-element-choice-vertical-align
@form-element-choice-vertical-align
+//            @form-element-choice__vertical-align
@input-radio__vertical-align
@input-checkbox__vertical-align
+//            false
@form-element-choice__vertical-align
@form-element-choice__vertical-align
 //            Choice element vertical align
 //        
 //        
 //            @_margin
-//            @form-element-choice-margin
@input-radio-margin
@input-checkbox-margin
-//            2px @indent-xs-base 0 0
@form-element-choice-margin
@form-element-choice-margin
+//            @form-element-choice__margin
@input-radio__margin
@input-checkbox__margin
+//            2px @indent__xs 0 0
@form-element-choice__margin
@form-element-choice__margin
 //            Choice element margin
 //        
 //        
 //            @_disabled-opacity
-//            @form-element-choice-disabled-opacity
@input-radio-disabled-opacity
@input-checkbox-disabled-opacity
-//            @form-element-input-disabled-opacity
@form-element-choice-disabled-opacity
@form-element-choice-disabled-opacity
+//            @form-element-choice__disabled__opacity
@input-radio__disabled__opacity
@input-checkbox__disabled__opacity
+//            @form-element-input__disabled__opacity
@form-element-choice__disabled__opacity
@form-element-choice__disabled__opacity
 //            Disabled choice element opacity
 //        
 //    
@@ -2775,122 +2775,122 @@
 //        
 //        
 //            @_note-color
-//            @form-validation-note-color-error
-//            @color-error
+//            @form-validation-note__color-error
+//            @error__color
 //            Validation note text color
 //        
 //        
 //            @_note-font-size
-//            @form-validation-note-font-size
-//            @font-size-s
+//            @form-validation-note__font-size
+//            @font-size__s
 //            Validation note font size
 //        
 //        
 //            @_note-font-family
-//            @form-validation-note-font-family
+//            @form-validation-note__font-family
 //            false
 //            Validation note font family
 //        
 //        
 //            @_note-font-style
-//            @form-validation-note-font-style
+//            @form-validation-note__font-style
 //            false
 //            Validation note font style
 //        
 //        
 //            @_note-font-weight
-//            @form-validation-note-font-weight
+//            @form-validation-note__font-weight
 //            false
 //            Validation note font weight
 //        
 //        
 //            @_note-line-height
-//            @form-validation-note-line-height
+//            @form-validation-note__line-height
 //            false
 //            Validation note line height
 //        
 //        
 //            @_note-margin
-//            @form-validation-note-margin
+//            @form-validation-note__margin
 //            3px 0 0
 //            Validation note margin
 //        
 //        
 //            @_note-padding
-//            @form-validation-note-padding
+//            @form-validation-note__padding
 //            false
 //            Validation note padding
 //        
 //        
 //            @_note-icon-use
-//            @form-validation-note-icon-use
+//            @form-validation-note-icon__use
 //            false [true | false]
 //            Show validation note icon
 //        
 //        
 //            @_note-icon-font-content
-//            @form-validation-note-icon-font-content
+//            @form-validation-note-icon__font-content
 //            @icon-pointer-up
 //            Validation note icon code
 //        
 //        
 //            @_note-icon-font
-//            @form-validation-note-icon-font
+//            @form-validation-note-icon__font
 //            @icon-font
 //            Validation note icon font
 //        
 //        
 //            @_note-icon-font-size
-//            @form-validation-note-icon-font-size
-//            @form-validation-note-font-size * 2
+//            @form-validation-note-icon__font-size
+//            @form-validation-note__font-size * 2
 //            Validation note icon font size
 //        
 //        
 //            @_note-icon-font-line-height
-//            @form-validation-note-icon-font-line-height
-//            @form-validation-note-font-size
+//            @form-validation-note-icon__font-line-height
+//            @form-validation-note__font-size
 //            Validation note icon line height
 //        
 //        
 //            @_note-icon-font-color
-//            @form-validation-note-icon-font-color
-//            @form-validation-note-color-error
+//            @form-validation-note-icon__font-color
+//            @form-validation-note__color-error
 //            Validation note icon color
 //        
 //        
 //            @_note-icon-font-color-hover
-//            @form-validation-note-icon-font-color-hover
+//            @form-validation-note-icon__font-color-hover
 //            false
 //            Hovered validation note icon color
 //        
 //        
 //            @_note-icon-font-color-active
-//            @form-validation-note-icon-font-color-active
+//            @form-validation-note-icon__font-color-active
 //            false
 //            Active validation note icon color
 //        
 //        
 //            @_note-icon-font-margin
-//            @form-validation-note-icon-font-margin
+//            @form-validation-note-icon__font-margin
 //            false
 //            Validation note icon margin
 //        
 //        
 //            @_note-icon-font-vertical-align
-//            @form-validation-note-icon-font-vertical-align
-//            @icon-font-vertical-align
+//            @form-validation-note-icon__font-vertical-align
+//            @icon-font__vertical-align
 //            Validation note icon vertical align
 //        
 //        
 //            @_note-icon-font-position
-//            @form-validation-note-icon-font-position
-//            @icon-font-position
+//            @form-validation-note-icon__font-position
+//            @icon-font__position
 //            Validation note icon position
 //        
 //        
 //            @_note-icon-font-text-hide
-//            @form-validation-note-icon-font-text-hide
-//            @icon-font-text-hide
+//            @form-validation-note-icon__font-text-hide
+//            @icon-font__text-hide
 //            Validation note icon text hide
 //        
 //    
@@ -2914,7 +2914,7 @@
 //      
 //      
 //        @_icon-font
-//        @icon-font-name
+//        @icons__font-name
 //        '' | false | value
 //        The icon font
 //      
@@ -2926,7 +2926,7 @@
 //      
 //      
 //        @_icon-font-line-height
-//        @icon-font-size
+//        @icon-font__size
 //        '' | false | value
 //        Font icon line height
 //      
@@ -2950,25 +2950,25 @@
 //      
 //      
 //        @_icon-font-margin
-//        @icon-margin
+//        @icon__margin
 //        '' | false | value
 //        Font icon margin
 //      
 //      
 //        @_icon-font-vertical-align
-//        @icon-vertical-align
+//        @icon__vertical-align
 //        '' | false | value
 //        Font icon vertical align
 //      
 //      
 //        @_icon-font-position
-//        @icon-position
+//        @icon__position
 //        before | after
 //        Font icon position
 //      
 //      
 //        @_icon-font-text-hide
-//        @icon-text-hide
+//        @icon__text-hide
 //        true | false
 //        The text of the element is replaced with the icon(true), or the icon is on the side of the text (false)
 //      
@@ -3157,19 +3157,19 @@
 //            Comment
 //        
 //        
-//            @layout-width
+//            @layout__width
 //            ''
 //            '' | false | value
 //            Page minimum width
 //        
 //        
-//            @layout-max-width
+//            @layout__max-width
 //            1280px
 //            '' | false | value
 //            Page maximum width
 //        
 //        
-//            @layout-indent
+//            @layout-indent__width
 //            20px
 //            '' | false | value
 //            Page indents on the left and right
@@ -3184,13 +3184,13 @@
 //            Class name for one column layout
 //        
 //        
-//            @layout-class-2columns-left
+//            @layout-class-2columns__left
 //            page-layout-2columns-left
 //            '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
 //            Class name for two columns layout with left sidebar
 //        
 //        
-//            @layout-class-2columns-right
+//            @layout-class-2columns__right
 //            page-layout-2columns-right
 //            '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
 //            Class name for two columns layout with right sidebar
@@ -3220,26 +3220,26 @@
 //            Variables for layout columns
 //        
 //        
-//            @layout-columns-width
+//            @layout-column__width
 //            @total-columns
 //            '' | false | value
 //            Sets base columns number
 //        
 //        
-//            @layout-column-sidebar-width
+//            @layout-column__sidebar-width
 //            2
 //            '' | false | value
 //            Sets sidebar width
 //        
 //        
-//            @layout-column-left-width
-//            @layout-column-sidebar-width
+//            @layout-column__left-width
+//            @layout-column__sidebar-width
 //            '' | false | value
 //            Sets left column width
 //        
 //        
-//            @layout-column-right-width
-//            @layout-column-sidebar-width
+//            @layout-column__right-width
+//            @layout-column__sidebar-width
 //            '' | false | value
 //            Sets right column width
 //        
@@ -3247,26 +3247,26 @@
 //            Variables for layout columns depending on layout used
 //        
 //        
-//            @layout-column-main-width-1
+//            @layout-column-main__width-1
 //            100%
 //            '' | false | value
 //            Sets one column width
 //        
 //        
-//            @layout-column-main-width-2-left
-//            @layout-columns-width - @layout-column-left-width
+//            @layout-column-main__width-2-left
+//            @layout-column__width - @layout-column__left-width
 //            '' | false | value
 //            Sets left column width
 //        
 //        
-//            @layout-column-main-width-2-right
-//            @layout-columns-width - @layout-column-right-width
+//            @layout-column-main__width-2-right
+//            @layout-column__width - @layout-column__right-width
 //            '' | false | value
 //            Sets right column width
 //        
 //        
-//            @layout-column-main-width-3
-//            @layout-columns-width - @layout-column-left-width - @layout-column-right-width
+//            @layout-column-main__width-3
+//            @layout-column__width - @layout-column__left-width - @layout-column__right-width
 //            '' | false | value
 //            Sets three columns layout main column width
 //        
@@ -3360,31 +3360,31 @@
 //      
 //      
 //        @_loader-text-color
-//        @color-primary
+//        @primary__color
 //        '' | false | value
 //        Loader text color
 //      
 //      
 //        @_loader-text-font-size
-//        @font-size-base
+//        @font-size__base
 //        '' | false | value
 //        Loader text font size
 //      
 //      
 //        @_loader-text-font-family
-//        @font-family-base
+//        @font-family__base
 //        '' | false | value
 //        Loader text font family
 //      
 //      
 //        @_loader-text-font-weight
-//        @font-weight-base
+//        @font-weight__regular
 //        '' | false | value
 //        Loader text font weight
 //      
 //      
 //        @_loader-text-font-style
-//        @font-style-base
+//        @font-style__base
 //        '' | false | value
 //        Loader text font style
 //      
@@ -3408,12 +3408,12 @@
 //      
 //      
 //        @_loading-background-color
-//        @loader-overlay-background-color
+//        @loader-overlay__background-color
 //        Loading overlay background color
 //      
 //      
 //        @_loading-background-image
-//        @loader-icon-background-image
+//        @loader-icon__background-image
 //        Loading overlay background z-index
 //      
 //    
@@ -3430,19 +3430,19 @@
 //            Comment
 //        
 //        
-//            @message-padding
-//            @indent-s-base @indent-base
+//            @message__padding
+//            @indent__s @indent__base
 //            '' | value
 //            Message padding
 //        
 //        
-//            @message-margin
-//            @indent-xs-base 0
+//            @message__margin
+//            @indent__xs 0
 //            '' | value
 //            Message margin
 //        
 //        
-//            @message-color
+//            @message__color
 //            false
 //            true | false
 //            Each message type has its own message color
@@ -3451,31 +3451,31 @@
 //            Messages font style
 //        
 //        
-//            @message-font-size
+//            @message__font-size
 //            13px
 //            '' | false | value
 //            Message font size
 //        
 //        
-//            @message-font-family
+//            @message__font-family
 //            false
 //            '' | false | value
 //            Message font family
 //        
 //        
-//            @message-font-style
+//            @message__font-style
 //            false
 //            '' | false | value
 //            Message font style
 //        
 //        
-//            @message-font-weight
+//            @message__font-weight
 //            false
 //            '' | false | value
 //            Message font weight
 //        
 //        
-//            @message-line-height
+//            @message__line-height
 //            1.2em
 //            '' | false | value
 //            Message line height
@@ -3484,55 +3484,55 @@
 //            Message icon setup
 //        
 //        
-//            @message-icon-font-size
-//            ceil(@message-font-size * 2 + 2)
+//            @message-icon__font-size
+//            ceil(@message__font-size * 2 + 2)
 //            '' | false | value
 //            Message icon font size
 //        
 //        
-//            @message-icon-font-line-height
-//            @message-icon-font-size
+//            @message-icon__font-line-height
+//            @message-icon__font-size
 //            '' | false | value
 //            Message icon line height
 //        
 //        
-//            @message-icon-inner-padding-left
+//            @message-icon__inner-padding-left
 //            40px
 //            '' | false | value
 //            Message icon padding left
 //        
 //        
-//            @message-icon-lateral-width
+//            @message-icon__lateral-width
 //            30px
 //            '' | false | value
 //            Message icon lateral width
 //        
 //        
-//            @message-icon-lateral-arrow-size
+//            @message-icon__lateral-arrow-size
 //            5px
 //            '' | false | value
 //            Message icon arrow size
 //        
 //        
-//            @message-icon-top
+//            @message-icon__top
 //            18px
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-icon-right
+//            @message-icon__right
 //            false
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-icon-bottom
+//            @message-icon__bottom
 //            false
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-icon-left
+//            @message-icon__left
 //            0
 //            '' | false | value
 //            Message icon left position
@@ -3541,25 +3541,25 @@
 //            Message border
 //        
 //        
-//            @message-border-width
+//            @message__border-width
 //            false
 //            '' | false | value
 //            Message border width
 //        
 //        
-//            @message-border-color
+//            @message__border-color
 //            false
 //            '' | false | value
 //            Message border color
 //        
 //        
-//            @message-border-style
+//            @message__border-style
 //            false
 //            '' | false | value
 //            Message border style
 //        
 //        
-//            @message-border-radius
+//            @message__border-radius
 //            false
 //            '' | false | value
 //            Message border radius
@@ -3568,38 +3568,38 @@
 //            Information message
 //        
 //        
-//            @message-info-color
+//            @message-info__color
 //            #6f4400
 //            '' | false | value
 //            Information message text color
 //        
 //        
-//            @message-info-background
+//            @message-info__background
 //            #fdf0d5
 //            '' | false | value
 //            Information message background
 //        
 //        
-//            @message-info-link-color
-//            @link-color
+//            @message-info-link__color
+//            @link__color
 //            '' | false | value
 //            Information message link color
 //        
 //        
-//            @message-info-link-color-hover
-//            @link-color-hover
+//            @message-info-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Information message hovered link color
 //        
 //        
-//            @message-info-link-color-active
-//            @link-color-hover
+//            @message-info-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Information message active link color 
 //        
 //        
-//            @message-info-border-color
-//            @message-border-color
+//            @message-info__border-color
+//            @message__border-color
 //            '' | false | value
 //            Information message border color
 //        
@@ -3610,44 +3610,44 @@
 //            Information message icon symbol code
 //        
 //        
-//            @message-info-icon-color-inner
+//            @message-info-icon__color-inner
 //            #c07600
 //            '' | false | value
 //            Information message icon symbol color 
 //        
 //        
-//            @message-info-icon-color-lateral
+//            @message-info-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Information message lateral icon symbol color
 //        
 //        
-//            @message-info-icon-background
+//            @message-info-icon__background
 //            #6f4400
 //            '' | false | value
 //            Information message icon background
 //        
 //        
-//            @message-info-icon-top
-//            @message-icon-top
+//            @message-info-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-info-icon-right
-//            @message-icon-right
+//            @message-info-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-info-icon-bottom
-//            @message-icon-bottom
+//            @message-info-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-info-icon-left
-//            @message-icon-left
+//            @message-info-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -3655,38 +3655,38 @@
 //            Warning message
 //        
 //        
-//            @message-warning-color
-//            @message-info-color
+//            @message-warning__color
+//            @message-info__color
 //            '' | false | value
 //            Warning message text color
 //        
 //        
-//            @message-warning-background
-//            @message-info-background
+//            @message-warning__background
+//            @message-info__background
 //            '' | false | value
 //            Warning message background
 //        
 //        
-//            @message-warning-link-color
-//            @message-info-link-color
+//            @message-warning-link__color
+//            @message-info-link__color
 //            '' | false | value
 //            Warning message link color
 //        
 //        
-//            @message-warning-link-color-hover
-//            @message-info-link-color-hover
+//            @message-warning-link__color-hover
+//            @message-info-link__color-hover
 //            '' | false | value
 //            Warning message hovered link color
 //        
 //        
-//            @message-warning-link-color-active
-//            @message-info-link-color-active
+//            @message-warning-link__color-active
+//            @message-info-link__color-active
 //            '' | false | value
 //            Warning message active link color 
 //        
 //        
-//            @message-info-border-color
-//            @message-info-border-color
+//            @message-info__border-color
+//            @message-info__border-color
 //            '' | false | value
 //            Warning message border color
 //        
@@ -3697,44 +3697,44 @@
 //            Warning message icon symbol code
 //        
 //        
-//            @message-warning-icon-color-inner
-//            @message-info-icon-color-inner
+//            @message-warning-icon__color-inner
+//            @message-info-icon__color-inner
 //            '' | false | value
 //            Warning message icon symbol color 
 //        
 //        
-//            @message-warning-icon-color-lateral
-//            @message-info-icon-color-lateral
+//            @message-warning-icon__color-lateral
+//            @message-info-icon__color-lateral
 //            '' | false | value
 //            Warning message lateral icon symbol color
 //        
 //        
-//            @message-warning-icon-background
-//            @message-info-icon-background
+//            @message-warning-icon__background
+//            @message-info-icon__background
 //            '' | false | value
 //            Warning message icon background
 //        
 //        
-//            @message-warning-icon-top
-//            @message-icon-top
+//            @message-warning-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-warning-icon-right
-//            @message-icon-right
+//            @message-warning-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-warning-icon-bottom
-//            @message-icon-bottom
+//            @message-warning-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-warning-icon-left
-//            @message-icon-left
+//            @message-warning-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -3742,38 +3742,38 @@
 //            Error message
 //        
 //        
-//            @message-error-color
-//            @color-error
+//            @message-error__color
+//            @error__color
 //            '' | false | value
 //            Error message text color
 //        
 //        
-//            @message-error-background
+//            @message-error__background
 //            #fae5e5
 //            '' | false | value
 //            Error message background
 //        
 //        
-//            @message-error-link-color
-//            @link-color
+//            @message-error-link__color
+//            @link__color
 //            '' | false | value
 //            Error message link color
 //        
 //        
-//            @message-error-link-color-hover
-//            @link-color-hover
+//            @message-error-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Error message hovered link color
 //        
 //        
-//            @message-error-link-color-active
-//            @link-color-hover
+//            @message-error-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Error message active link color 
 //        
 //        
-//            @message-error-border-color
-//            @message-border-color
+//            @message-error__border-color
+//            @message__border-color
 //            '' | false | value
 //            Error message border color
 //        
@@ -3784,44 +3784,44 @@
 //            Error message icon symbol code
 //        
 //        
-//            @message-error-icon-color-inner
+//            @message-error-icon__color-inner
 //            #b30000
 //            '' | false | value
 //            Error message icon symbol color 
 //        
 //        
-//            @message-error-icon-color-lateral
+//            @message-error-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Error message lateral icon symbol color
 //        
 //        
-//            @message-error-icon-background
+//            @message-error-icon__background
 //            #b30000
 //            '' | false | value
 //            Error message icon background
 //        
 //        
-//            @message-error-icon-top
-//            @message-icon-top
+//            @message-error-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-error-icon-right
-//            @message-icon-right
+//            @message-error-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-error-icon-bottom
-//            @message-icon-bottom
+//            @message-error-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-error-icon-left
-//            @message-icon-left
+//            @message-error-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -3829,38 +3829,38 @@
 //            Success message
 //        
 //        
-//            @message-success-color
+//            @message-success__color
 //            #006400
 //            '' | false | value
 //            Success message text color
 //        
 //        
-//            @message-success-background
+//            @message-success__background
 //            #e5efe5
 //            '' | false | value
 //            Success message background
 //        
 //        
-//            @message-success-link-color
-//            @link-color
+//            @message-success-link__color
+//            @link__color
 //            '' | false | value
 //            Success message link color
 //        
 //        
-//            @message-success-link-color-hover
-//            @link-color-hover
+//            @message-success-link__color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Success message hovered link color
 //        
 //        
-//            @message-success-link-color-active
-//            @link-color-hover
+//            @message-success-link__color-active
+//            @link__hover__color
 //            '' | false | value
 //            Success message active link color 
 //        
 //        
-//            @message-success-border-color
-//            @message-border-color
+//            @message-success__border-color
+//            @message__border-color
 //            '' | false | value
 //            Success message border color
 //        
@@ -3871,44 +3871,44 @@
 //            Success message icon symbol code
 //        
 //        
-//            @message-success-icon-color-inner
+//            @message-success-icon__color-inner
 //            #006400
 //            '' | false | value
 //            Success message icon symbol color 
 //        
 //        
-//            @message-success-icon-color-lateral
+//            @message-success-icon__color-lateral
 //            @color-white
 //            '' | false | value
 //            Success message lateral icon symbol color
 //        
 //        
-//            @message-success-icon-background
+//            @message-success-icon__background
 //            #006400
 //            '' | false | value
 //            Success message icon background
 //        
 //        
-//            @message-success-icon-top
-//            @message-icon-top
+//            @message-success-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-success-icon-right
-//            @message-icon-right
+//            @message-success-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-success-icon-bottom
-//            @message-icon-bottom
+//            @message-success-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-success-icon-left
-//            @message-icon-left
+//            @message-success-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -3916,38 +3916,38 @@
 //            Notice message
 //        
 //        
-//            @message-notice-color
-//            @message-info-color
+//            @message-notice__color
+//            @message-info__color
 //            '' | false | value
 //            Notice message text color
 //        
 //        
-//            @message-notice-background
-//            @message-info-background
+//            @message-notice__background
+//            @message-info__background
 //            '' | false | value
 //            Notice message background
 //        
 //        
-//            @message-notice-link-color
-//            @message-info-link-color
+//            @message-notice-link__color
+//            @message-info-link__color
 //            '' | false | value
 //            Notice message link color
 //        
 //        
-//            @message-notice-link-color-hover
-//            @message-info-link-color-hover
+//            @message-notice-link__color-hover
+//            @message-info-link__color-hover
 //            '' | false | value
 //            Notice message hovered link color
 //        
 //        
-//            @message-notice-link-color-active
-//            @message-info-link-color-active
+//            @message-notice-link__color-active
+//            @message-info-link__color-active
 //            '' | false | value
 //            Notice message active link color 
 //        
 //        
-//            @message-notice-border-color
-//            @message-info-border-color
+//            @message-notice__border-color
+//            @message-info__border-color
 //            '' | false | value
 //            Notice message border color
 //        
@@ -3958,44 +3958,44 @@
 //            Notice message icon symbol code
 //        
 //        
-//            @message-notice-icon-color-inner
-//            @message-info-icon-color-inner
+//            @message-notice-icon__color-inner
+//            @message-info-icon__color-inner
 //            '' | false | value
 //            Notice message icon symbol color 
 //        
 //        
-//            @message-notice-icon-color-lateral
-//            @message-info-icon-color-lateral
+//            @message-notice-icon__color-lateral
+//            @message-info-icon__color-lateral
 //            '' | false | value
 //            Notice message lateral icon symbol color
 //        
 //        
-//            @message-notice-icon-background
-//            @message-info-icon-background
+//            @message-notice-icon__background
+//            @message-info-icon__background
 //            '' | false | value
 //            Notice message icon background
 //        
 //        
-//            @message-notice-icon-top
-//            @message-icon-top
+//            @message-notice-icon__top
+//            @message-icon__top
 //            '' | false | value
 //            Message icon top position
 //        
 //        
-//            @message-notice-icon-right
-//            @message-icon-right
+//            @message-notice-icon__right
+//            @message-icon__right
 //            '' | false | value
 //            Message icon right position
 //        
 //        
-//            @message-notice-icon-bottom
-//            @message-icon-bottom
+//            @message-notice-icon__bottom
+//            @message-icon__bottom
 //            '' | false | value
 //            Message icon bottom position
 //        
 //        
-//            @message-notice-icon-left
-//            @message-icon-left
+//            @message-notice-icon__left
+//            @message-icon__left
 //            '' | false | value
 //            Message icon left position
 //        
@@ -4032,13 +4032,13 @@
 //        
 //        
 //            @_pager-font-size
-//            @font-size-s
+//            @font-size__s
 //            '' | false | value
 //            Pager font size
 //        
 //        
 //            @_pager-font-weight
-//            @font-weight-bold
+//            @font-weight__bold
 //            '' | false | value
 //            Pager font weight
 //        
@@ -4071,13 +4071,13 @@
 //        
 //        
 //            @_pager-current-font-weight
-//            @font-weight-bold;
+//            @font-weight__bold;
 //            '' | false | value
 //            Current page number font weight
 //        
 //        
 //            @_pager-current-color
-//            @color-primary
+//            @primary__color
 //            '' | false | value
 //            Current page number color
 //        
@@ -4106,13 +4106,13 @@
 //            Direction of current page number background gradient (if there is any)
 //        
 //        
-//            @_pager-current-gradient-start-color
+//            @_pager-current-gradient-color-start
 //            false
 //            '' | false | value
 //            Current page number gradient start color
 //        
 //        
-//            @_pager-current-gradient-end-color
+//            @_pager-current-gradient-color-end
 //            false
 //            '' | false | value
 //            Current page number gradient end color
@@ -4137,7 +4137,7 @@
 //        
 //        
 //            @_pager-color
-//            @link-color
+//            @link__color
 //            '' | false | value
 //            Pager item color
 //        
@@ -4160,13 +4160,13 @@
 //            Pager item background
 //        
 //        
-//            @_pager-gradient-start-color
+//            @_pager-gradient-color-start
 //            false
 //            '' | false | value
 //            Pager item gradient start color
 //        
 //        
-//            @_pager-gradient-end-color
+//            @_pager-gradient-color-end
 //            false
 //            '' | false | value
 //            Pager item gradient end color
@@ -4176,7 +4176,7 @@
 //        
 //        
 //            @_pager-color-visited
-//            @link-color-visited
+//            @link__visited__color
 //            '' | false | value
 //            Pager item visited color
 //        
@@ -4193,13 +4193,13 @@
 //            Pager item visited background
 //        
 //        
-//            @_pager-gradient-start-color-visited
+//            @_pager-gradient-color-start-visited
 //            false
 //            '' | false | value
 //            Pager item visited gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-visited
+//            @_pager-gradient-color-end-visited
 //            false
 //            '' | false | value
 //            Pager item visited gradient end color
@@ -4209,7 +4209,7 @@
 //        
 //        
 //            @_pager-color-hover
-//            @link-color-hover
+//            @link__hover__color
 //             
 //            Pager item hover color
 //        
@@ -4232,13 +4232,13 @@
 //            Pager item hover background
 //        
 //        
-//            @_pager-gradient-start-color-hover
+//            @_pager-gradient-color-start-hover
 //            false
 //            '' | false | value
 //            Pager item hover gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-hover
+//            @_pager-gradient-color-end-hover
 //            false
 //            '' | false | value
 //            Pager item hover gradient end color
@@ -4248,7 +4248,7 @@
 //        
 //        
 //            @_pager-color-active
-//            @link-color-hover
+//            @link__hover__color
 //            '' | false | value
 //            Pager item active color
 //        
@@ -4265,13 +4265,13 @@
 //            Pager item active background
 //        
 //        
-//            @_pager-gradient-start-color-active
+//            @_pager-gradient-color-start-active
 //            false
 //            '' | false | value
 //            Pager item active  gradient start color
 //        
 //        
-//            @_pager-gradient-end-color-active
+//            @_pager-gradient-color-end-active
 //            false
 //            '' | false | value
 //            Pager item active  gradient end color
@@ -4335,7 +4335,7 @@
 //        
 //        
 //            @_pager-icon-font-line-height
-//            @icon-font-line-height
+//            @icon-font__line-height
 //            '' | false | value
 //            Icon font line height
 //        
@@ -4359,36 +4359,36 @@
 //        
 //        
 //            @_pager-action-color
-//            @text-color-muted
+//            @text__color__muted
 //            '' | false | value
 //            Pager action color
 //        
 //        
 //            @_pager-action-border
-//            @border-width-base solid @border-color-base
+//            @border-width__base solid @border-color__base
 //            '' | false | value
 //            Pager action border
 //        
 //        
 //            @_pager-action-text-decoration
-//            @pager-text-decoration
+//            @pager__text-decoration
 //            '' | false | value
 //            Pager action text decoration
 //        
 //        
 //            @_pager-action-background
-//            @pager-background
+//            @pager__background
 //            '' | false | value
 //            Pager action background
 //        
 //        
-//            @_pager-action-gradient-start-color
+//            @_pager-action-gradient-color-start
 //            flase
 //            '' | false | value
 //            Pager action gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color
+//            @_pager-action-gradient-color-end
 //            flase
 //            '' | false | value
 //            Pager action gradient end color
@@ -4398,7 +4398,7 @@
 //        
 //        
 //            @_pager-action-color-visited
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action visited color
 //        
@@ -4415,13 +4415,13 @@
 //            Pager action visited background
 //        
 //        
-//            @_pager-action-gradient-start-color-visited
+//            @_pager-action-gradient-color-start-visited
 //            flase
 //            '' | false | value
 //            Pager action visited gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-visited
+//            @_pager-action-gradient-color-end-visited
 //            flase
 //            '' | false | value
 //            Pager action visited gradient end color
@@ -4431,7 +4431,7 @@
 //        
 //        
 //            @_pager-action-color-hover
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action hover color
 //        
@@ -4443,7 +4443,7 @@
 //        
 //        
 //            @_pager-action-text-decoration-hover
-//            @pager-text-decoration-hover
+//            @pager__hover__text-decoration
 //            '' | false | value
 //            Pager action hover text decoration
 //        
@@ -4454,13 +4454,13 @@
 //            Pager action hover background
 //        
 //        
-//            @_pager-action-gradient-start-color-hover
+//            @_pager-action-gradient-color-start-hover
 //            flase
 //            '' | false | value
 //            Pager action hover gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-hover
+//            @_pager-action-gradient-color-end-hover
 //            flase
 //            '' | false | value
 //            Pager action hover gradient end color
@@ -4470,7 +4470,7 @@
 //        
 //        
 //            @_pager-action-color-active
-//            @pager-action-color
+//            @pager-action__color
 //            '' | false | value
 //            Pager action active color
 //        
@@ -4487,13 +4487,13 @@
 //            Pager action active background
 //        
 //        
-//            @_pager-action-gradient-start-color-active
+//            @_pager-action-gradient-color-start-active
 //            flase
 //            '' | false | value
 //            Pager action active gradient start color
 //        
 //        
-//            @_pager-action-gradient-end-color-active
+//            @_pager-action-gradient-color-end-active
 //            flase
 //            '' | false | value
 //            Pager action active gradient end color
@@ -4712,55 +4712,55 @@
 //      
 //      
 //        @_popup-icon-font
-//        @button-icon-font
+//        @button-icon__font
 //        '' | false | value
 //        Popup icon font
 //      
 //      
 //        @_popup-icon-font-size
-//        @button-icon-font-size
+//        @button-icon__font-size
 //        '' | false | value
 //        Popup icon font size
 //      
 //      
 //        @_popup-icon-font-line-height
-//        @button-icon-font-line-height
+//        @button-icon__line-height
 //        '' | false | value
 //        Popup icon line height
 //      
 //      
 //        @_popup-icon-font-color
-//        @button-icon-font-color
+//        @button-icon__color
 //        '' | false | value
 //        Popup icon color
 //      
 //      
 //        @_popup-icon-font-color-hover
-//        @button-icon-font-color-hover
+//        @button-icon__hover__font-color
 //        '' | false | value
 //        Hovered popup icon color
 //      
 //      
 //        @_popup-icon-font-color-active
-//        @popup-icon-font-color-active
+//        @popup-icon-font__color-active
 //        '' | false | value
 //        Active popup icon color
 //      
 //      
 //        @_popup-icon-font-margin
-//        @button-icon-font-margin
+//        @button-icon__margin
 //        '' | false | value
 //        Popup icon  margin
 //      
 //      
 //        @_popup-icon-font-vertical-align
-//        @button-icon-font-vertical-align
+//        @button-icon__vertical-align
 //        '' | false | value
 //        Popup icon vertical align
 //      
 //      
 //        @_popup-icon-font-position
-//        @button-icon-font-position
+//        @button-icon__position
 //        '' | false | value
 //        Popup icon position
 //      
@@ -4774,68 +4774,68 @@
 //        Actions toolbar parameters
 //      
 //      
-//        @_popup-action-toolbar
+//        @_popup-actions-toolbar
 //        false
 //        true | false
 //        Actions toolbar is displayed
 //      
 //      
 //        @_popup-actions-toolbar-actions-position
-//        @actions-toolbar-actions-position
+//        @actions-toolbar-actions__position
 //        justify | left | right | center
 //        Actions toolbar position
 //      
 //      
 //        @_popup-actions-toolbar-actions-reverse
-//        @actions-toolbar-actions-reverse
+//        @actions-toolbar-actions__reverse
 //        true | false
 //        Actions toolbar reverse
 //      
 //      
 //        @_popup-actions-toolbar-margin
-//        @actions-toolbar-margin
+//        @actions-toolbar__margin
 //        '' | false | value
 //        Actions toolbar margin
 //      
 //      
 //        @_popup-actions-toolbar-padding
-//        @actions-toolbar-padding
+//        @actions-toolbar__padding
 //        '' | false | value
 //        Actions toolbar padding
 //      
 //      
 //        @_popup-actions-toolbar-actions-margin
-//        @actions-toolbar-actions-margin
+//        @actions-toolbar-actions__margin
 //        '' | false | value
 //        Actions toolbar actions margin
 //      
 //      
 //        @_popup-actions-toolbar-primary-actions-margin
-//        @actions-toolbar-primary-actions-margin
+//        @actions-toolbar-actions-primary__margin
 //        '' | false | value
 //        Actions toolbar primary actions margin
 //      
 //      
 //        @_popup-actions-toolbar-secondary-actions-margin
-//        @actions-toolbar-secondary-actions-margin
+//        @actions-toolbar-actions-secondary__margin
 //        '' | false | value
 //        Actions toolbar secondary actions margin
 //      
 //      
 //        @_popup-actions-toolbar-actions-links-margin-top
-//        @actions-toolbar-actions-links-margin-top
+//        @actions-toolbar-actions-links__margin-top
 //        '' | false | value
 //        Actions toolbar links top margin
 //      
 //      
 //        @_popup-actions-toolbar-primary-actions-links-margin-top
-//        @actions-toolbar-primary-actions-links-margin-top
+//        @actions-toolbar-actions-links-primary__margin-top
 //        '' | false | value
 //        Actions toolbar primary actions links top margin
 //      
 //      
 //        @_popup-actions-toolbar-secondary-links-margin-top
-//        @actions-toolbar-secondary-actions-links-margin-top
+//        @actions-toolbar-actions-links-secondary__margin-top
 //        '' | false | value
 //        Actions toolbar secondary links top margin
 //      
@@ -4963,13 +4963,13 @@
 //        
 //        
 //            @_tab-control-font-size
-//            @font-size-base
+//            @font-size__base
 //            '' | false | value
 //            Tabs font size
 //        
 //        
 //            @_tab-control-font-weight
-//            @font-weight-semibold
+//            @font-weight__semibold
 //            '' | false | value
 //            Tabs font weight
 //        
@@ -4981,7 +4981,7 @@
 //        
 //        
 //            @_tab-control-line-height
-//            @tab-control-height
+//            @tab-control__height
 //            '' | false | value
 //            Tabs line height
 //        
@@ -4989,14 +4989,14 @@
 //            Tabs controls settings
 //        
 //        
-//            @_tab-control-bg
-//            @panel-bg
+//            @_tab-control-background-color
+//            @panel__background-color
 //            '' | false | value
 //            Current tab background
 //        
 //        
 //            @_tab-control-color
-//            @link-color
+//            @link__color
 //            '' | false | value
 //            Current tab text color
 //        
@@ -5007,74 +5007,74 @@
 //            Current tab text-decoration
 //        
 //        
-//            @_tab-control-bg-hover
-//            lighten(@tab-control-bg, 5%)
+//            @_tab-control-background-color-hover
+//            lighten(@tab-control__background-color, 5%)
 //            '' | false | value
 //            Hovered tab background
 //        
 //        
 //            @_tab-control-color-hover
-//            @tab-control-color
+//            @tab-control__color
 //            '' | false | value
 //            Hovered tab text color
 //        
 //        
 //            @_tab-control-text-decoration-hover
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Hovered tab text-decoration
 //        
 //        
-//            @_tab-control-bg-active
-//            lighten(@tab-control-bg, 15%)
+//            @_tab-control-background-color-active
+//            lighten(@tab-control__background-color, 15%)
 //            '' | false | value
 //            Active tab background
 //        
 //        
 //            @_tab-control-color-active
-//            @text-color
+//            @text__color
 //            '' | false | value
 //            Active tab text color
 //        
 //        
 //            @_tab-control-text-decoration-active
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Active tab text-decoration
 //        
 //        
 //            @_tab-control-height
-//            @indent-l-base
+//            @indent__l
 //            '' | false | value
 //            Height of tab control
 //        
 //        
 //            @_tab-control-margin-right
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Right margin of tab title block
 //        
 //        
 //            @_tab-control-padding-top
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Tab control padding top
 //        
 //        
 //            @_tab-control-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab control padding right
 //        
 //        
 //            @_tab-control-padding-bottom
-//            @tab-control-padding-bottom
+//            @tab-control__padding-bottom
 //            '' | false | value
 //            Tab control padding bottom
 //        
 //        
 //            @_tab-control-padding-left
-//            @tab-control-padding-left
+//            @tab-control__padding-left
 //            '' | false | value
 //            Tab control padding left
 //        
@@ -5082,8 +5082,8 @@
 //            Tab content settings
 //        
 //        
-//            @_tab-content-bg
-//            @tab-control-bg-active
+//            @_tab-content-background-color
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Tab content background
 //        
@@ -5095,37 +5095,37 @@
 //        
 //        
 //            @_tab-content-border
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Tab content border
 //        
 //        
 //            @_tab-content-margin-top
-//            @tab-control-height + @tab-control-border-width + @tab-control-padding-top + @tab-control-padding-bottom
+//            @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom
 //            '' | false | value
 //            Tab content top margin (it is the sum of tabs height and top border width)
 //        
 //        
 //            @_tab-content-padding-top
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-bottom
-//            @tab-content-padding-top
+//            @tab-content__padding-top
 //            '' | false | value
 //            Tab content padding
 //        
 //        
 //            @_tab-content-padding-left
-//            @tab-content-padding-right
+//            @tab-content__padding-right
 //            '' | false | value
 //            Tab content padding
 //        
@@ -5144,31 +5144,31 @@
 //        
 //        
 //            @_accordion-control-font-family
-//            @tab-control-font-family
+//            @tab-control__font-family
 //            '' | false | value
 //            Accordion font family
 //        
 //        
 //            @_accordion-control-font-size
-//            @font-size-l
+//            @font-size__l
 //            '' | false | value
 //            Accordion font size
 //        
 //        
 //            @_accordion-control-font-style
-//            @tab-control-font-style
+//            @tab-control__font-style
 //            '' | false | value
 //            Accordion font style
 //        
 //        
 //            @_accordion-control-font-weight
-//            @tab-control-font-weight
+//            @tab-control__font-weight
 //            '' | false | value
 //            Accordion font weight
 //        
 //        
 //            @_accordion-control-line-height
-//            @accordion-control-height
+//            @accordion-control__height
 //            '' | false | value
 //            Accordion line height
 //        
@@ -5177,127 +5177,127 @@
 //        
 //        
 //            @_accordion-control-border-top
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-right
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-bottom
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
 //            @_accordion-control-border-left
-//            @tab-control-border-width solid @tab-control-border-color
+//            @tab-control__border-width solid @tab-control__border-color
 //            '' | false | value
 //            Accordion control border
 //        
 //        
-//            @_accordion-control-bg
-//            @tab-control-bg
+//            @_accordion-control-background-color
+//            @tab-control__background-color
 //            '' | false | value
 //            Accordion control background
 //        
 //        
 //            @_accordion-control-color
-//            @tab-control-color
+//            @tab-control__color
 //            '' | false | value
 //            Accordion control color
 //        
 //        
 //            @_accordion-control-text-decoration
-//            @tab-control-text-decoration
+//            @tab-control__text-decoration
 //            '' | false | value
 //            Accordion control text decoration
 //        
 //        
 //            @_accordion-control-color-visited
-//            @accordion-control-color
+//            @accordion-control__color
 //            '' | false | value
 //            Accordion control visited link color
 //        
 //        
 //            @_accordion-control-text-decoration-visited
-//            @accordion-control-text-decoration
+//            @accordion-control__text-decoration
 //            '' | false | value
 //            Accordion control visited link text-decoration
 //        
 //        
-//            @_accordion-control-bg-hover
-//            @tab-control-bg-hover
+//            @_accordion-control-background-color-hover
+//            @tab-control__hover__background-color
 //            '' | false | value
 //            Hovered accordion control background
 //        
 //        
 //            @_accordion-control-color-hover
-//            @tab-control-color-hover
+//            @tab-control__hover__color
 //            '' | false | value
 //            Hovered accordion control text color
 //        
 //        
 //            @_accordion-control-text-decoration-hover
-//            @tab-control-text-decoration-hover
+//            @tab-control__hover__text-decoration
 //            '' | false | value
 //            Hovered accordion control text-decoration
 //        
 //        
-//            @_accordion-control-bg-active
-//            @tab-control-bg-active
+//            @_accordion-control-background-color-active
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Active accordion control background
 //        
 //        
 //            @_accordion-control-color-active
-//            @tab-control-color-active
+//            @tab-control__active__color
 //            '' | false | value
 //            Active accordion control text color
 //        
 //        
 //            @_accordion-control-text-decoration-active
-//            @tab-control-text-decoration-active
+//            @tab-control__active__text-decoration
 //            '' | false | value
 //            Active accordion control text-decoration
 //        
 //        
 //            @_accordion-control-height
-//            @indent-xl-base
+//            @indent__xl
 //            '' | false | value
 //            Height of accordion control
 //        
 //        
 //            @_accordion-control-margin-bottom
-//            @indent-xs-base
+//            @indent__xs
 //            '' | false | value
 //            Bottom margin of the accordion control
 //        
 //        
 //            @_accordion-control-padding-top
-//            @tab-control-padding-top
+//            @tab-control__padding-top
 //            '' | false | value
 //            Accordion tab control padding top
 //        
 //        
 //            @_accordion-control-padding-right
-//            @indent-base
+//            @indent__base
 //            '' | false | value
 //            Accordion tab control padding right
 //        
 //        
 //            @_accordion-control-padding-bottom
-//            @tab-control-padding-bottom
+//            @tab-control__padding-bottom
 //            '' | false | value
 //            Accordion tab control padding bottom
 //        
 //        
 //            @_accordion-control-padding-left
-//            @accordion-control-padding-right
+//            @accordion-control__padding-right
 //            '' | false | value
 //            Accordion tab control padding left
 //        
@@ -5305,26 +5305,26 @@
 //            Accordion content settings
 //        
 //        
-//            @_accordion-content-bg
-//            @tab-control-bg-active
+//            @_accordion-content-background-color
+//            @tab-control__active__background-color
 //            '' | false | value
 //            Accordion tab content background
 //        
 //        
 //            @_accordion-content-border
-//            @tab-content-border
+//            @tab-content__border
 //            '' | false | value
 //            Accordion tab content border
 //        
 //        
 //            @_accordion-content-margin
-//            0 0 @indent-xs-base
+//            0 0 @indent__xs
 //            '' | false | value
 //            Accordion tab content margin
 //        
 //        
 //            @_accordion-content-padding
-//            @tab-content-padding-top @tab-content-padding-right @tab-content-padding-bottom @tab-content-padding-left
+//            @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left
 //            '' | false | value
 //            Accordion tab content padding
 //        
@@ -5349,7 +5349,7 @@
 //        
 //        
 //            @_cell-padding-horizontal
-//            @indent-s-base
+//            @indent__s
 //            '' | false | value
 //            Table cell horizontal padding
 //        
@@ -5422,7 +5422,7 @@
 //        
 //        
 //            @_table-th-color
-//            @text-color-intense
+//            @text__color__intense
 //            '' | false | value
 //            Table header cell font color
 //        
@@ -5434,7 +5434,7 @@
 //        
 //        
 //            @_table-th-font-weight
-//            @font-weight-bold
+//            @font-weight__bold
 //            '' | false | value
 //            Table header cell font weight
 //        
@@ -5562,13 +5562,13 @@
 //        
 //        
 //            @_td-padding-top
-//            @table-cell-padding-vertical / 2
+//            @table-cell__padding-vertical / 2
 //            '' | false | value
 //            Table cell top padding
 //        
 //        
 //            @_td-padding-right
-//            @table-cell-padding-horizontal / 2
+//            @table-cell__padding-horizontal / 2
 //            '' | false | value
 //            Table cell right padding
 //        
@@ -5588,7 +5588,7 @@
 //  

 //
 //  ## Table background variables
-//  #### The .table-bg() mixin variables
+//  #### The .table-background-color() mixin variables
 //  
 //    
 //        
@@ -5598,32 +5598,32 @@
 //            
 //        
 //        
-//            
+//            
 //            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -5648,7 +5648,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -5660,7 +5660,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
@@ -5679,16 +5679,16 @@
 //            
 //        
 //        
-//            
-//            
-//            
+//            
+//            
+//            
 //            
 //            
 //        
 //        
 //            
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -5720,14 +5720,14 @@
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //        
@@ -5746,15 +5746,15 @@
 //            
 //        
 //        
-//            
-//            
-//            
+//            
+//            
+//            
 //            
 //            
 //        
 //        
-//            
-//            
+//            
+//            
 //            
 //            
 //            
@@ -5775,7 +5775,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //            
@@ -5837,7 +5837,7 @@
 //        
 //        
 //            
-//            
+//            
 //            
 //            
 //        
diff --git a/lib/web/css/docs/tables.html b/lib/web/css/docs/tables.html
index de7b3d7c0be24..5cfaf7f0ecf43 100644
--- a/lib/web/css/docs/tables.html
+++ b/lib/web/css/docs/tables.html
@@ -1,11 +1,12 @@
-
+
+
 tables | Magento UI Library
-
Tables

+
Tables

 
  Table cells padding, width and bottom margin customization  options.

 
-

-.example-table-1 {
-    .table();
-}
-
Table mixin variables

+

+.example-table-1 {
+    .table();
+}
+

Table mixin variables

   
     
Comment
@_table-bg@_table-background-colorfalse'' | false | valueTable background
@_table-head-bg@table-bg@_table-head-background-color@table__background-color'' | false | valueTable thead background
@_table-foot-bg@table-bg@_table-foot-background-color@table__background-color'' | false | valueTable tfoot background
@_table-body-th-bg@table-bg@_table-body-th-background-color@table__background-color'' | false | valueTable header cells background
@_table-td-bg@table-bg@_table-td-background-color@table__background-color'' | false | valueTable cells background
@_table_border-width@border-width-base@border-width__base'' | false | valueTable border width
@_table_border-color@border-color-base@border-color__base'' | false | valueTable border color
Comment
@_stripped-bg@table-cell-bg-strippedlighten(@table-cell-bg-hover, 15%)@_stripped-background-color@table-cell-stripped__background-colorlighten(@table-cell__hover__background-color, 15%)'' | false | valueStriped cells background color
@_stripped-color@table-td-color@text-color@table-td__color@text__color'' | false | valueStriped cells text color
Comment
@_table_cell-bg-hover@panel-bg@_table_cell-background-color-hover@panel__background-color'' | false | valueHovered table row background
@_table_cell-odd-bg-hover@_table_cell-bg-hover@_table_cell-odd-background-color-hover@_table_cell-background-color-hover'' | false | valueHovered table odd row background
Comment
@_table-bg-responsive@table-bg-responsive@table-bg@_table-background-color-responsive@table-responsive__background-color@table__background-color'' | false | valueResponsive table background
@_table-th-bg-responsive@table-th-bg-responsive@_table-th-background-color-responsive@table-responsive-th__background-colorfalse'' | false | valueResponsive table header cells background
@_table-responsive-cell-padding@indent-xs-base 0@indent__xs 0-true | falseResponsive table cells padding
@_tooltip-color@color-primary@primary__color'' | false | valueTooltip text color

@@ -91,7 +92,7 @@
         
-            
+            
@@ -109,7 +110,7 @@
         

         

         

             @_cell-padding-horizontal@indent-s-base@indent__s
             '' | false | value
             Table cell horizontal padding
         

     

   

-
Table typography

+


Table typography

 
  The .table-typography() mixin provides table typography customization options.

 
-

-.example-table-2 {
-    .table-typography();
-}
-
Table typography mixin variables

+

+.example-table-2 {
+    .table-typography();
+}
+

Table typography mixin variables

   
     
@@ -231,7 +232,7 @@
         
-            
+            
@@ -243,7 +244,7 @@
         
-            
+            
@@ -261,7 +262,7 @@
         

         

         

             @_table-th-color@text-color-intense@text__color__intense
             '' | false | value
             Table header cell font color
         

         

             @_table-th-font-weight@font-weight-bold@font-weight__bold
             '' | false | value
             Table header cell font weight
         

     

   

-
Table caption

+


Table caption

 
  The .table-caption() mixin is used to customize table caption.

 
-

-.example-table-3 {
-    .table();
-    .table-caption(@_table-caption-color: #f00);
-}
-
Table caption mixin variables

+

+.example-table-3 {
+    .table();
+    .table-caption(@_table-caption-color: #f00);
+}
+

Table caption mixin variables

   
     
@@ -402,7 +403,7 @@
         

         

     

   

-
Table cells resize

+


Table cells resize

 
  The .table-resize() mixin provides table header cells and table cells paddings reset.

 
-

-.example-table-4 {
-    .table();
-    .table-resize(
-        @_td-padding-top: 15px,
-        @_td-padding-right: 25px,
-        @_td-padding-bottom: 5px,
-        @_td-padding-left: 0,
-        @_th-padding-top: 15px,
-        @_th-padding-right: 25px,
-        @_th-padding-bottom: 10px,
-        @_th-padding-left: 0
-    );
-}
-
Table cells resize variables

+

+.example-table-4 {
+    .table();
+    .table-resize(
+        @_td-padding-top: 15px,
+        @_td-padding-right: 25px,
+        @_td-padding-bottom: 5px,
+        @_td-padding-left: 0,
+        @_th-padding-top: 15px,
+        @_th-padding-right: 25px,
+        @_th-padding-bottom: 10px,
+        @_th-padding-left: 0
+    );
+}
+

Table cells resize variables

   
     
@@ -516,13 +517,13 @@
         
-            
+            
-            
+            
@@ -540,8 +541,8 @@
         

         

         

             @_td-padding-top@table-cell-padding-vertical / 2@table-cell__padding-vertical / 2
             '' | false | value
             Table cell top padding
         

         

             @_td-padding-right@table-cell-padding-horizontal / 2@table-cell__padding-horizontal / 2
             '' | false | value
             Table cell right padding
         

     

   

-
Table background customization

-
  The .table-bg() mixin provides table cells background customization options.

+


Table background customization

+
  The .table-background-color() mixin provides table cells background customization options.

 
-

-.example-table-5 {
-    .table();
-    .table-bg(
-        @_table-bg: #fff,
-        @_table-head-bg: #ccf,
-        @_table-foot-bg: #cff,
-        @_table-td-bg: #fcc,
-        @_table-body-th-bg: #ffc
-    );
-}
-
Table background mixin variables

+

+.example-table-5 {
+    .table();
+    .table-background-color(
+        @_table-background-color: #fff,
+        @_table-head-background-color: #ccf,
+        @_table-foot-background-color: #cff,
+        @_table-td-background-color: #fcc,
+        @_table-body-th-background-color: #ffc
+    );
+}
+

Table background mixin variables

   
     
@@ -626,38 +627,38 @@
             
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

         
Comment
         

         
@_table-bg@_table-background-color
             false
             '' | false | value
             Table background
         

         
@_table-head-bg@table-bg@_table-head-background-color@table__background-color
             '' | false | value
             Table thead background
         

         
@_table-foot-bg@table-bg@_table-foot-background-color@table__background-color
             '' | false | value
             Table tfoot background
         

         
@_table-body-th-bg@table-bg@_table-body-th-background-color@table__background-color
             '' | false | value
             Table header cells background
         

         
@_table-td-bg@table-bg@_table-td-background-color@table__background-color
             '' | false | value
             Table cells background
         

     

   

-
Table borders customization

+


Table borders customization

 
  The .table-bordered() mixin provides table borders customization options. To setup table borders use the following allowed values for the @_type variable:

 
  normal - all borders are set up
   horizontal - table head and table cells have only horizontal borders
@@ -727,12 +728,12 @@
             </tr>
         </tbody>
     </table>
-

-.example-table-6 {
-    .table();
-    .table-bordered();
-}
-
Table borders mixin variables

+

+.example-table-6 {
+    .table();
+    .table-bordered();
+}
+

Table borders mixin variables

   
     
@@ -749,7 +750,7 @@
         
-            
+            
@@ -761,13 +762,13 @@
         
-            
+            

         

         

             @_table_border-width@border-width-base@border-width__base
             '' | false | value
             Table border width
         

         

             @_table_border-color@border-color-base@border-color__base
             '' | false | value
             Table border color
         

     

   

-
Table with horizontal borders

+


Table with horizontal borders

 
  To set only horizontal borders for a table use:

 
  .table-bordered(@_table_type: horizontal)

 
-

-.example-table-7 {
-    .table();
-    .table-bordered(
-        @_table_type: horizontal
-    );
-}
-
Table with vertical borders

+

+.example-table-7 {
+    .table();
+    .table-bordered(
+        @_table_type: horizontal
+    );
+}
+

Table with vertical borders

 
  To set only horizontal borders for a table use:

 
  .table-bordered(@_table_type: vertical)

 
-

-.example-table-8 {
-    .table();
-    .table-bordered(
-        @_table_type: vertical
-    );
-}
-
Table with light borders

+

+.example-table-8 {
+    .table();
+    .table-bordered(
+        @_table_type: vertical
+    );
+}
+

Table with light borders

 
  To set bottom borders only for a table caption use:

 
  .table-bordered(@_table_type: light)

 
-

-.example-table-9 {
-    .table();
-    .table-bordered(
-        @_table_type: light
-    );
-}
-
Table without borders

+

+.example-table-9 {
+    .table();
+    .table-bordered(
+        @_table_type: light
+    );
+}
+

Table without borders

 
  To clear all table borders use:

 
  .table-bordered(@_table_type: clear)

 
-

-.example-table-10 {
-    .table();
-    .table-bordered(
-        @_table_type: clear
-    );
-}
-
Striped table

+

+.example-table-10 {
+    .table();
+    .table-bordered(
+        @_table_type: clear
+    );
+}
+

Striped table

 
  The .table-striped() mixin sets color backgrounds to table rows.

 
-

-.example-table-11 {
-    .table();
-    .table-striped(
-        @_stripped-bg: #ffc,
-        @_stripped-color: #000,
-        @_stripped-direction: horizontal,
-        @_stripped-highlight: even
-    );
-}
-
Striped table mixin variables

+

+.example-table-11 {
+    .table();
+    .table-striped(
+        @_stripped-background-color: #ffc,
+        @_stripped-color: #000,
+        @_stripped-direction: horizontal,
+        @_stripped-highlight: even
+    );
+}
+

Striped table mixin variables

   
     
@@ -1145,16 +1146,16 @@
             
-            
-            
-            
+            
+            
+            
-            
-            
+            
+            
@@ -1174,7 +1175,7 @@
         

         
Comment
         

         
@_stripped-bg@table-cell-bg-strippedlighten(@table-cell-bg-hover, 15%)@_stripped-background-color@table-cell-stripped__background-colorlighten(@table-cell__hover__background-color, 15%)
             '' | false | value
             Striped cells background color
         

         

             @_stripped-color@table-td-color@text-color@table-td__color@text__color
             '' | false | value
             Striped cells text color
         

     

   

-
Table with rows hover

+


Table with rows hover

 
  The .table-hover() mixin sets color backgrounds to hovered table rows.

 
-

-.example-table-12 {
-    .table();
-    .table-hover();
-}
-
Table with rows hover mixin variables

+

+.example-table-12 {
+    .table();
+    .table-hover();
+}
+

Table with rows hover mixin variables

   
     
@@ -1254,20 +1255,20 @@
             
-            
-            
+            
+            
-            
-            
+            
+            

         
Comment
         

         
@_table_cell-bg-hover@panel-bg@_table_cell-background-color-hover@panel__background-color
             '' | false | value
             Hovered table row background
         

         
@_table_cell-odd-bg-hover@_table_cell-bg-hover@_table_cell-odd-background-color-hover@_table_cell-background-color-hover
             '' | false | value
             Hovered table odd row background
         

     

   

-
Responsive table technics #1

+


Responsive table technics #1

 
  Magento UI library employs two responsive tables technics which are applyed by calling an appropriate mixin.

 
  The .table-overflow() mixin adds a horizontal scrollbar for a table. This mixin accepts no variables.

 
-

-.example-table-13 {
-    .table();
-    .table-bordered();
-    .table-striped();
-    .table-hover();
-}
-
-@media only screen and (max-width: @screen-m) {
-    .example-table-14 {
-        .table-overflow();
-    }
-}
-
Responsive table technics #2

+

+.example-table-13 {
+    .table();
+    .table-bordered();
+    .table-striped();
+    .table-hover();
+}
+
+@media only screen and (max-width: @screen__m) {
+    .example-table-14 {
+        .table-overflow();
+    }
+}
+

Responsive table technics #2

 
  The .table-responsive() mixin rearranges table cells for mobile version.

 
-

-.example-table-15 {
-    .table();
-    .table-bordered();
-    .table-striped();
-    .table-hover();
-}
-
-@media only screen and (max-width: @screen-m) {
-    .example-table-15 {
-        .table-responsive(
-            @_table-bg-responsive: #cff,
-            @_table-th-bg-responsive: #ffc,
-            @_reset-table-striped: true,
-            @_reset-table-hover: true
-        );
-    }
-}
-
Responsive table technics #2 mixin variables

+

+.example-table-15 {
+    .table();
+    .table-bordered();
+    .table-striped();
+    .table-hover();
+}
+
+@media only screen and (max-width: @screen__m) {
+    .example-table-15 {
+        .table-responsive(
+            @_table-background-color-responsive: #cff,
+            @_table-th-background-color-responsive: #ffc,
+            @_reset-table-striped: true,
+            @_reset-table-hover: true
+        );
+    }
+}
+

Responsive table technics #2 mixin variables

   
     
@@ -1437,15 +1438,15 @@
             
-            
-            
-            
+            
+            
+            
-            
-            
+            
+            
@@ -1466,11 +1467,11 @@
         
-            
+            

         
Comment
         

         
@_table-bg-responsive@table-bg-responsive@table-bg@_table-background-color-responsive@table-responsive__background-color@table__background-color
             '' | false | value
             Responsive table background
         

         
@_table-th-bg-responsive@table-th-bg-responsive@_table-th-background-color-responsive@table-responsive-th__background-color
             false
             '' | false | value
             Responsive table header cells background

         

             @_table-responsive-cell-padding@indent-xs-base 0@indent__xs 0
             -
             true | false
             Responsive table cells padding
         

     

   

-

+

diff --git a/lib/web/css/docs/tooltips.html b/lib/web/css/docs/tooltips.html
index d66145aa20328..c4b4d399d193a 100644
--- a/lib/web/css/docs/tooltips.html
+++ b/lib/web/css/docs/tooltips.html
@@ -1,31 +1,32 @@
-
+
+
 tooltips | Magento UI Library
-
Tooltips

+
Tooltips

 
  Magento UI library provides 4 tooltip types:

 
  top
   bottom
   left
   right

 
-

-.example-tooltip-bottom {
-    .tooltip(bottom);
-}
-.example-tooltip-left {
-    .tooltip(left);
-}
-.example-tooltip-right {
-    .tooltip(right);
-}
-.example-tooltip-top {
-    .tooltip(top);
-}
-
Tooltips variables

+

+.example-tooltip-bottom {
+    .tooltip(bottom);
+}
+.example-tooltip-left {
+    .tooltip(left);
+}
+.example-tooltip-right {
+    .tooltip(right);
+}
+.example-tooltip-top {
+    .tooltip(top);
+}
+

Tooltips variables

   
     
@@ -78,7 +79,7 @@
         
-            
+            
@@ -162,4 +163,4 @@
         

         

         

             @_tooltip-color@color-primary@primary__color
             '' | false | value
             Tooltip text color
         

     

   

-

+

diff --git a/lib/web/css/docs/typography.html b/lib/web/css/docs/typography.html
index 3c144b83a01e0..f62b838167ab7 100644
--- a/lib/web/css/docs/typography.html
+++ b/lib/web/css/docs/typography.html
@@ -1,12 +1,13 @@
-
+
+
 typography | Magento UI Library
-
Typogrphy

-
  Magento UI library provides mixins for typography styling. To configure typography, global variables from variables.less file are used.

+
Typogrphy

+
  Magento UI library provides mixins for typography styling. To configure typography, global variables from _variables.less file are used.

 
  To apply all Magento UI library typography, use the .typography-all() mixin. It accumulates all typography mixins and sets all typography for the theme. This mixin is included in the .magento-reset() mixin. So, if you use this reset, you don't have to call basic typography separately. Also, you don't have to apply this mixin to any class, just call it globally.

 
  Additionally, Magento UI library provides number of mixins to customize typography parameters separately.

 
-

-.typography-all();
-
Typography variables

+

+.typography-all();
+

Typography variables

   
     
@@ -69,17 +70,17 @@
             
-            
+            
-            
+            
-            
+            
@@ -89,37 +90,37 @@
             
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
@@ -127,180 +128,181 @@
             
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -308,548 +310,548 @@
             
-            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -859,7 +861,7 @@
         

         
Predefined font family and font colors
         

         
@font-family-sans-serif@font-family__sans-serif
             'Helvetica Neue', Helvetica, Arial, sans-serif
             Sans-serif font family
         

         
@font-family-serif@font-family__serif
             Georgia, 'Times New Roman', Times, serif
             Serif font family
         

         
@font-family-monospace@font-family__monospace
             Menlo, Monaco, Consolas, 'Courier New', monospace
             Monospace font family
         
Path to custom font
         

         
@color-primary@primary__color
             #555
             Primary color
         

         
@color-primary-darkdarken(@color-primary, 35%) // #000@primary__color__darkdarken(@primary__color, 35%) // #000
             Dark primary color
         

         
@color-primary-darkerdarken(@color-primary, 13.5%) // #111@primary__color__darkerdarken(@primary__color, 13.5%) // #111
             Darker primary color
         

         
@color-primary-lighterlighten(@color-primary, 23%) // #7d7d7d@primary__color__lighterlighten(@primary__color, 23%) // #7d7d7d
             Lighter primary color
         

         
@color-primary-lightlighten(@color-primary, 45%) // #a6a6a6@primary__color__lightlighten(@primary__color, 45%) // #a6a6a6
             Light primary color
         

         
@border-color-basedarken(@page-bg-color, 18%)@border-color__basedarken(@page__background-color, 18%)
             Base border color
         

         
@border-width-base@border-width__base
             1px
             Base border width
         
Fonts settings
         

         
@font-family-base@font-family-sans-serif@font-family__base@font-family__sans-serif
             Basic font family
         

         
@font-size-root@root__font-size
             62.5%
             Setting font-size for HTML tag, use % units
         

         
@font-size-base-ratio@font-size-ratio__base
             1.4
             Defines ratio between root font size and base font size
         

         
@font-size-baseunit((@font-size-root / 100) * 16 * @font-size-base-ratio, px)@font-size__baseunit((@root__font-size / 100) * 16 * @font-size-ratio__base, px)
             Base font size value in px
         

         
@font-size-xlceil(1.5 * @font-size-base) // 21@font-size__xlceil(1.5 * @font-size__base) // 21
             Extra large font size
         

         
@font-size-lceil(1.25 * @font-size-base) // 18@font-size__lceil(1.25 * @font-size__base) // 18
             Large font size
         

         
@font-size-sceil(.85 * @font-size-base) // 12@font-size__sceil(.85 * @font-size__base) // 12
             Small font size
         

         
@font-size-xsfloor(.75 * @font-size-base) // 11@font-size__xsfloor(.75 * @font-size__base) // 11
             Extra small font size
         

         
@font-weight-base@font-weight__regular
             400
             Basic font weight
         

         
@font-weight-light@font-weight__light
             200
             Light font weight
         

         
@font-weight-semibold@font-weight__semibold
             600
             Semibold font weight
         

         
@font-weight-bold@font-weight__bold
             700
             Bold font weight
         

         
@font-style-base@font-style__base
             normal
             Font style
         

         
@font-style-emphasis@font-style__emphasis@font-style__emphasis
             italic
             Emphasis font style
         

         
@line-height-base@line-height__base
             1.428571429
             Base line height
         

         
@line-height-computedfloor(@font-size-base * @line-height-base)@line-height__computedfloor(@font-size__base * @line-height__base)
             Computed line height depending on base font size
         

         
@line-height-l@line-height__l
             1.5
             Large line height
         

         
@line-height-s@line-height__s
             1.33
             Small line height
         

         
@text-color@color-primary@text__color@primary__color
             Primary text color
         

         
@text-color-intense@color-primary-darker@text__color__intense@primary__color__darker
             Darker text color
         

         
@text-color-muted@color-primary-lighter@text__color__muted@primary__color__lighter
             Lighter text color
         

         
@indent-base@line-height-computed // 20px@indent__base@line-height__computed // 20px
             Base text ident (20px)
         

         
@indent-xl-base@line-height-computed * 2 // 40px@indent__xl@line-height__computed * 2 // 40px
             Extra large text ident (40px)
         

         
@indent-l-base@line-height-computed * 1.5 // 30px@indent__l@line-height__computed * 1.5 // 30px
             Large text ident (30px)
         

         
@indent-m-base@indent-base * 1.25 // 25px@indent__m@indent__base * 1.25 // 25px
             Extra large text ident (25px)
         

         
@indent-s-base@line-height-computed / 2 //10px @indent__s@line-height__computed / 2 //10px 
             Small text ident (10px)
         

         
@indent-xs-base@line-height-computed / 4 // 5px@indent__xs@line-height__computed / 4 // 5px
             Extra small text ident (5px)
         

         

             Links
         

         
@link-color@link__color
             #1979c3
             Links color
         

         
@link-text-decoration@link__text-decoration
             none
             Links text decoration
         

         
@link-color-visited@link__visited__color
             #800080
             Visited links color
         

         
@link-text-decoration-visited@link__visited__text-decoration
             none
             Visited links text decoration
         

         
@link-color-hover@link__hover__color
             #006bb4
             Hovered links color
         

         
@link-text-decoration-hover@link__hover__text-decoration
             underline
             Hovered links text decoration
         

         
@link-color-active@link__active__color
             #ff5501
             Active links color
         

         
@link-text-decoration-active@link__active__text-decoration
             underline
             Active links text decoration
         
Lists
         

         
@list-color-base@list__color__base
             false
             List text color
         

         
@list-font-size-base@font-size-base@list__font-size__base@font-size__base
             List font size
         

         
@list-margin-top@list__margin-top
             0
             List margin top
         

         
@list-margin-bottom@indent-m-base@list__margin-bottom@indent__m
             List margin bottom
         

         
@list-item-margin-top@list-item__margin-top
             0
             List item margin top
         

         
@list-item-margin-bottom@indent-s-base@list-item__margin-bottom@indent__s
             List item margin bottom
         

         

             Definition list
         

         
@dl-margin-top@dl__margin-top
             0
             Definition list margin top
         

         
@dl-margin-bottom@indent-base@dl__margin-bottom@indent__base
             Definition list margin bottom
         

         
@dt-margin-top@dt__margin-top
             0
             Description term margin top
         

         
@dt-margin-bottom@indent-xs-base@dt__margin-bottom@indent__xs
             Description term margin bottom
         

         
@dt-font-weight@font-weight-bold@dt__font-weight@font-weight__bold
             Description term 
         

         
@dd-margin-top@dd__margin-top
             0
             Description margin top
         

         
@dd-margin-bottom@indent-s-base@dd__margin-bottom@indent__s
             Description margin bottom
         

         

             Paragraphs
         

         
@p-margin-top@p__margin-top
             0
             Paragraph margin top
         

         
@p-margin-bottom@indent-s-base@p__margin-bottom@indent__s
             Paragraph margin bottom
         

         

             Headings
         

         
@heading-font-family-base@heading__font-family__base
             false
             Heading base font family
         

         
@heading-font-style-base@heading__font-style__base
             false
             Heading base font style
         

         
@heading-font-weight-base@font-weight-light@heading__font-weight__base@font-weight__light
             Heading base font weight
         

         
@heading-line-height-base@heading__line-height__base
             1.1
             Heading base line height
         

         
@heading-color-base@heading__color__base
             false
             Heading base color
         

         
@heading-margin-top-base@indent-base@heading__margin-top__base@indent__base
             Heading base margin top
         

         
@heading-margin-bottom-base@indent-base@heading__margin-bottom__base@indent__base
             Heading base margin bottom
         

         

             H1
         

         
@h1-font-sizeceil((@font-size-base * 2.85)) // 40px@h1__font-sizeceil((@font-size__base * 2.85)) // 40px
             H1 font size
         

         
@h1-font-color@heading-color-base@h1__font-color@heading__color__base
             H1 color
         

         
@h1-font-family@heading-font-family-base@h1__font-family@heading__font-family__base
             H1 font family
         

         
@h1-font-weight@heading-font-weight-base@h1__font-weight@heading__font-weight__base
             H1 font weight
         

         
@h1-font-style@heading-font-style-base@h1__font-style@heading__font-style__base
             H1 font style
         

         
@h1-line-height@heading-line-height-base@h1__line-height@heading__line-height__base
             H1 line height
         

         
@h1-margin-top@h1__margin-top
             0
             H1 margin top
         

         
@h1-margin-bottom@heading-margin-bottom-base@h1__margin-bottom@heading__margin-bottom__base
             H1 margin bottom
         

         

             H2
         

         
@h2-font-sizeceil((@font-size-base * 1.85)) // 26px@h2__font-sizeceil((@font-size__base * 1.85)) // 26px
             H2 font size
         

         
@h2-font-color@heading-color-base@h2__font-color@heading__color__base
             H2 color
         

         
@h2-font-family@heading-font-family-base@h2__font-family@heading__font-family__base
             H2 font family
         

         
@h2-font-weight@heading-font-weight-base@h2__font-weight@heading__font-weight__base
             H2 font weight
         

         
@h2-font-style@heading-font-style-base@h2__font-style@heading__font-style__base
             H2 font style
         

         
@h2-line-height@heading-line-height-base@h2__line-height@heading__line-height__base
             H2 line height
         

         
@h2-margin-top@indent-m-base@h2__margin-top@indent__m
             H2 margin top
         

         
@h2-margin-bottom@heading-margin-bottom-base@h2__margin-bottom@heading__margin-bottom__base
             H2 margin bottom
         

         

             H3
         

         
@h3-font-sizeceil((@font-size-base * 1.28)) // 18px@h3__font-sizeceil((@font-size__base * 1.28)) // 18px
             H3 font size
         

         
@h3-font-color@heading-color-base@h3__font-color@heading__color__base
             H3 color
         

         
@h3-font-family@heading-font-family-base@h3__font-family@heading__font-family__base
             H3 font family
         

         
@h3-font-weight@heading-font-weight-base@h3__font-weight@heading__font-weight__base
             H3 font weight
         

         
@h3-font-style@heading-font-style-base@h3__font-style@heading__font-style__base
             H3 font style
         

         
@h3-line-height@heading-line-height-base@h3__line-height@heading__line-height__base
             H3 line height
         

         
@h3-margin-top@indent-base * .75@h3__margin-top@indent__base * .75
             H3 margin top
         

         
@h3-margin-bottom@indent-s-base@h3__margin-bottom@indent__s
             H3 margin bottom
         

         

             H4
         

         
@h4-font-size@font-size-base // 14px@h4__font-size@font-size__base // 14px
             H4 font size
         

         
@h4-font-color@heading-color-base@h4__font-color@heading__color__base
             H4 color
         

         
@h4-font-family@heading-font-family-base@h4__font-family@heading__font-family__base
             H4 font family
         

         
@h4-font-weight@font-weight-bold@h4__font-weight@font-weight__bold
             H4 font weight
         

         
@h4-font-style@heading-font-style-base@h4__font-style@heading__font-style__base
             H4 font style
         

         
@h4-line-height@heading-line-height-base@h4__line-height@heading__line-height__base
             H4 line height
         

         
@h4-margin-top@heading-margin-top-base@h4__margin-top@heading__margin-top__base
             H4 margin top
         

         
@h4-margin-bottom@heading-margin-bottom-base@h4__margin-bottom@heading__margin-bottom__base
             H4 margin bottom
         

         

             H5
         

         
@h5-font-sizeceil((@font-size-base * .85)) // 12px@h5__font-sizeceil((@font-size__base * .85)) // 12px
             H5 font size
         

         
@h5-font-color@heading-color-base@h5__font-color@heading__color__base
             H5 color
         

         
@h5-font-family@heading-font-family-base@h5__font-family@heading__font-family__base
             H5 font family
         

         
@h5-font-weight@font-weight-bold@h5__font-weight@font-weight__bold
             H5 font weight
         

         
@h5-font-style@heading-font-style-base@h5__font-style@heading__font-style__base
             H5 font style
         

         
@h5-line-height@heading-line-height-base@h5__line-height@heading__line-height__base
             H5 line height
         

         
@h5-margin-top@heading-margin-top-base@h5__margin-top@heading__margin-top__base
             H5 margin top
         

         
@h5-margin-bottom@heading-margin-bottom-base@h5__margin-bottom@heading__margin-bottom__base
             H5 margin bottom
         

         

             H6
         

         
@h6-font-sizeceil((@font-size-base * .7)) // 10px@h6__font-sizeceil((@font-size__base * .7)) // 10px
             H6 font size
         

         
@h6-font-color@heading-color-base@h6__font-color@heading__color__base
             H6 color
         

         
@h6-font-family@heading-font-family-base@h6__font-family@heading__font-family__base
             H6 font family
         

         
@h6-font-weight@heading-font-weight-base@h6__font-weight@heading__font-weight__base
             H6 font weight
         

         
@h6-font-style@heading-font-style-base@h6__font-style@heading__font-style__base
             H6 font style
         

         
@h6-line-height@heading-line-height-base@h6__line-height@heading__line-height__base
             H6 line height
         

         
@h6-margin-top@heading-margin-top-base@h6__margin-top@heading__margin-top__base
             H6 margin top
         

         
@h6-margin-bottom@heading-margin-bottom-base@h6__margin-bottom@heading__margin-bottom__base
             H6 margin bottom
         

         

             <small> tags and tags with class .small placed in H1-H6 headings
         

         
@heading-small-color@color-primary@heading__small-color@primary__color
             <small> and .small heading element color
         

         
@heading-small-line-height@heading__small-line-height
             1
             <small> and .small heading element line height
         

         
@heading-small-size(@font-size-xs/@font-size-base) * 100%@heading__small-size(@font-size__xs/@font-size__base) * 100%
             <small> and .small heading element font size
         

         

             Focus
         

         
@focus-box-shadow0 0 3px 1px @color-focus@focus__box-shadow0 0 3px 1px @focus__color
             Focused element highlight
         

         

             Code blocks
         

         
@code-bg@panel-bg@code__background-color@panel__background-color
             Code block background
         

         
@code-color@color-primary-darker@code__color@primary__color__darker
             Code text color
         

         
@code-font-size@font-size-s@code__font-size@font-size__s
             Code font size
         

         
@code-padding@code__padding
             2px 4px
             Code padding
         

         
@pre-bg@color-primary-light@pre__background-color@primary__color__light
             Preformatted text background color
         

         
@pre-border-color@border-color-base@pre__border-color@border-color__base
             Preformatted text border color
         

         
@pre-border-width@border-width-base@pre__border-width@border-width__base
             Preformatted text border width
         

         
@pre-color@color-primary-darker@pre__color@primary__color__darker
             Preformatted text color
         

         
@kbd-bg@panel-bg@kbd__background-color@panel__background-color
             Keyboard input background
         

         
@kbd-color@color-primary-darker@kbd__color@primary__color__darker
             Keyboard input text color
         

         

             Blockquote
         

         
@blockquote-border-color@border-color-base@blockquote__border-color@border-color__base
             Blockquote border color
         

         
@blockquote-border-width@blockquote__border-width
             0
             Blockquote border width
         

         
@blockquote-before-content@blockquote__content-before
             '\2014 \00A0'
             "-" and space symbols
         

         
@blockquote-font-size@font-size-base@blockquote__font-size@font-size__base
             Blockquote font size
         

         
@blockquote-font-style@font-style-emphasis@blockquote__font-style@font-style__emphasis
             Blockquote font style
         

         
@blockquote-margin 0 0 @indent-base @indent-xl-base@blockquote__margin 0 0 @indent__base @indent__xl
             Blockquote margin
         

         
@blockquote-padding@blockquote__padding
             0
             Blockquote padding
         

         
@blockquote-small-color@color-primary@blockquote-small__color@primary__color
             Blockquote <small> and .small text color
         

         
@blockquote-small-font-size@font-size-xs@blockquote-small__font-size@font-size__xs
             Blockquote <small> and .small font size
         

         

             Cite
         

         
@cite-font-style@font-style-base@cite__font-style@font-style__base
             Cite font style
         

         

             Other elements
         

         
@hr-border-color@border-color-base@hr__border-color@border-color__base
             HR border color
         

         
@hr-border-style@hr__border-style
             solid
             HR border style
         

         
@hr-border-width@border-width-base@hr__border-width@border-width__base
             HR border width
         

         
@mark-color@color-primary-dark@mark__color@primary__color__dark
             <mark> color
         

         
@mark-bg@panel-bg@mark__background-color@panel__background-color
             <mark> background
         

         
@abbr-border-color@border-color-base@abbr__border-color@border-color__base
             <abbr> border color
         

         

     

   

-
Font-size mixin

+


Font-size mixin

 
  The .font-size() mixin calculates font-size in rem with fallback in px

 
  Less code:

 
  .example-typography-1 {
@@ -871,11 +873,11 @@
       font-size: 2.5rem;
   }

 
-

-.example {
-    .font-size(25);
-}
-
Line-height mixin

+

+.example {
+    .font-size(25);
+}
+

Line-height mixin

 
  The .line-height() mixin calculates line-height in rem with fallback in px

 
  Less code:

 
  .example-line-height {
@@ -887,22 +889,22 @@
       line-height: 3rem;
   }

 
-

-.example-line-height {
-    .line-height(30);
-}
-
Word breaking mixin

+

+.example-line-height {
+    .line-height(30);
+}
+

Word breaking mixin

 
  The .wrap-words() mixin specifies word breaking rules. Background and block width are added to display this example.

 
-

-.example-word-wrap {
-    .wrap-words();
-    background: #ccc;
-    width: 120px;
-}
-
Font face mixin

+

+.example-word-wrap {
+    .wrap-words();
+    background: #ccc;
+    width: 120px;
+}
+

Font face mixin

 
  The .font-face() mixin is used to set up custom font.

 
    .font-face(
         @family-name,
@@ -923,27 +925,27 @@
         }
     }

 
   

-
Text overflow mixin

+


Text overflow mixin

 
  The .text-overflow() mixin is used to add ellipsis ("...") when a text overflows the containing element. Background and block width are added to display this example.

 
-

-.example-text-overflow {
-    .text-overflow();
-    background: #ccc;
-    width: 120px;
-}
-
Text hide

+

+.example-text-overflow {
+    .text-overflow();
+    background: #ccc;
+    width: 120px;
+}
+

Text hide

 
  The .text-hide() mixin hides a text of the element the mixin is applyed to.

 
-

-.example-text-hide {
-    .text-hide();
-}
-
Hyphens

+

+.example-text-hide {
+    .text-hide();
+}
+

Hyphens

 
  The .hyphens() mixin sets hyphens CSS property with browser prefixes. It accepts the @mode variable with following accessible values:

 
  none
   manual
@@ -955,24 +957,24 @@
   <p class="example-hyphens-none"  style="width:50px;" lang="en">
       An extremely long English word
   </p>
-

-.example-hyphens {
-    .hyphens();
-}
-
-.example-hyphens-none {
-    .hyphens(none);
-}
-
Font style and color

+

+.example-hyphens {
+    .hyphens();
+}
+
+.example-hyphens-none {
+    .hyphens(none);
+}
+

Font style and color

 
  The .typography() mixin is used to set font style and font color of the element.

 
-

-.example-typography {
-    .typography(30, #fc0, @font-family-monospace, 500, 1.2, italic);
-}
-
Font style mixin variables

+

+.example-typography {
+    .typography(30, #fc0, @font-family__monospace, 500, 1.2, italic);
+}
+

Font style mixin variables

   
     
@@ -983,43 +985,43 @@
         
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            

         

         

             @_color@text-color@text__color
             '' | false | value
             Text color
         

         

             @_font-size@font-size-base@font-size__base
             '' | false | value
             Font size
         

         

             @_font-family@font-family-base@font-family__base
             '' | false | value
             Font family
         

         

             @_font-weight@font-weight-base@font-weight__regular
             '' | false | value
             Font weight
         

         

             @_font-style@font-style-base@font-style__base
             '' | false | value
             Font style
         

         

             @_line-height@line-height-base@line-height__base
             '' | false | value
             Line height
         

     

   

-
Reset list styles

+


Reset list styles

 
  The .list-reset-styles() mixin resets browser default list style and sets its margins and paddings.

 
  Default list style:

 
-

-.example-list-reset-styles {
-    .list-reset-styles();
-}
-
Reset list styles variables

+

+.example-list-reset-styles {
+    .list-reset-styles();
+}
+

Reset list styles variables

   
     
@@ -1059,7 +1061,7 @@
         

         

     

   

-
Inline-block list item styling

+


Inline-block list item styling

 
  The .list-inline() mixin resets browser default list style and sets its list items display property to display: inline-block.

 
  Default list style:

 
-

-.example-list-inline {
-    .list-inline();
-}
-
Heading styling mixin

+


Heading styling mixin

 
  The .heading() mixin is used to set heading styles to an element. To use this mixin, set the type of heading that you want to inherit styles from. The mixin uses global heading variables.

 
-

-.example-heading {
-    .heading(h1);
-}
-.example-heading-2 {
-    .heading(h2);
-}
-
Base typography mixins

+

+.example-heading {
+    .heading(h1);
+}
+.example-heading-2 {
+    .heading(h2);
+}
+

Base typography mixins

 
  Magento UI library offers mixins to styles elements sets.

-
  The .typography-base() mixin applyes basic styles from variables.less to the following elements:

+
  The .typography__base() mixin applyes basic styles from _variables.less to the following elements:

 
  html
   body
   p
@@ -1178,9 +1180,9 @@
 
-

-.typography-base();
-
Headings typography mixin

+

+.typography__base();
+

Headings typography mixin

 
  The .typography-headings() mixin is used to style all H1-H6 headings. This mixin uses settings from global variables list.

 
-

-.typography-headings();
-
Typography lists mixin

+

+    .typography-links();
+

Typography lists mixin

 
  The .typography-lists() mixin is used to apply styles to all ordered, unordered, and definition lists. This mixin uses settings from global variables list.

 
-

-.typography-lists();
-
Typography code elements mixin

+

+.typography-lists();
+

Typography code elements mixin

 
  .typography-code() mixin is used to apply styles to the following code elements:

 
  code
   kbd
@@ -1238,13 +1240,13 @@
     height: 80px;
   } </code></pre>
   <p>Vestibulum tortor quam, feugiat <kbd>Keyboard input</kbd> vitae, ultricies eget, tempor sit amet, ante.</p>
-

-.typography-code();
-
Typography blockquote

+

+.typography-code();
+

Typography blockquote

 
  The .typography-blockquote() mixin is used to apply styles to blockquote elements. This mixin uses settings from global variables list.

 
-

-.typography-blockquote();

+

+.typography-blockquote();


diff --git a/lib/web/css/docs/utilities.html b/lib/web/css/docs/utilities.html
index be79e18f66f81..c703c9eb11228 100644
--- a/lib/web/css/docs/utilities.html
+++ b/lib/web/css/docs/utilities.html
@@ -1,12 +1,13 @@
-
+
+
 utilities | Magento UI Library
-
Utilities

-
  utilities.less is a reuseable collection of basic Less mixins.

+
Utilities

+
  _utilities.less is a reuseable collection of basic Less mixins.

 
.clearfix()

 
  The .clearfix() mixin is a modern solution for healing container`s height which have floated elements. Also its applying prevents top-margins from collapsing.

 
 Container with floated child elements without .clearfix()

@@ -26,26 +27,25 @@
           Float right
       </div>
   </div>
-

-.example-clearfix-container-1 {
-    border: 1px solid #f00;
-}
-
-.example-clearfix-container-2 {
-    .clearfix();
-    border: 1px solid #0f0;
-}
-
-.example-clearfix-item.left {
-    float: left;
-}
-.example-clearfix-item.right {
-    float: right;
-}
-
-
-
-
.visibility-hidden()

+

+.example-clearfix-container-1 {
+    border: 1px solid #f00;
+}
+
+.example-clearfix-container-2 {
+    .clearfix();
+    border: 1px solid #0f0;
+}
+
+.example-clearfix-item.left {
+    float: left;
+}
+.example-clearfix-item.right {
+    float: right;
+}
+
+
+

.visibility-hidden()

 
  The .visibility-hidden()() mixin changes element`s visibility to hidden and height to 0.

 
  This is a block with applied .visibility-hidden() mixin.

 
-

-.example-visibility-hidden {
-    .visibility-hidden();
-}
-
-
-
-
.visually-hidden()

+

+.example-visibility-hidden {
+    .visibility-hidden();
+}
+
+
+

.visually-hidden()

 
  The .visually-hidden() mixin safely hides the element for accessibility reasons.

 
  This is a block with applied .visually-hidden() mixin.

 
-

-.example-visually-hidden-1 {
-    .visually-hidden();
-}
-
-
-
-
.visually-hidden-reset()

+

+.example-visually-hidden-1 {
+    .visually-hidden();
+}
+
+
+

.visually-hidden-reset()

 
  The .visually-hidden-reset() mixin resets hidden visibility and makes element again visible.

 
  This is a block with applied .visually-hidden-reset() mixin after .visually-hidden() applying.

 
-

-.example-visually-hidden-2 {
-    background: #fdf0d5;
-    padding: 5px;
-    .visually-hidden();
-}
-
-.example-visually-hidden-2 {
-    .visually-hidden-reset();
-}
-
-
-
-
.css()

+

+.example-visually-hidden-2 {
+    background: #fdf0d5;
+    padding: 5px;
+    .visually-hidden();
+}
+
+.example-visually-hidden-2 {
+    .visually-hidden-reset();
+}
+
+
+

.css()

 
  The .css() mixin is used to set any css property if there is a value passed to it by a variable. Also .css() can add -ms-, -webkit- and -moz- prefixes if needed.

 
  If the variable is set to false, the .css() mixin will add nothing to the code.

 
-

-.example-css-container {
-    .css(padding, @indent-base);
-    .css(background, @color-secondary);
-}
-
-
-.example-css-container-2 {
-    .css(background, false);
-}
-
-
-
.css() variables

+

+.example-css-container {
+    .css(padding, @indent__base);
+    .css(background, @secondary__color);
+}
+
+
+.example-css-container-2 {
+    .css(background, false);
+}
+
+

.css() variables

   
     
@@ -145,23 +141,21 @@
         

         

     

   

-

-
.rotate()

+


.rotate()

 
  The .rotate() mixin is a wrapper for css3 transform property with rotate value.

 
-

-.example-rotate {
-    background: #f00;
-    position: absolute;
-    height: 20px;
-    width: 40px;
-    .rotate(
-        @_rotation: 45deg;
-    );
-}
-
-
-
.rotate() variables

+

+.example-rotate {
+    background: #f00;
+    position: absolute;
+    height: 20px;
+    width: 40px;
+    .rotate(
+        @_rotation: 45deg;
+    );
+}
+
+

.rotate() variables

   
     
@@ -178,17 +172,15 @@
         

         

     

   

-

-
.input-placeholder()

+


.input-placeholder()

 
  The .input-placeholder() mixin is used to change placeholder font-color and font-weight.

 
-

-.example-placeholder {
-    .input-placeholder(#808080, bold);
-}
-
-
-
.input-placeholder() variables

+

+.example-placeholder {
+    .input-placeholder(#808080, bold);
+}
+
+

.input-placeholder() variables

   
     
@@ -199,20 +191,19 @@
         
-            
+            
-            
+            

         

         

             @_input-placeholder-color@form-element-input-placeholder-color@form-element-input-placeholder__color
             '' | false | value
             Input placeholder color
         

         

             @_input-placeholder-font-weight@form-element-input-font-weight@form-element-input__font-weight
             '' | false | value
             Input placeholder font-weight
         

     

   

-

-
.background-gradient()

+


.background-gradient()

 
  The .background-gradient() mixin is used for applying custom css3 gradient.

 
-

-.example-background-gradient-1 {
-    .background-gradient(
-        @_background-gradient: true,
-        @_background-gradient-direction: vertical,
-        @_background-gradient-start-color: #cff,
-        @_background-gradient-end-color: #ccf
-    );
-}
-
-.example-background-gradient-2 {
-    .background-gradient(
-        @_background-gradient: true,
-        @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: #cff,
-        @_background-gradient-end-color: #ccf
-    );
-}
-
-.example-background-gradient-3-wrapper {
-    background: #ffc;
-    padding: 10px;
-}
-
-.example-background-gradient-3 {
-    .background-gradient(
-        @_background-gradient: true,
-        @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: rgba(255,255,255,0),
-        @_background-gradient-end-color: #ccf,
-        @_background-gradient-color-position: false
-    );
-}
-
-
-
-
-
.background-gradient() variables

+

+.example-background-gradient-1 {
+    .background-gradient(
+        @_background-gradient: true,
+        @_background-gradient-direction: vertical,
+        @_background-gradient-color-start: #cff,
+        @_background-gradient-color-end: #ccf
+    );
+}
+
+.example-background-gradient-2 {
+    .background-gradient(
+        @_background-gradient: true,
+        @_background-gradient-direction: horizontal,
+        @_background-gradient-color-start: #cff,
+        @_background-gradient-color-end: #ccf
+    );
+}
+
+.example-background-gradient-3-wrapper {
+    background: #ffc;
+    padding: 10px;
+}
+
+.example-background-gradient-3 {
+    .background-gradient(
+        @_background-gradient: true,
+        @_background-gradient-direction: horizontal,
+        @_background-gradient-color-start: rgba(255,255,255,0),
+        @_background-gradient-color-end: #ccf,
+        @_background-gradient-color-position: false
+    );
+}
+
+
+
+

.background-gradient() variables

   
     
@@ -282,13 +272,13 @@
             
-            
+            
-            
+            
@@ -297,8 +287,8 @@
             
-            
+            

         
Gradient direction (horizontal or vertical)
         

         
@_background-gradient-start-color@_background-gradient-color-start
             ''
             '' | false | value
             Gradient start color (any css color)
         

         
@_background-gradient-end-color@_background-gradient-color-end
             ''
             '' | false | value
             Gradient end color (any css color) @_background-gradient-color-position
             false
             '' | false | trueSets the background-color fallback property. When set to 'false', the background-color property will be set to @_background-gradient-end-color. When set to 'true', the background-color property will be set to @_background-gradient-start-colorSets the background-color fallback property. When set to 'false', the background-color property will be set to @_background-gradient-color-end. When set to 'true', the background-color property will be set to @_background-gradient-color-start
         

     

   

-

+

diff --git a/lib/web/css/docs/variables.html b/lib/web/css/docs/variables.html
index b5427256f6743..651905aef33e8 100644
--- a/lib/web/css/docs/variables.html
+++ b/lib/web/css/docs/variables.html
@@ -4,8 +4,9 @@
  * See COPYING.txt for license details.
  */
 -->
+
 variables | Magento UI Library
-
List of Global Variables

+
List of Global Variables

 
Typography

 
The .typography-all() mixin variables

   
@@ -19,17 +20,17 @@ 
The .typography-all()Predefined font family
         
         
-            @font-family-sans-serif
+            @font-family__sans-serif
             'Helvetica Neue', Helvetica, Arial, sans-serif
             Sans-serif font family
         
         
-            @font-family-serif
+            @font-family__serif
             Georgia, 'Times New Roman', Times, serif
             Serif font family
         
         
-            @font-family-monospace
+            @font-family__monospace
             Menlo, Monaco, Consolas, 'Courier New', monospace
             Monospace font family
         
@@ -57,37 +58,37 @@ 
The .typography-all()Gray 56
         
         
-            @color-primary
+            @primary__color
             #555
             Primary color
         
         
-            @color-primary-dark
-            darken(@color-primary, 35%) // #000
+            @primary__color__dark
+            darken(@primary__color, 35%) // #000
             Dark primary color
         
         
-            @color-primary-darker
-            darken(@color-primary, 13.5%) // #111
+            @primary__color__darker
+            darken(@primary__color, 13.5%) // #111
             Darker primary color
         
         
-            @color-primary-lighter
-            lighten(@color-primary, 23%) // #7d7d7d
+            @primary__color__lighter
+            lighten(@primary__color, 23%) // #7d7d7d
             Lighter primary color
         
         
-            @color-primary-light
-            lighten(@color-primary, 45%) // #a6a6a6
+            @primary__color__light
+            lighten(@primary__color, 45%) // #a6a6a6
             Light primary color
         
         
-            @border-color-base
-            darken(@page-bg-color, 18%)
+            @border-color__base
+            darken(@page__background-color, 18%)
             Base border color
         
         
-            @border-width-base
+            @border-width__base
             1px
             Base border width
         
@@ -95,180 +96,180 @@ 
The .typography-all()Fonts settings
         
         
-            @font-family-base
-            @font-family-sans-serif
+            @font-family__base
+            @font-family__sans-serif
             Basic font family
         
         
-            @font-size-root
+            @root__font-size
             62.5%
             Setting font-size for HTML tag, use % units
         
         
-            @font-size-base-ratio
+            @font-size-ratio__base
             1.4
             Defines ratio between root font size and base font size
         
         
-            @font-size-base
-            unit((@font-size-root / 100) * 16 * @font-size-base-ratio, px)
+            @font-size__base
+            unit((@root__font-size / 100) * 16 * @font-size-ratio__base, px)
             Base font size value in px
         
         
-            @font-size-xl
-            ceil(1.5 * @font-size-base) // 21
+            @font-size__xl
+            ceil(1.5 * @font-size__base) // 21
             Extra large font size
         
         
-            @font-size-l
-            ceil(1.25 * @font-size-base) // 18
+            @font-size__l
+            ceil(1.25 * @font-size__base) // 18
             Large font size
         
         
-            @font-size-s
-            ceil(.85 * @font-size-base) // 12
+            @font-size__s
+            ceil(.85 * @font-size__base) // 12
             Small font size
         
         
-            @font-size-xs
-            floor(.75 * @font-size-base) // 11
+            @font-size__xs
+            floor(.75 * @font-size__base) // 11
             Extra small font size
         
         
-            @font-weight-base
+            @font-weight__regular
             400
             Basic font weight
         
         
-            @font-weight-light
+            @font-weight__light
             200
             Light font weight
         
         
-            @font-weight-semibold
+            @font-weight__semibold
             600
             Semibold font weight
         
         
-            @font-weight-bold
+            @font-weight__bold
             700
             Bold font weight
         
         
-            @font-style-base
+            @font-style__base
             normal
             Font style
         
         
-            @font-style-emphasis
+            @font-style__emphasis
             italic
             Emphasis font style
         
         
-            @line-height-base
+            @line-height__base
             1.428571429
             Base line height
         
         
-            @line-height-computed
-            floor(@font-size-base * @line-height-base)
+            @line-height__computed
+            floor(@font-size__base * @line-height__base)
             Computed line height depending on base font size
         
         
-            @line-height-l
+            @line-height__l
             1.5
             Large line height
         
         
-            @line-height-s
+            @line-height__s
             1.33
             Small line height
         
         
-            @text-color
-            @color-primary
+            @text__color
+            @primary__color
             Primary text color
         
         
-            @text-color-intense
-            @color-primary-darker
+            @text__color__intense
+            @primary__color__darker
             Darker text color
         
         
-            @text-color-muted
-            @color-primary-lighter
+            @text__color__muted
+            @primary__color__lighter
             Lighter text color
         
         
-            @indent-base
-            @line-height-computed // 20px
+            @indent__base
+            @line-height__computed // 20px
             Base text ident (20px)
         
         
-            @indent-xl-base
-            @line-height-computed * 2 // 40px
+            @indent__xl
+            @line-height__computed * 2 // 40px
             Extra large text ident (40px)
         
         
-            @indent-l-base
-            @line-height-computed * 1.5 // 30px
+            @indent__l
+            @line-height__computed * 1.5 // 30px
             Large text ident (30px)
         
         
-            @indent-m-base
-            @indent-base * 1.25 // 25px
+            @indent__m
+            @indent__base * 1.25 // 25px
             Extra large text ident (25px)
         
         
-            @indent-s-base
-            @line-height-computed / 2 //10px 
+            @indent__s
+            @line-height__computed / 2 //10px 
             Small text ident (10px)
         
         
-            @indent-xs-base
-            @line-height-computed / 4 // 5px
+            @indent__xs
+            @line-height__computed / 4 // 5px
             Extra small text ident (5px)
         
         
             Links
         
         
-            @link-color
+            @link__color
             #1979c3
             Links color
         
         
-            @link-text-decoration
+            @link__text-decoration
             none
             Links text decoration
         
         
-            @link-color-visited
+            @link__visited__color
             #800080
             Visited links color
         
         
-            @link-text-decoration-visited
+            @link__visited__text-decoration
             none
             Visited links text decoration
         
         
-            @link-color-hover
+            @link__hover__color
             #006bb4
             Hovered links color
         
         
-            @link-text-decoration-hover
+            @link__hover__text-decoration
             underline
             Hovered links text decoration
         
         
-            @link-color-active
+            @link__active__color
             #ff5501
             Active links color
         
         
-            @link-text-decoration-active
+            @link__active__text-decoration
             underline
             Active links text decoration
         
@@ -276,548 +277,548 @@ 
The .typography-all()Lists
         
         
-            @list-color-base
+            @list__color__base
             false
             List text color
         
         
-            @list-font-size-base
-            @font-size-base
+            @list__font-size__base
+            @font-size__base
             List font size
         
         
-            @list-margin-top
+            @list__margin-top
             0
             List margin top
         
         
-            @list-margin-bottom
-            @indent-m-base
+            @list__margin-bottom
+            @indent__m
             List margin bottom
         
         
-            @list-item-margin-top
+            @list-item__margin-top
             0
             List item margin top
         
         
-            @list-item-margin-bottom
-            @indent-s-base
+            @list-item__margin-bottom
+            @indent__s
             List item margin bottom
         
         
             Definition list
         
         
-            @dl-margin-top
+            @dl__margin-top
             0
             Definition list margin top
         
         
-            @dl-margin-bottom
-            @indent-base
+            @dl__margin-bottom
+            @indent__base
             Definition list margin bottom
         
         
-            @dt-margin-top
+            @dt__margin-top
             0
             Description term margin top
         
         
-            @dt-margin-bottom
-            @indent-xs-base
+            @dt__margin-bottom
+            @indent__xs
             Description term margin bottom
         
         
-            @dt-font-weight
-            @font-weight-bold
+            @dt__font-weight
+            @font-weight__bold
             Description term 
         
         
-            @dd-margin-top
+            @dd__margin-top
             0
             Description margin top
         
         
-            @dd-margin-bottom
-            @indent-s-base
+            @dd__margin-bottom
+            @indent__s
             Description margin bottom
         
         
             Paragraphs
         
         
-            @p-margin-top
+            @p__margin-top
             0
             Paragraph margin top
         
         
-            @p-margin-bottom
-            @indent-s-base
+            @p__margin-bottom
+            @indent__s
             Paragraph margin bottom
         
         
             Headings
         
         
-            @heading-font-family-base
+            @heading__font-family__base
             false
             Heading base font family
         
         
-            @heading-font-style-base
+            @heading__font-style__base
             false
             Heading base font style
         
         
-            @heading-font-weight-base
-            @font-weight-light
+            @heading__font-weight__base
+            @font-weight__light
             Heading base font weight
         
         
-            @heading-line-height-base
+            @heading__line-height__base
             1.1
             Heading base line height
         
         
-            @heading-color-base
+            @heading__color__base
             false
             Heading base color
         
         
-            @heading-margin-top-base
-            @indent-base
+            @heading__margin-top__base
+            @indent__base
             Heading base margin top
         
         
-            @heading-margin-bottom-base
-            @indent-base
+            @heading__margin-bottom__base
+            @indent__base
             Heading base margin bottom
         
         
             H1
         
         
-            @h1-font-size
-            ceil((@font-size-base * 2.85)) // 40px
+            @h1__font-size
+            ceil((@font-size__base * 2.85)) // 40px
             H1 font size
         
         
-            @h1-font-color
-            @heading-color-base
+            @h1__font-color
+            @heading__color__base
             H1 color
         
         
-            @h1-font-family
-            @heading-font-family-base
+            @h1__font-family
+            @heading__font-family__base
             H1 font family
         
         
-            @h1-font-weight
-            @heading-font-weight-base
+            @h1__font-weight
+            @heading__font-weight__base
             H1 font weight
         
         
-            @h1-font-style
-            @heading-font-style-base
+            @h1__font-style
+            @heading__font-style__base
             H1 font style
         
         
-            @h1-line-height
-            @heading-line-height-base
+            @h1__line-height
+            @heading__line-height__base
             H1 line height
         
         
-            @h1-margin-top
+            @h1__margin-top
             0
             H1 margin top
         
         
-            @h1-margin-bottom
-            @heading-margin-bottom-base
+            @h1__margin-bottom
+            @heading__margin-bottom__base
             H1 margin bottom
         
         
             H2
         
         
-            @h2-font-size
-            ceil((@font-size-base * 1.85)) // 26px
+            @h2__font-size
+            ceil((@font-size__base * 1.85)) // 26px
             H2 font size
         
         
-            @h2-font-color
-            @heading-color-base
+            @h2__font-color
+            @heading__color__base
             H2 color
         
         
-            @h2-font-family
-            @heading-font-family-base
+            @h2__font-family
+            @heading__font-family__base
             H2 font family
         
         
-            @h2-font-weight
-            @heading-font-weight-base
+            @h2__font-weight
+            @heading__font-weight__base
             H2 font weight
         
         
-            @h2-font-style
-            @heading-font-style-base
+            @h2__font-style
+            @heading__font-style__base
             H2 font style
         
         
-            @h2-line-height
-            @heading-line-height-base
+            @h2__line-height
+            @heading__line-height__base
             H2 line height
         
         
-            @h2-margin-top
-            @indent-m-base
+            @h2__margin-top
+            @indent__m
             H2 margin top
         
         
-            @h2-margin-bottom
-            @heading-margin-bottom-base
+            @h2__margin-bottom
+            @heading__margin-bottom__base
             H2 margin bottom
         
         
             H3
         
         
-            @h3-font-size
-            ceil((@font-size-base * 1.28)) // 18px
+            @h3__font-size
+            ceil((@font-size__base * 1.28)) // 18px
             H3 font size
         
         
-            @h3-font-color
-            @heading-color-base
+            @h3__font-color
+            @heading__color__base
             H3 color
         
         
-            @h3-font-family
-            @heading-font-family-base
+            @h3__font-family
+            @heading__font-family__base
             H3 font family
         
         
-            @h3-font-weight
-            @heading-font-weight-base
+            @h3__font-weight
+            @heading__font-weight__base
             H3 font weight
         
         
-            @h3-font-style
-            @heading-font-style-base
+            @h3__font-style
+            @heading__font-style__base
             H3 font style
         
         
-            @h3-line-height
-            @heading-line-height-base
+            @h3__line-height
+            @heading__line-height__base
             H3 line height
         
         
-            @h3-margin-top
-            @indent-base * .75
+            @h3__margin-top
+            @indent__base * .75
             H3 margin top
         
         
-            @h3-margin-bottom
-            @indent-s-base
+            @h3__margin-bottom
+            @indent__s
             H3 margin bottom
         
         
             H4
         
         
-            @h4-font-size
-            @font-size-base // 14px
+            @h4__font-size
+            @font-size__base // 14px
             H4 font size
         
         
-            @h4-font-color
-            @heading-color-base
+            @h4__font-color
+            @heading__color__base
             H4 color
         
         
-            @h4-font-family
-            @heading-font-family-base
+            @h4__font-family
+            @heading__font-family__base
             H4 font family
         
         
-            @h4-font-weight
-            @font-weight-bold
+            @h4__font-weight
+            @font-weight__bold
             H4 font weight
         
         
-            @h4-font-style
-            @heading-font-style-base
+            @h4__font-style
+            @heading__font-style__base
             H4 font style
         
         
-            @h4-line-height
-            @heading-line-height-base
+            @h4__line-height
+            @heading__line-height__base
             H4 line height
         
         
-            @h4-margin-top
-            @heading-margin-top-base
+            @h4__margin-top
+            @heading__margin-top__base
             H4 margin top
         
         
-            @h4-margin-bottom
-            @heading-margin-bottom-base
+            @h4__margin-bottom
+            @heading__margin-bottom__base
             H4 margin bottom
         
         
             H5
         
         
-            @h5-font-size
-            ceil((@font-size-base * .85)) // 12px
+            @h5__font-size
+            ceil((@font-size__base * .85)) // 12px
             H5 font size
         
         
-            @h5-font-color
-            @heading-color-base
+            @h5__font-color
+            @heading__color__base
             H5 color
         
         
-            @h5-font-family
-            @heading-font-family-base
+            @h5__font-family
+            @heading__font-family__base
             H5 font family
         
         
-            @h5-font-weight
-            @font-weight-bold
+            @h5__font-weight
+            @font-weight__bold
             H5 font weight
         
         
-            @h5-font-style
-            @heading-font-style-base
+            @h5__font-style
+            @heading__font-style__base
             H5 font style
         
         
-            @h5-line-height
-            @heading-line-height-base
+            @h5__line-height
+            @heading__line-height__base
             H5 line height
         
         
-            @h5-margin-top
-            @heading-margin-top-base
+            @h5__margin-top
+            @heading__margin-top__base
             H5 margin top
         
         
-            @h5-margin-bottom
-            @heading-margin-bottom-base
+            @h5__margin-bottom
+            @heading__margin-bottom__base
             H5 margin bottom
         
         
             H6
         
         
-            @h6-font-size
-            ceil((@font-size-base * .7)) // 10px
+            @h6__font-size
+            ceil((@font-size__base * .7)) // 10px
             H6 font size
         
         
-            @h6-font-color
-            @heading-color-base
+            @h6__font-color
+            @heading__color__base
             H6 color
         
         
-            @h6-font-family
-            @heading-font-family-base
+            @h6__font-family
+            @heading__font-family__base
             H6 font family
         
         
-            @h6-font-weight
-            @heading-font-weight-base
+            @h6__font-weight
+            @heading__font-weight__base
             H6 font weight
         
         
-            @h6-font-style
-            @heading-font-style-base
+            @h6__font-style
+            @heading__font-style__base
             H6 font style
         
         
-            @h6-line-height
-            @heading-line-height-base
+            @h6__line-height
+            @heading__line-height__base
             H6 line height
         
         
-            @h6-margin-top
-            @heading-margin-top-base
+            @h6__margin-top
+            @heading__margin-top__base
             H6 margin top
         
         
-            @h6-margin-bottom
-            @heading-margin-bottom-base
+            @h6__margin-bottom
+            @heading__margin-bottom__base
             H6 margin bottom
         
         
             <small> tags and tags with class .small placed in H1-H6 headings
         
         
-            @heading-small-color
-            @color-primary
+            @heading__small-color
+            @primary__color
             <small> and .small heading element color
         
         
-            @heading-small-line-height
+            @heading__small-line-height
             1
             <small> and .small heading element line height
         
         
-            @heading-small-size
-            (@font-size-xs/@font-size-base) * 100%
+            @heading__small-size
+            (@font-size__xs/@font-size__base) * 100%
             <small> and .small heading element font size
         
         
             Focus
         
         
-            @focus-box-shadow
-            0 0 3px 1px @color-focus
+            @focus__box-shadow
+            0 0 3px 1px @focus__color
             Focused element highlight
         
         
             Code blocks
         
         
-            @code-bg
-            @panel-bg
+            @code__background-color
+            @panel__background-color
             Code block background
         
         
-            @code-color
-            @color-primary-darker
+            @code__color
+            @primary__color__darker
             Code text color
         
         
-            @code-font-size
-            @font-size-s
+            @code__font-size
+            @font-size__s
             Code font size
         
         
-            @code-padding
+            @code__padding
             2px 4px
             Code padding
         
         
-            @pre-bg
-            @color-primary-light
+            @pre__background-color
+            @primary__color__light
             Preformatted text background color
         
         
-            @pre-border-color
-            @border-color-base
+            @pre__border-color
+            @border-color__base
             Preformatted text border color
         
         
-            @pre-border-width
-            @border-width-base
+            @pre__border-width
+            @border-width__base
             Preformatted text border width
         
         
-            @pre-color
-            @color-primary-darker
+            @pre__color
+            @primary__color__darker
             Preformatted text color
         
         
-            @kbd-bg
-            @panel-bg
+            @kbd__background-color
+            @panel__background-color
             Keyboard input background
         
         
-            @kbd-color
-            @color-primary-darker
+            @kbd__color
+            @primary__color__darker
             Keyboard input text color
         
         
             Blockquote
         
         
-            @blockquote-border-color
-            @border-color-base
+            @blockquote__border-color
+            @border-color__base
             Blockquote border color
         
         
-            @blockquote-border-width
+            @blockquote__border-width
             0
             Blockquote border width
         
         
-            @blockquote-before-content
+            @blockquote__content-before
             '\2014 \00A0'
             "-" and space symbols
         
         
-            @blockquote-font-size
-            @font-size-base
+            @blockquote__font-size
+            @font-size__base
             Blockquote font size
         
         
-            @blockquote-font-style
-            @font-style-emphasis
+            @blockquote__font-style
+            @font-style__emphasis
             Blockquote font style
         
         
-            @blockquote-margin
-             0 0 @indent-base @indent-xl-base
+            @blockquote__margin
+             0 0 @indent__base @indent__xl
             Blockquote margin
         
         
-            @blockquote-padding
+            @blockquote__padding
             0
             Blockquote padding
         
         
-            @blockquote-small-color
-            @color-primary
+            @blockquote-small__color
+            @primary__color
             Blockquote <small> and .small text color
         
         
-            @blockquote-small-font-size
-            @font-size-xs
+            @blockquote-small__font-size
+            @font-size__xs
             Blockquote <small> and .small font size
         
         
             Cite
         
         
-            @cite-font-style
-            @font-style-base
+            @cite__font-style
+            @font-style__base
             Cite font style
         
         
             Other elements
         
         
-            @hr-border-color
-            @border-color-base
+            @hr__border-color
+            @border-color__base
             HR border color
         
         
-            @hr-border-style
+            @hr__border-style
             solid
             HR border style
         
         
-            @hr-border-width
-            @border-width-base
+            @hr__border-width
+            @border-width__base
             HR border width
         
         
-            @mark-color
-            @color-primary-dark
+            @mark__color
+            @primary__color__dark
             <mark> color
         
         
-            @mark-bg
-            @panel-bg
+            @mark__background-color
+            @panel__background-color
             <mark> background
         
         
-            @abbr-border-color
-            @border-color-base
+            @abbr__border-color
+            @border-color__base
             <abbr> border color
         
         
@@ -870,7 +871,7 @@ 
The .actions-toolbar()
       
       
         @_actions-toolbar-primary-actions-margin
-        0 @indent-xs-base 0 0
+        0 @indent__xs 0 0
         '' | false | value
         Margins of primary .actions in the Actions toolbar
       
@@ -913,7 +914,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-font-size
-        @font-size-s
+        @font-size__s
         '' | false | value
         Breadcrumbs font size
       
@@ -924,8 +925,8 @@ 
The .breadcrumbs()
         Breadcrumbs links display property
       
       
-        @_@breadcrumbs-container-margin
-         0 0 @indent-base
+        @_@breadcrumbs__container-margin
+         0 0 @indent__base
         '' | false | value
         Breadcrumbs items padding
       
@@ -946,7 +947,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-separator-color
-        @breadcrumbs-current-color
+        @breadcrumbs-current__color
         '' | false | value
         Breadcrumbs separating symbol color
       
@@ -1009,7 +1010,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-current-font-weight
-        @font-weight-base
+        @font-weight__regular
         '' | false | value
         Breadcrumbs current page font weight
       
@@ -1038,13 +1039,13 @@ 
The .breadcrumbs()
         Direction of breadcrumbs current page background gradient (if there is any)
       
       
-        @_breadcrumbs-current-gradient-start-color
+        @_breadcrumbs-current-gradient-color-start
         false
         '' | false | value
         Breadcrumbs current page gradient start color
       
       
-        @_breadcrumbs-current-gradient-end-color
+        @_breadcrumbs-current-gradient-color-end
         false
         '' | false | value
         Breadcrumbs current page gradient end color
@@ -1069,7 +1070,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-link-color
-        @color-primary
+        @primary__color
         '' | false | value
         Breadcrumbs item color
       
@@ -1092,13 +1093,13 @@ 
The .breadcrumbs()
         Breadcrumbs item text decoration
       
       
-        @_breadcrumbs-link-gradient-start-color
+        @_breadcrumbs-link-gradient-color-start
         false
         '' | false | value
         Breadcrumbs item gradient start color
       
       
-        @_breadcrumbs-link-gradient-end-color
+        @_breadcrumbs-link-gradient-color-end
         false
         '' | false | value
         Breadcrumbs item gradient end color
@@ -1108,19 +1109,19 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-link-color-visited
-        @color-primary
+        @primary__color
         '' | false | value
         Breadcrumbs item visited color
       
       
         @_breadcrumbs-link-background-visited
-        @breadcrumbs-link-background
+        @breadcrumbs-link__background
         '' | false | value
         Breadcrumbs item visited background
       
       
         @_breadcrumbs-link-border-visited
-        @breadcrumbs-link-border
+        @breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item visited border
       
@@ -1131,13 +1132,13 @@ 
The .breadcrumbs()
         Breadcrumbs item text decoration
       
       
-        @_breadcrumbs-link-gradient-start-color-visited
+        @_breadcrumbs-link-gradient-color-start-visited
         false
         '' | false | value
         Breadcrumbs item visited gradient start color
       
       
-        @_breadcrumbs-link-gradient-end-color-visited
+        @_breadcrumbs-link-gradient-color-end-visited
         false
         '' | false | value
         Breadcrumbs item visited gradient end color
@@ -1147,7 +1148,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-link-color-hover
-        @color-primary
+        @primary__color
         '' | false | value
         Breadcrumbs item hover color
       
@@ -1159,7 +1160,7 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-link-border-hover
-        @breadcrumbs-link-border
+        @breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item hover border
       
@@ -1170,13 +1171,13 @@ 
The .breadcrumbs()
         Breadcrumbs item hover text decoration
       
       
-        @_breadcrumbs-link-gradient-start-color-hover
+        @_breadcrumbs-link-gradient-color-start-hover
         false
         '' | false | value
         Breadcrumbs item hover gradient start color
       
       
-        @_breadcrumbs-link-gradient-end-color-hover
+        @_breadcrumbs-link-gradient-color-end-hover
         false
         '' | false | value
         Breadcrumbs item hover gradient end color
@@ -1186,19 +1187,19 @@ 
The .breadcrumbs()
       
       
         @_breadcrumbs-link-color-active
-        @color-primary
+        @primary__color
         '' | false | value
         Breadcrumbs item active color
       
       
         @_breadcrumbs-link-background-active
-        @breadcrumbs-link-background
+        @breadcrumbs-link__background
         '' | false | value
         Breadcrumbs item active background
       
       
         @_breadcrumbs-link-border-active
-        @breadcrumbs-link-border
+        @breadcrumbs-link__border
         '' | false | value
         Breadcrumbs item active border
       
@@ -1209,13 +1210,13 @@ 
The .breadcrumbs()
         Breadcrumbs item active text decoration
       
       
-        @_breadcrumbs-link-gradient-start-color-active
+        @_breadcrumbs-link-gradient-color-start-active
         false
         '' | false | value
         Breadcrumbs item active gradient start color
       
       
-        @_breadcrumbs-link-gradient-end-color-active
+        @_breadcrumbs-link-gradient-color-end-active
         false
         '' | false | value
         Breadcrumbs item active gradient end color
@@ -1235,19 +1236,19 @@ 
The .button() mixin var
       
       
         @_button-font-family
-        @font-family-base
+        @font-family__base
         '' | false | value
         Button font family
       
       
         @_button-font-size
-        @font-size-base
+        @font-size__base
         '' | false | value
         Button font size
       
       
         @_button-font-weight
-        @font-weight-bold
+        @font-weight__bold
         '' | false | value
         Button font weight
       
@@ -1271,7 +1272,7 @@ 
The .button() mixin var
       
       
         @_button-line-height
-        @font-size-base + 2
+        @font-size__base + 2
         '' | false | value
         Button height
       
@@ -1310,7 +1311,7 @@ 
The .button() mixin var
       
       
         @_button-color
-        @color-primary
+        @primary__color
         '' | false | value
         Button text color
       
@@ -1327,13 +1328,13 @@ 
The .button() mixin var
         Button border
       
       
-        @_button-gradient-start-color
+        @_button-gradient-color-start
         false
         '' | false | value
         Gradient background start color
       
       
-        @_button-gradient-end-color
+        @_button-gradient-color-end
         false
         '' | false | value
         Gradient background end color
@@ -1360,13 +1361,13 @@ 
The .button() mixin var
         Hovered button border
       
       
-        @_button-gradient-start-color-hover
+        @_button-gradient-color-start-hover
         false
         '' | false | value
         Hovered button gradient background start color
       
       
-        @_button-gradient-end-color-hover
+        @_button-gradient-color-end-hover
         false
         '' | false | value
         Hovered button gradient background end color
@@ -1376,30 +1377,30 @@ 
The .button() mixin var
       
       
         @_button-color-active
-        @button-color
+        @button__color
         '' | false | value
         Active button text color
       
       
         @_button-background-active
-        @button-background-hover
+        @button__hover__background
         '' | false | value
         Active button background
       
       
         @_button-border-active
-        @button-border
+        @button__border
         '' | false | value
         Active button border
       
       
-        @_button-gradient-start-color-active

+        @_button-gradient-color-start-active

         false
         '' | false | value
         Active button gradient background start color
       
       
-        @_button-gradient-end-color-active
+        @_button-gradient-color-end-active
         false
         '' | false | value
         Active button gradient background end color
@@ -1433,7 +1434,7 @@ 
The .button() mixin var
       
       
         @_button-icon-font-line-height
-        @button-icon-font-size
+        @button-icon__font-size
         '' | false | value
         Button icon line height
       
@@ -1469,7 +1470,7 @@ 
The .button() mixin var
       
       
         @_button-icon-font-position
-        @icon-position
+        @icon__position
         '' | false | before | after
         Button icon font position
       
@@ -1483,7 +1484,7 @@ 
The .button() mixin var
   

 
 
The .button-primary() mixin variables

-
  In the variables list primary buttons are configured with @button-primary- prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primary-background of the global variables list.
+
  In the variables list primary buttons are configured with @button-primary prefix. So for example to configure primary button background you should use @_button-background variable of the mixin or @button-primarybackground of the global variables list.
   
     
@@ -1512,7 +1513,7 @@ 
The .button-primary()
         

-            
+            
@@ -1550,13 +1551,13 @@ 
The .button-primary()Button text color
         
         

-            
+            
-            
+            
@@ -1578,18 +1579,18 @@ 
The .button-primary()
         

-            
+            
-            
+            
-            
+            
@@ -1599,30 +1600,30 @@ 
The .button-primary()
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -1641,55 +1642,55 @@ 
The .butto
       

-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
@@ -1707,19 +1708,19 @@ 
The .button
       
       

-        
+        
-        
+        
-        
+        
@@ -1845,43 +1846,43 @@ 
The .dropdown() mixin
         
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -1893,13 +1894,13 @@ 
The .dropdown() mixin
         
         

-            
+            
-            
+            
@@ -1918,7 +1919,7 @@ 
The .dropdown-split()
         

-            
+            
@@ -1933,49 +1934,49 @@ 
The .dropdown-split()
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -1987,37 +1988,37 @@ 
The .dropdown-split()
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -2026,55 +2027,55 @@ 
The .dropdown-split()
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -2086,13 +2087,13 @@ 
The .dropdown-split()
         

-            
+            
-            
+            
@@ -2111,73 +2112,73 @@ 
The .form-fieldset()
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
@@ -2201,7 +2202,7 @@ 
The .form-field() mi
         
         

-            
+            
@@ -2213,26 +2214,26 @@ 
The .form-field() mi
         
         

-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -2240,67 +2241,67 @@ 
The .form-field() mi
         

-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
@@ -2309,44 +2310,44 @@ 
The .form-field() mi
         
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
@@ -2354,55 +2355,55 @@ 
The .form-field() mi
         

-            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -2414,56 +2415,56 @@ 
The .form-field() mi
         
         

-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
+            
-            
+            
-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            

         

             @_button-padding@button-padding@buttonpadding
             '' | false | value
             Button padding
         
@_button-gradient-start-color@_button-gradient-color-start
             false
             '' | false | value
             Gradient background start color
         

         
@_button-gradient-end-color@_button-gradient-color-end
             false
             '' | false | value
             Gradient background end color

             @_button-color-hover@button-primary-color@button-primarycolor
             '' | false | value
             Hovered button text color
         

         
@_button-gradient-start-color-hover@_button-gradient-color-start-hover
             false
             '' | false | value
             Hovered button gradient background start color
         

         
@_button-gradient-end-color-hover@_button-gradient-color-end-hover
             false
             '' | false | value
             Hovered button gradient background end color

             @_button-background-active@button-primary-background-hover@button-primaryhoverbackground
             '' | false | value
             Active button background
         

         

             @_button-border-active@button-primary-border-hover@button-primaryhoverborder
             '' | false | value
             Active button border
         

         

             @_button-color-active@button-primary-color@button-primary__color
             '' | false | value
             Active button text color
         

         
@_button-gradient-start-color-active@_button-gradient-color-start-active
             false
             '' | false | value
             Active button gradient background start color
         

         
@_button-gradient-end-color-active@_button-gradient-color-end-active
             false
             '' | false | value
             Active button gradient background end color

       

         @_button-color@button-color@buttoncolor
         '' | false | value
         Button color
       

       

         @_button-background@button-background@buttonbackground
         '' | false | value
         Button background
       

       

         @_button-border@button-border@buttonborder
         '' | false | value
         Button border
       

       

         @_button-color-hover@button-color-hover@buttonhovercolor
         '' | false | value
         Button hover color
       

       

         @_button-background-hover@button-background-hover@buttonhoverbackground
         '' | false | value
         Button hover background
       

       

         @_button-border-hover@button-border-hover@buttonhoverborder
         '' | false | value
         Button hover border
       

       

         @_button-color-active@button-color-active@buttonactivecolor
         '' | false | value
         Button active color
       

       

         @_button-background-active@button-background-active@buttonactivebackground
         '' | false | value
         Button active background
       

       

         @_button-border-active@button-border-active@buttonactive__border
         '' | false | value
         Button active border
       

         @_button-font-size@button-font-size@buttonfont-size
         '' | value
         Button font size
       

       

         @_button-line-height@button-line-height@buttonline-height
         '' | value
         Button line-height
       

       

         @_button-padding@button-padding@button__padding
         '' | value
         Button padding
       

             @_icon-font@button-icon-font@button-icon__font
             '' | false | value
             Drop-down toggle icon font
         

         

             @_icon-font-size@button-icon-font-size@button-icon__font-size
             '' | false | value
             Drop-down toggle icon font size
         

         

             @_icon-font-line-height@button-icon-font-line-height@button-icon__line-height
             '' | false | value
             Drop-down toggle icon line height
         

         

             @_icon-font-color@button-icon-font-color@button-icon__color
             '' | false | value
             Drop-down toggle icon color
         

         

             @_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color
             '' | false | value
             Drop-down toggle icon hovered color
         

         

             @_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color
             '' | false | value
             Drop-down toggle icon active color
         

         

             @_icon-font-margin@button-icon-font-margin@button-icon__margin
             '' | false | value
             Drop-down toggle icon margin
         

             @_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align
             '' | false | value
             Drop-down toggle icon vertical align
         

         

             @_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hide
             true | false
             Text in the tag, that contains icon, is hidden
         

             @_dropdown-split-actions-padding0 @indent-xs-base0 @indent__xs
             '' | false | value
             Split button toggle element padding
         

             @_dropdown-split-list-position-top@dropdown-list-position-top@dropdown-list__position-top
             '' | false | value
             Split button drop-down list position: top
         

         

             @_dropdown-split-list-position-right@dropdown-list-position-right@dropdown-list__position-right
             '' | false | value
             Split button drop-down list position: right
         

         

             @_dropdown-split-list-position-bottom@dropdown-list-position-bottom@dropdown-list__position-bottom
             '' | false | value
             Split button drop-down list position: bottom
         

         

             @_dropdown-split-list-position-left@dropdown-list-position-left@dropdown-list__position-left
             '' | false | value
             Split button drop-down list position: left
         

         

             @_dropdown-split-list-background@dropdown-list-background@dropdown-list__background
             '' | false | value
             Split button drop-down background
         

         

             @_dropdown-split-list-border@dropdown-list-border@dropdown-list__border
             '' | false | value
             Split button drop-down border
         

         

             @_dropdown-split-list-pointer@dropdown-list-pointer@dropdown-list__pointer
             '' | false | value
             Split button drop-down list pointer
         

         

             @_dropdown-split-list-pointer-border@dropdown-list-pointer-border@dropdown-list-pointer__border
             '' | false | value
             Split button drop-down list pointer border
         

             @_dropdown-split-list-item-border@dropdown-list-item-border@dropdown-list-item__border
             '' | false | value
             Split button drop-down list item border
         

         

             @_dropdown-split-list-item-padding@dropdown-list-item-padding@dropdown-list-item__padding
             '' | false | value
             Split button drop-down list item padding
         

         

             @_dropdown-split-list-item-margin@dropdown-list-item-margin@dropdown-list-item__margin
             '' | false | value
             Split button drop-down list item margin
         

         

             @_dropdown-split-list-item-hover@dropdown-list-item-hover@dropdown-list-item__hover
             '' | false | value
             Split button drop-down list item hovered background
         

         

             @_dropdown-split-list-shadow@dropdown-list-shadow@dropdown-list__shadow
             '' | false | value
             Split button drop-down list shadow
         

         

             @_dropdown-split-list-z-index@dropdown-list-z-index@dropdown-list__z-index
             '' | false | value
             Split button drop-down list z-index
         

             @_dropdown-split-toggle-icon-content@dropdown-toggle-icon-content@dropdown-toggle-icon__content
             '' | false | value
             Split button drop-down toggle icon - default state
         

         

             @_dropdown-split-toggle-active-icon-content@dropdown-toggle-active-icon-content@dropdown-toggle-icon__active__content
             '' | false | value
             Split button drop-down toggle icon - active state
         

         

             @_icon-font@button-icon-font@button-icon__font
             '' | false | value
             Split button drop-down toggle icon font
         

         

             @_icon-font-size@button-icon-font-size@button-icon__font-size
             '' | false | value
             Split button drop-down toggle icon font size
         

         

             @_icon-font-line-height@button-icon-font-line-height@button-icon__line-height
             '' | false | value
             Split button drop-down toggle icon line height
         

         

             @_icon-font-color@button-icon-font-color@button-icon__color
             '' | false | value
             Split button drop-down toggle icon color
         

         

             @_icon-font-color-hover@button-icon-font-color-hover@button-icon__hover__font-color
             '' | false | value
             Split button drop-down toggle icon hovered color
         

         

             @_icon-font-color-active@button-icon-font-color-active@button-icon__active__font-color
             '' | false | value
             Split button drop-down toggle icon active color
         

         

             @_icon-font-margin@button-icon-font-margin@button-icon__margin
             '' | false | value
             Split button drop-down toggle icon margin
         

             @_icon-font-vertical-align@button-icon-font-vertical-align@button-icon__vertical-align
             '' | false | value
             Split button drop-down toggle icon vertical align
         

         

             @_icon-font-text-hide@button-icon-font-text-hide@button-icon__text-hide
             true | false
             The text in the toggle tag is hidden
         

             @_border@form-fieldset-border@form-fieldset__border
             0
             Fieldset border
         

         

             @_margin@form-fieldset-margin 0 0 @indent-xl-base@form-fieldset__margin 0 0 @indent__xl
             Fieldset margin
         

         

             @_padding@form-fieldset-padding@form-fieldset__padding
             0
             Fieldset padding
         

         

             @_legend-color@form-fieldset-legend-color@form-fieldset-legend__color
             false
             Legend color
         

         

             @_legend-font-size@form-fieldset-legend-font-size@form-fieldset-legend__font-size
             20px
             Legend font size
         

         

             @_legend-font-family@form-fieldset-legend-font-family@form-fieldset-legend__font-family
             false
             Legend font family
         

         

             @_legend-font-weight@form-fieldset-legend-font-weight@form-fieldset-legend__font-weight
             false
             Legend font weight
         

         

             @_legend-font-style@form-fieldset-legend-font-style@form-fieldset-legend__font-style
             false
             Legend font style
         

         

             @_legend-line-height@form-fieldset-legend-line-height@form-fieldset-legend__line-height
             1.2
             Legend line height
         

         

             @_legend-margin@form-fieldset-legend-margin0 0 @indent-m-base@form-fieldset-legend__margin0 0 @indent__m
             Legend margin
         

         

             @_legend-padding@form-fieldset-legend-padding@form-fieldset-legend__padding
             0
             Legend padding
         

         

             @_legend-width@form-fieldset-legend-width@form-fieldset-legend__width
             false
             Legend width
         

             @_border@form-field-border@form-field__border
             false
             Border of the <div class="field"> element
         

             @_column-padding@form-field-column-padding@form-field-column__padding
             0 12px 0 0
             Form fields column padding
         

         

             @_column-number@form-field-column-number@form-field-column__number
             2
             Form fields number of columns
         

         

             @_type-block-margin@form-field-type-block-margin0 0 @form-field-vertical-indent@form-field-type-block__margin0 0 @form-field__vertical-indent
             Form fields margin if @form-field-type set to is 'block'
         

         

             @_type-inline-margin@form-field-type-inline-margin0 0 @form-field-vertical-indent@form-field-type-inline__margin0 0 @form-field__vertical-indent
             Form fields margin if @form-field-type is set to 'inline'
         

         

         

             @_label-color@form-field-label-align@form-field-label__align
             false
             Field label text color
         

         

             @_label-color@form-field-label-color@form-field-label__color
             false
             Field label text color
         

         

             @_label-font-size@form-field-label-font-size@form-field-label__font-size
             false
             Field label font size
         

         

             @_label-font-family@form-field-label-font-family@form-field-label__font-family
             false
             Field label font family
         

         

             @_label-font-weight@form-field-label-font-weight@font-weight-bold@form-field-label__font-weight@font-weight__bold
             Field label font weight
         

         

              @_label-font-style@form-field-label-font-style@form-field-label__font-style
             false
             Field label font style
         

         

             @_label-line-height@form-field-label-line-height@form-field-label__line-height
             false
             Field label line height
         

         

             @_type-block-label-margin@form-field-type-block-label-margin0 0 @indent-xs-base@form-field-type-label-block__margin0 0 @indent__xs
             Field label margin if @form-field-type is set to 'block'
         

         

             @_type-inline-label-padding@form-field-type-inline-label-padding@form-field-type-inline-label-padding-top 15px 0 0@form-field-type-label-inline__padding@form-field-type-label-inline__padding-top 15px 0 0
             Field label padding if @form-field-type is set to 'inline'
         

         

             @_type-inline-label-width@form-field-type-inline-label-width@form-field-type-label-inline__width
             25.8%
             Field label width if @form-field-type is set to 'inline'
         

         

             @_type-inline-control-width@form-field-type-inline-control-width@form-field-type-control-inline__width
             74.2%
             Field control width if @form-field-type is set to 'inline'
         

             @_label-asterisk-color@form-field-label-asterisk-color@form-field-label-asterisk__color
             #da370a
             Label asterisk color
         

         

             @_label-asterisk-font-size@form-field-label-asterisk-font-size@font-size-s@form-field-label-asterisk__font-size@font-size__s
             Label asterisk font size
         

         

             @_label-asterisk-font-family@form-field-label-asterisk-font-family@form-field-label-asterisk__font-family
             false
             Label asterisk font family
         

         

             @_label-asterisk-font-weight@form-field-label-asterisk-font-weight@form-field-label-asterisk__font-weight
             false
             Label asterisk font weight
         

         

             @_label-asterisk-font-style@form-field-label-asterisk-font-style@form-field-label-asterisk__font-style
             false
             Label asterisk font style
         

         

             @_label-asterisk-line-height@form-field-label-asterisk-line-height@form-field-label-asterisk__line-height
             false
             Label asterisk line height
         

         

             @_label-asterisk-margin@form-field-label-asterisk-margin0 0 0 @indent-xs-base@form-field-label-asterisk__margin0 0 0 @indent__xs
             Label asterisk margin
         

         

         

             @_note-color@form-field-note-color@form-field-note__color
             false
             Field note text color
         

         

             @_note-font-size@form-field-note-font-size@font-size-s@form-field-note__font-size@font-size__s
             Field note font size
         

         

             @_note-font-family@form-field-note-font-family@form-field-note__font-family
             false
             Field note font family
         

         

             @_note-font-weight@form-field-note-font-weight@form-field-note__font-weight
             false
             Field note font weight
         

         

             @_note-font-style@form-field-note-font-style@form-field-note__font-style
             false
             Field note font style
         

         

             @_note-line-height@form-field-note-line-height@form-field-note__line-height
             false
             Field note line height
         

         

             @_note-margin@form-field-note-margin@form-field-note__margin
             3px 0 0
             Field note margin
         

         

             @_note-padding@form-field-note-padding@form-field-note__padding
             0
             Field note padding
         

         

             @_note-icon-font-content@form-field-note-icon-font-content@form-field-note-icon-font__content
             @icon-pointer-up
             Field note icon code
         

             @_note-icon-font-size@form-field-note-icon-font-size@form-field-note-font-size*2@form-field-note-icon-font__size@form-field-note__font-size*2
             Field note icon font size
         

         

             @_note-icon-font-line-height@form-field-note-icon-font-line-height@form-field-note-font-size@form-field-note-icon-font__line-height@form-field-note__font-size
             Field note icon line height
         

         

             @_note-icon-font-color@form-field-note-icon-font-color@form-field-note-color@form-field-note-icon-font__color@form-field-note__color
             Field note icon color
         

         

             @_note-icon-font-color-hover@form-field-note-icon-font-color-hover@form-field-note-icon-font__color-hover
             false
             Field note icon hovered color
         

         

             @_note-icon-font-color-active@form-field-note-icon-font-color-active@form-field-note-icon-font__color-active
             false
             Field note icon active color
         

         

             @_note-icon-font-margin@form-field-note-icon-font-margin@form-field-note-icon-font__margin
             false
             Field note icon margin
         

         

             @_note-icon-font-vertical-align@form-field-note-icon-font-vertical-align@icon-font-vertical-align@form-field-note-icon-font__vertical-align@icon-font__vertical-align
             Field note icon vertical align
         

         

             @_note-icon-font-position@form-field-note-icon-font-position@icon-font-position [before | after]@form-field-note-icon-font__position@icon-font__position [before | after]
             Field note icon position
         

         

             @_note-icon-font-text-hide@form-field-note-icon-font-text-hide@icon-font-text-hide [true | false]@form-field-note-icon-font__text-hide@icon-font__text-hide [true | false]
             Field note icon text hide
         

     

@@ -2480,61 +2481,61 @@ 
The .form-hasrequired
         
         
             @_position
-            @form-hasrequired-position
+            @form-hasrequired__position
             top [top | bottom]
             Position of "required fields" notice
         
         
             @_color
-            @form-hasrequired-color
-            @form-field-label-asterisk-color
+            @form-hasrequired__color
+            @form-field-label-asterisk__color
             Text color of "required fields" notice
         
         
             @_font-size
-            @form-hasrequired-font-size
-            @font-size-s
+            @form-hasrequired__font-size
+            @font-size__s
             Font size of "required fields" notice
         
         
             @_font-family
-            @form-hasrequired-font-family
+            @form-hasrequired__font-family
             false
             Font family of "required fields" notice
         
         
             @_font-weight
-            @form-hasrequired-font-weight
+            @form-hasrequired__font-weight
             false
             Font weight of "required fields" notice
         
         
             @_font-style
-            @form-hasrequired-font-style
+            @form-hasrequired__font-style
             false
             Font style of "required fields" notice
         
         
             @_line-height
-            @form-hasrequired-line-height
+            @form-hasrequired__line-height
             false
             Line height of "required fields" notice
         
         
             @_border
-            @form-hasrequired-border
+            @form-hasrequired__border
             false
             Border of "required fields" notice
         
         
             @_margin
-            @form-hasrequired-margin
-            @indent-s-base 0 0
+            @form-hasrequired__margin
+            @indent__s 0 0
             Margin of "required fields" notice
         
         
             @_padding
-            @form-hasrequired-padding
+            @form-hasrequired__padding
             false
             Padding of "required fields" notice
         
@@ -2554,60 +2555,60 @@ 
The .form-element-in
             @_type
             @form-element-input-type
             '' [input-text | select | textarea | input-radio | input-checkbox]
-            Form control type.
@form-element-input-[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input-[] variables by default. Control-specific global variables can be set up separately.
@input-text-[] is used to set up input-text controls style
@select-[] is used to set up selects style
@textarea-[] is used to set up textarea style
+            Form control type.
@form-element-input__[] global variables are used to set up all form elements style. Control-specific global variables use these @form-element-input__[] variables by default. Control-specific global variables can be set up separately.
@input-text__[] is used to set up input-text controls style
@select__[] is used to set up selects style
@textarea__[] is used to set up textarea style
         
         
             @_background
-            @form-element-input-background
@input-text-background
@selectbackground
@textarea-background
-            @color-white
@form-element-input-background
@form-element-input-background
@form-element-input-background
+            @form-element-input__background
@input-text__background
@selectbackground
@textarea__background
+            @color-white
@form-element-input__background
@form-element-input__background
@form-element-input__background
             Form control background
         
         
             @_border
-            @form-element-input-border
@input-text-border
@select-border
@textarea-border
-            1px solid @form-element-input-border-color
@form-element-input-border
@form-element-input-border
@form-element-input-border
+            @form-element-input__border
@input-text__border
@select__border
@textarea__border
+            1px solid @form-element-input__border-color
@form-element-input__border
@form-element-input__border
@form-element-input__border
             Form control border
         
         
             @_border-radius
-            @form-element-input-border-radius
@input-textborder-radius
@select-border-radius
@textarea-border-radius
-            1px
@form-element-input-border-radius
@form-element-input-border-radius
@form-element-input-border-radius
+            @form-element-input__border-radius
@input-textborder-radius
@select__border-radius
@textarea__border-radius
+            1px
@form-element-input__border-radius
@form-element-input__border-radius
@form-element-input__border-radius
             Form control border radius
         
         
             @_height
-            @form-element-input-height
@input-text-height
@select-height
@textarea-height
-            32px
@form-element-input-height
@form-element-input-height
auto
+            @form-element-input__height
@input-text__height
@select__height
@textarea__height
+            32px
@form-element-input__height
@form-element-input__height
auto
             Form control height
         
         
             @_width
-            @form-element-input-width
@input-text-width
@select-width
@textarea-width
-            100%
@form-element-input-width
@form-element-input-width
@form-element-input-width
+            @form-element-input__width
@input-text__width
@select__width
@textarea__width
+            100%
@form-element-input__width
@form-element-input__width
@form-element-input__width
             Form control width
         
         
             @_margin
-            @form-element-input-margin
@input-text-margin
@select-margin
@textarea-margin
-            false [true | false]
@form-element-input-margin
@form-element-input-margin
0
+            @form-element-input__margin
@input-text__margin
@select__margin
@textarea__margin
+            false [true | false]
@form-element-input__margin
@form-element-input__margin
0
             Form control margin
         
         
             @_padding
-            @form-element-input-padding
@input-text-padding 
@select-padding
@textarea-padding
-            0 9px
@form-element-input-padding
5px 10px 4px
@indent-s-base
+            @form-element-input__padding
@input-text__padding 
@select__padding
@textarea__padding
+            0 9px
@form-element-input__padding
5px 10px 4px
@indent__s
             Form control padding
         
         
             @_vertical-align
-            @form-element-input-vertical-align
@input-text-vertical-align
@select-vertical-align
@textarea-vertical-align
-            baseline
@form-element-input-vertical-align
@form-element-input-vertical-align
@form-element-input-vertical-align
+            @form-element-input__vertical-align
@input-text__vertical-align
@select__vertical-align
@textarea__vertical-align
+            baseline
@form-element-input__vertical-align
@form-element-input__vertical-align
@form-element-input__vertical-align
             Form control vertical align
         
         
             @_background-clip
-            @form-element-input-background-clip

@input-text-background-clip
@select-background-clip
@textarea-background-clip
-            padding-box
[padding-box | border-box | content-box]
@form-element-input-background-clip
@form-element-input-background-clip
@form-element-input-background-clip
+            @form-element-input__background-clip

@input-text__background-clip
@select__background-clip
@textarea__background-clip
+            padding-box
[padding-box | border-box | content-box]
@form-element-input__background-clip
@form-element-input__background-clip
@form-element-input__background-clip
             Form control background clip
         
         
@@ -2615,38 +2616,38 @@ 
The .form-element-in
         
         
             @_color
-            @form-element-input-color
@input-text-color
@select-color
@textarea-color
-            false
@form-element-input-color
@form-element-input-color
@form-element-input-color
+            @form-element-input__color
@input-text__color
@select__color
@textarea__color
+            false
@form-element-input__color
@form-element-input__color
@form-element-input__color
             Form control text color
         
         
             @_font-size
-            @form-element-input-font-size
@input-text-font-size
@select-font-size
@textarea-font-size
-            @font-size-base
@form-element-input-font-size
@form-element-input-font-size
@form-element-input-font-size
+            @form-element-input__font-size
@input-text__font-size
@select__font-size
@textarea__font-size
+            @font-size__base
@form-element-input__font-size
@form-element-input__font-size
@form-element-input__font-size
             Form control font size
         
         
             @_font-family
-            @form-element-input-font-family
@input-text-font-family
@select-font-family
@textarea-font-family
-            @font-family-base
@form-element-input-font-family
@form-element-input-font-family
@form-element-input-font-family
+            @form-element-input__font-family
@input-text__font-family
@select__font-family
@textarea__font-family
+            @font-family__base
@form-element-input__font-family
@form-element-input__font-family
@form-element-input__font-family
             Form control font family
         
         
             @_font-weight
-            @form-element-input-font-weight
@input-text-font-weight
@select-font-weight
@textarea-font-weight
-            false
@form-element-input-font-weight
@form-element-input-font-weight
@form-element-input-font-weight
+            @form-element-input__font-weight
@input-text__font-weight
@select__font-weight
@textarea__font-weight
+            false
@form-element-input__font-weight
@form-element-input__font-weight
@form-element-input__font-weight
             Form control font weight
         
         
             @_font-style
-            @form-element-input-font-style
@input-text-font-style
@selectfont-style
@textarea-font-style
-            false
@form-element-input-font-style
@form-element-input-font-style
@form-element-input-font-style
+            @form-element-input__font-style
@input-text__font-style
@selectfont-style
@textarea__font-style
+            false
@form-element-input__font-style
@form-element-input__font-style
@form-element-input__font-style
             Form control font style
         
         
             @_line-height
-            @form-element-input-line-height
@input-text-line-height
@select-line-height
@textarea-line-height
-            @line-height-base
@form-element-input-line-height
@form-element-input-line-height
@form-element-input-line-height
+            @form-element-input__line-height
@input-text__line-height
@select__line-height
@textarea__line-height
+            @line-height__base
@form-element-input__line-height
@form-element-input__line-height
@form-element-input__line-height
             Form control line height
         
         
@@ -2654,14 +2655,14 @@ 
The .form-element-in
         
         
             @_placeholder-color
-            @form-element-input-placeholder-color
@input-text-placeholder-color
@select-placeholder-color
@textarea-placeholder-color
-            #c2c2c2
@form-element-input-placeholder-color
@form-element-input-placeholder-color
@form-element-input-placeholder-color
+            @form-element-input-placeholder__color
@input-text-placeholder__color
@select-placeholder__color
@textarea-placeholder__color
+            #c2c2c2
@form-element-input-placeholder__color
@form-element-input-placeholder__color
@form-element-input-placeholder__color
             Form control placeholder color
         
         
             @_placeholder-font-style
-            @form-element-input-placeholder-font-style
@inputtext-placeholder-font-style
@select-placeholder-font-style
@textarea-placeholder-font-style
-            @form-element-input-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
@form-element-input-placeholder-font-style
+            @form-element-input-placeholder__font-style
@inputtext-placeholder-font-style
@select-placeholder__font-style
@textarea-placeholder__font-style
+            @form-element-input__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
@form-element-input-placeholder__font-style
             Form control placeholder font style
         
         
@@ -2669,32 +2670,32 @@ 
The .form-element-in
         
         
             @_disabled-background
-            @form-element-input-disabled-background
@inputtextdisabled-background
@select-disabled-background
@textarea-disabled-background
-            @form-element-input-background
@form-element-input-disabled-background
@form-element-input-disabled-background
@form-element-input-disabled-background
+            @form-element-input__disabled__background
@inputtextdisabled-background
@select__disabled__background
@textarea__disabled__background
+            @form-element-input__background
@form-element-input__disabled__background
@form-element-input__disabled__background
@form-element-input__disabled__background
             Disabled form element background
         
         
             @_disabled-border
-            @form-element-input-disabled-border
@input-text-disabled-border
@select-disabled-border
@textarea-disabled-border
-            @form-element-input-border
@form-element-input-disabled-border
@form-element-input-disabled-border
@form-element-input-disabled-border
+            @form-element-input__disabled__border
@input-text__disabled__border
@select__disabled__border
@textarea__disabled__border
+            @form-element-input__border
@form-element-input__disabled__border
@form-element-input__disabled__border
@form-element-input__disabled__border
             Disabled form element border
         
         
             @_disabled-opacity
-            @form-element-input-disabled-opacity
@input-text-disabled-opacity
@select-disabled-opacity
@textarea-disabled-opacity
-            .5
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
@form-element-input-disabled-opacity
+            @form-element-input__disabled__opacity
@input-text__disabled__opacity
@select__disabled__opacity
@textarea__disabled__opacity
+            .5
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
@form-element-input__disabled__opacity
             Disabled form element opacity
         
         
             @_disabled-color
-            @form-element-input-disabled-color
@input-text-disabled-color
@select-disabled-color
@textarea-disabled-color
-            @form-element-input-color
@form-element-input-disabled-color
@form-element-input-disabled-color
@form-element-input-disabled-color
+            @form-element-input__disabled__color
@input-text__disabled__color
@select__disabled__color
@textarea__disabled__color
+            @form-element-input__color
@form-element-input__disabled__color
@form-element-input__disabled__color
@form-element-input__disabled__color
             Disabled form element text color
         
         
             @_disabled-font-style
-            @form-element-input-disabled-font-style
@input-text-disabled-font-style
@select-disabled-font-style
@textarea-disabled-font-style
-            @form-element-input-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
@form-element-input-disabled-font-style
+            @form-element-input__disabled__font-style
@input-text__disabled__font-style
@select__disabled__font-style
@textarea__disabled__font-style
+            @form-element-input__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
@form-element-input__disabled__font-style
             Disabled form element font style
         
         
@@ -2702,26 +2703,26 @@ 
The .form-element-in
         
         
             @_focus-background
-            @form-element-input-focus-background
@input-text-focus-background
@select-focus-background
@textarea-focus-background
-            @form-element-input-background
@form-element-input-focus-background
@form-element-input-focus-background
@form-element-input-focus-background
+            @form-element-input__focus__background
@input-text__focus__background
@select__focus__background
@textarea__focus__background
+            @form-element-input__background
@form-element-input__focus__background
@form-element-input__focus__background
@form-element-input__focus__background
             Focused form element background
         
         
             @_focus-border
-            @form-element-input-focus-border
@input-text-focus-border
@select-focus-border
@textarea-focus-border
-            @form-element-input-border
@form-element-input-focus-border
@form-element-input-focus-border
@form-element-input-focus-border
+            @form-element-input__focus__border
@input-text__focus__border
@select__focus__border
@textarea__focus__border
+            @form-element-input__border
@form-element-input__focus__border
@form-element-input__focus__border
@form-element-input__focus__border
             Focused form element border
         
         
             @_focus-color
-            @form-element-input-focus-color
@input-text-focus-color
@select-focus-color
@textarea-focus-color
-            @form-element-input-color
@form-element-input-focus-color
@form-element-input-focus-color
@form-element-input-focus-color
+            @form-element-input__focus__color
@input-text__focus__color
@select__focus__color
@textarea__focus__color
+            @form-element-input__color
@form-element-input__focus__color
@form-element-input__focus__color
@form-element-input__focus__color
             Focused form element color
         
         
             @_focus-font-style
-            @form-element-input-focus-font-style
@input-text-focus-font-style
@select-focus-font-style
@textarea-focus-font-style
-            @form-element-input-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
@form-element-input-focus-font-style
+            @form-element-input__focus__font-style
@input-text__focus__font-style
@select__focus__font-style
@textarea__focus__font-style
+            @form-element-input__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
@form-element-input__focus__font-style
             Focused form element font style
         
     
@@ -2738,26 +2739,26 @@ 
The .form-element-c
         
         
             @_type
-            @form-element-choice-type
+            @form-element-choice__type
             '' ['' | radio | checkbox]
             Choice element type
         
         
             @_vertical-align
-            @form-element-choice-vertical-align
@input-radio-vertical-align
@input-checkbox-vertical-align
-            false
@form-element-choice-vertical-align
@form-element-choice-vertical-align
+            @form-element-choice__vertical-align
@input-radio__vertical-align
@input-checkbox__vertical-align
+            false
@form-element-choice__vertical-align
@form-element-choice__vertical-align
             Choice element vertical align
         
         
             @_margin
-            @form-element-choice-margin
@input-radio-margin
@input-checkbox-margin
-            2px @indent-xs-base 0 0
@form-element-choice-margin
@form-element-choice-margin
+            @form-element-choice__margin
@input-radio__margin
@input-checkbox__margin
+            2px @indent__xs 0 0
@form-element-choice__margin
@form-element-choice__margin
             Choice element margin
         
         
             @_disabled-opacity
-            @form-element-choice-disabled-opacity
@input-radio-disabled-opacity
@input-checkbox-disabled-opacity
-            @form-element-input-disabled-opacity
@form-element-choice-disabled-opacity
@form-element-choice-disabled-opacity
+            @form-element-choice__disabled__opacity
@input-radio__disabled__opacity
@input-checkbox__disabled__opacity
+            @form-element-input__disabled__opacity
@form-element-choice__disabled__opacity
@form-element-choice__disabled__opacity
             Disabled choice element opacity
         
     
@@ -2774,122 +2775,122 @@ 
The .form-validati
         
         
             @_note-color
-            @form-validation-note-color-error
-            @color-error
+            @form-validation-note__color-error
+            @error__color
             Validation note text color
         
         
             @_note-font-size
-            @form-validation-note-font-size
-            @font-size-s
+            @form-validation-note__font-size
+            @font-size__s
             Validation note font size
         
         
             @_note-font-family
-            @form-validation-note-font-family
+            @form-validation-note__font-family
             false
             Validation note font family
         
         
             @_note-font-style
-            @form-validation-note-font-style
+            @form-validation-note__font-style
             false
             Validation note font style
         
         
             @_note-font-weight
-            @form-validation-note-font-weight
+            @form-validation-note__font-weight
             false
             Validation note font weight
         
         
             @_note-line-height
-            @form-validation-note-line-height
+            @form-validation-note__line-height
             false
             Validation note line height
         
         
             @_note-margin
-            @form-validation-note-margin
+            @form-validation-note__margin
             3px 0 0
             Validation note margin
         
         
             @_note-padding
-            @form-validation-note-padding
+            @form-validation-note__padding
             false
             Validation note padding
         
         
             @_note-icon-use
-            @form-validation-note-icon-use
+            @form-validation-note-icon__use
             false [true | false]
             Show validation note icon
         
         
             @_note-icon-font-content
-            @form-validation-note-icon-font-content
+            @form-validation-note-icon__font-content
             @icon-pointer-up
             Validation note icon code
         
         
             @_note-icon-font
-            @form-validation-note-icon-font
+            @form-validation-note-icon__font
             @icon-font
             Validation note icon font
         
         
             @_note-icon-font-size
-            @form-validation-note-icon-font-size
-            @form-validation-note-font-size * 2
+            @form-validation-note-icon__font-size
+            @form-validation-note__font-size * 2
             Validation note icon font size
         
         
             @_note-icon-font-line-height
-            @form-validation-note-icon-font-line-height
-            @form-validation-note-font-size
+            @form-validation-note-icon__font-line-height
+            @form-validation-note__font-size
             Validation note icon line height
         
         
             @_note-icon-font-color
-            @form-validation-note-icon-font-color
-            @form-validation-note-color-error
+            @form-validation-note-icon__font-color
+            @form-validation-note__color-error
             Validation note icon color
         
         
             @_note-icon-font-color-hover
-            @form-validation-note-icon-font-color-hover
+            @form-validation-note-icon__font-color-hover
             false
             Hovered validation note icon color
         
         
             @_note-icon-font-color-active
-            @form-validation-note-icon-font-color-active
+            @form-validation-note-icon__font-color-active
             false
             Active validation note icon color
         
         
             @_note-icon-font-margin
-            @form-validation-note-icon-font-margin
+            @form-validation-note-icon__font-margin
             false
             Validation note icon margin
         
         
             @_note-icon-font-vertical-align
-            @form-validation-note-icon-font-vertical-align
-            @icon-font-vertical-align
+            @form-validation-note-icon__font-vertical-align
+            @icon-font__vertical-align
             Validation note icon vertical align
         
         
             @_note-icon-font-position
-            @form-validation-note-icon-font-position
-            @icon-font-position
+            @form-validation-note-icon__font-position
+            @icon-font__position
             Validation note icon position
         
         
             @_note-icon-font-text-hide
-            @form-validation-note-icon-font-text-hide
-            @icon-font-text-hide
+            @form-validation-note-icon__font-text-hide
+            @icon-font__text-hide
             Validation note icon text hide
         
     
@@ -2913,7 +2914,7 @@ 
The .icon-font() mixi
       
       
         @_icon-font
-        @icon-font-name
+        @icons__font-name
         '' | false | value
         The icon font
       
@@ -2925,7 +2926,7 @@ 
The .icon-font() mixi
       
       
         @_icon-font-line-height
-        @icon-font-size
+        @icon-font__size
         '' | false | value
         Font icon line height
       
@@ -2949,25 +2950,25 @@ 
The .icon-font() mixi
       
       
         @_icon-font-margin
-        @icon-margin
+        @icon__margin
         '' | false | value
         Font icon margin
       
       
         @_icon-font-vertical-align
-        @icon-vertical-align
+        @icon__vertical-align
         '' | false | value
         Font icon vertical align
       
       
         @_icon-font-position
-        @icon-position
+        @icon__position
         before | after
         Font icon position
       
       
         @_icon-font-text-hide
-        @icon-text-hide
+        @icon__text-hide
         true | false
         The text of the element is replaced with the icon(true), or the icon is on the side of the text (false)
       
@@ -3156,19 +3157,19 @@ 
Layout variables

             Comment
         
         
-            @layout-width
+            @layout__width
             ''
             '' | false | value
             Page minimum width
         
         
-            @layout-max-width
+            @layout__max-width
             1280px
             '' | false | value
             Page maximum width
         
         
-            @layout-indent
+            @layout-indent__width
             20px
             '' | false | value
             Page indents on the left and right
@@ -3183,13 +3184,13 @@ 
Layout variables

             Class name for one column layout
         
         
-            @layout-class-2columns-left
+            @layout-class-2columns__left
             page-layout-2columns-left
             '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
             Class name for two columns layout with left sidebar
         
         
-            @layout-class-2columns-right
+            @layout-class-2columns__right
             page-layout-2columns-right
             '' | false | page-layout-1column | page-layout-2columns-left | page-layout-2columns-right | page-layout-3columns
             Class name for two columns layout with right sidebar
@@ -3219,26 +3220,26 @@ 
Layout variables

             Variables for layout columns
         
         
-            @layout-columns-width
+            @layout-column__width
             @total-columns
             '' | false | value
             Sets base columns number
         
         
-            @layout-column-sidebar-width
+            @layout-column__sidebar-width
             2
             '' | false | value
             Sets sidebar width
         
         
-            @layout-column-left-width
-            @layout-column-sidebar-width
+            @layout-column__left-width
+            @layout-column__sidebar-width
             '' | false | value
             Sets left column width
         
         
-            @layout-column-right-width
-            @layout-column-sidebar-width
+            @layout-column__right-width
+            @layout-column__sidebar-width
             '' | false | value
             Sets right column width
         
@@ -3246,26 +3247,26 @@ 
Layout variables

             Variables for layout columns depending on layout used
         
         
-            @layout-column-main-width-1
+            @layout-column-main__width-1
             100%
             '' | false | value
             Sets one column width
         
         
-            @layout-column-main-width-2-left
-            @layout-columns-width - @layout-column-left-width
+            @layout-column-main__width-2-left
+            @layout-column__width - @layout-column__left-width
             '' | false | value
             Sets left column width
         
         
-            @layout-column-main-width-2-right
-            @layout-columns-width - @layout-column-right-width
+            @layout-column-main__width-2-right
+            @layout-column__width - @layout-column__right-width
             '' | false | value
             Sets right column width
         
         
-            @layout-column-main-width-3
-            @layout-columns-width - @layout-column-left-width - @layout-column-right-width
+            @layout-column-main__width-3
+            @layout-column__width - @layout-column__left-width - @layout-column__right-width
             '' | false | value
             Sets three columns layout main column width
         
@@ -3359,31 +3360,31 @@ 
The .loader() mixin var
       
       
         @_loader-text-color
-        @color-primary
+        @primary__color
         '' | false | value
         Loader text color
       
       
         @_loader-text-font-size
-        @font-size-base
+        @font-size__base
         '' | false | value
         Loader text font size
       
       
         @_loader-text-font-family
-        @font-family-base
+        @font-family__base
         '' | false | value
         Loader text font family
       
       
         @_loader-text-font-weight
-        @font-weight-base
+        @font-weight__regular
         '' | false | value
         Loader text font weight
       
       
         @_loader-text-font-style
-        @font-style-base
+        @font-style__base
         '' | false | value
         Loader text font style
       
@@ -3407,12 +3408,12 @@ 
The .loading() mixin v
       
       
         @_loading-background-color
-        @loader-overlay-background-color
+        @loader-overlay__background-color
         Loading overlay background color
       
       
         @_loading-background-image
-        @loader-icon-background-image
+        @loader-icon__background-image
         Loading overlay background z-index
       
     
@@ -3429,19 +3430,19 @@ 
The .message() mixin v
             Comment
         
         
-            @message-padding
-            @indent-s-base @indent-base
+            @message__padding
+            @indent__s @indent__base
             '' | value
             Message padding
         
         
-            @message-margin
-            @indent-xs-base 0
+            @message__margin
+            @indent__xs 0
             '' | value
             Message margin
         
         
-            @message-color
+            @message__color
             false
             true | false
             Each message type has its own message color
@@ -3450,31 +3451,31 @@ 
The .message() mixin v
             Messages font style
         
         
-            @message-font-size
+            @message__font-size
             13px
             '' | false | value
             Message font size
         
         
-            @message-font-family
+            @message__font-family
             false
             '' | false | value
             Message font family
         
         
-            @message-font-style
+            @message__font-style
             false
             '' | false | value
             Message font style
         
         
-            @message-font-weight
+            @message__font-weight
             false
             '' | false | value
             Message font weight
         
         
-            @message-line-height
+            @message__line-height
             1.2em
             '' | false | value
             Message line height
@@ -3483,55 +3484,55 @@ 
The .message() mixin v
             Message icon setup
         
         
-            @message-icon-font-size
-            ceil(@message-font-size * 2 + 2)
+            @message-icon__font-size
+            ceil(@message__font-size * 2 + 2)
             '' | false | value
             Message icon font size
         
         
-            @message-icon-font-line-height
-            @message-icon-font-size
+            @message-icon__font-line-height
+            @message-icon__font-size
             '' | false | value
             Message icon line height
         
         
-            @message-icon-inner-padding-left
+            @message-icon__inner-padding-left
             40px
             '' | false | value
             Message icon padding left
         
         
-            @message-icon-lateral-width
+            @message-icon__lateral-width
             30px
             '' | false | value
             Message icon lateral width
         
         
-            @message-icon-lateral-arrow-size
+            @message-icon__lateral-arrow-size
             5px
             '' | false | value
             Message icon arrow size
         
         
-            @message-icon-top
+            @message-icon__top
             18px
             '' | false | value
             Message icon top position
         
         
-            @message-icon-right
+            @message-icon__right
             false
             '' | false | value
             Message icon right position
         
         
-            @message-icon-bottom
+            @message-icon__bottom
             false
             '' | false | value
             Message icon bottom position
         
         
-            @message-icon-left
+            @message-icon__left
             0
             '' | false | value
             Message icon left position
@@ -3540,25 +3541,25 @@ 
The .message() mixin v
             Message border
         
         
-            @message-border-width
+            @message__border-width
             false
             '' | false | value
             Message border width
         
         
-            @message-border-color
+            @message__border-color
             false
             '' | false | value
             Message border color
         
         
-            @message-border-style
+            @message__border-style
             false
             '' | false | value
             Message border style
         
         
-            @message-border-radius
+            @message__border-radius
             false
             '' | false | value
             Message border radius
@@ -3567,38 +3568,38 @@ 
The .message() mixin v
             Information message
         
         
-            @message-info-color
+            @message-info__color
             #6f4400
             '' | false | value
             Information message text color
         
         
-            @message-info-background
+            @message-info__background
             #fdf0d5
             '' | false | value
             Information message background
         
         
-            @message-info-link-color
-            @link-color
+            @message-info-link__color
+            @link__color
             '' | false | value
             Information message link color
         
         
-            @message-info-link-color-hover
-            @link-color-hover
+            @message-info-link__color-hover
+            @link__hover__color
             '' | false | value
             Information message hovered link color
         
         
-            @message-info-link-color-active
-            @link-color-hover
+            @message-info-link__color-active
+            @link__hover__color
             '' | false | value
             Information message active link color 
         
         
-            @message-info-border-color
-            @message-border-color
+            @message-info__border-color
+            @message__border-color
             '' | false | value
             Information message border color
         
@@ -3609,44 +3610,44 @@ 
The .message() mixin v
             Information message icon symbol code
         
         
-            @message-info-icon-color-inner
+            @message-info-icon__color-inner
             #c07600
             '' | false | value
             Information message icon symbol color 
         
         
-            @message-info-icon-color-lateral
+            @message-info-icon__color-lateral
             @color-white
             '' | false | value
             Information message lateral icon symbol color
         
         
-            @message-info-icon-background
+            @message-info-icon__background
             #6f4400
             '' | false | value
             Information message icon background
         
         
-            @message-info-icon-top
-            @message-icon-top
+            @message-info-icon__top
+            @message-icon__top
             '' | false | value
             Message icon top position
         
         
-            @message-info-icon-right
-            @message-icon-right
+            @message-info-icon__right
+            @message-icon__right
             '' | false | value
             Message icon right position
         
         
-            @message-info-icon-bottom
-            @message-icon-bottom
+            @message-info-icon__bottom
+            @message-icon__bottom
             '' | false | value
             Message icon bottom position
         
         
-            @message-info-icon-left
-            @message-icon-left
+            @message-info-icon__left
+            @message-icon__left
             '' | false | value
             Message icon left position
         
@@ -3654,38 +3655,38 @@ 
The .message() mixin v
             Warning message
         
         
-            @message-warning-color
-            @message-info-color
+            @message-warning__color
+            @message-info__color
             '' | false | value
             Warning message text color
         
         
-            @message-warning-background
-            @message-info-background
+            @message-warning__background
+            @message-info__background
             '' | false | value
             Warning message background
         
         
-            @message-warning-link-color
-            @message-info-link-color
+            @message-warning-link__color
+            @message-info-link__color
             '' | false | value
             Warning message link color
         
         
-            @message-warning-link-color-hover
-            @message-info-link-color-hover
+            @message-warning-link__color-hover
+            @message-info-link__color-hover
             '' | false | value
             Warning message hovered link color
         
         
-            @message-warning-link-color-active
-            @message-info-link-color-active
+            @message-warning-link__color-active
+            @message-info-link__color-active
             '' | false | value
             Warning message active link color 
         
         
-            @message-info-border-color
-            @message-info-border-color
+            @message-info__border-color
+            @message-info__border-color
             '' | false | value
             Warning message border color
         
@@ -3696,44 +3697,44 @@ 
The .message() mixin v
             Warning message icon symbol code
         
         
-            @message-warning-icon-color-inner
-            @message-info-icon-color-inner
+            @message-warning-icon__color-inner
+            @message-info-icon__color-inner
             '' | false | value
             Warning message icon symbol color 
         
         
-            @message-warning-icon-color-lateral
-            @message-info-icon-color-lateral
+            @message-warning-icon__color-lateral
+            @message-info-icon__color-lateral
             '' | false | value
             Warning message lateral icon symbol color
         
         
-            @message-warning-icon-background
-            @message-info-icon-background
+            @message-warning-icon__background
+            @message-info-icon__background
             '' | false | value
             Warning message icon background
         
         
-            @message-warning-icon-top
-            @message-icon-top
+            @message-warning-icon__top
+            @message-icon__top
             '' | false | value
             Message icon top position
         
         
-            @message-warning-icon-right
-            @message-icon-right
+            @message-warning-icon__right
+            @message-icon__right
             '' | false | value
             Message icon right position
         
         
-            @message-warning-icon-bottom
-            @message-icon-bottom
+            @message-warning-icon__bottom
+            @message-icon__bottom
             '' | false | value
             Message icon bottom position
         
         
-            @message-warning-icon-left
-            @message-icon-left
+            @message-warning-icon__left
+            @message-icon__left
             '' | false | value
             Message icon left position
         
@@ -3741,38 +3742,38 @@ 
The .message() mixin v
             Error message
         
         
-            @message-error-color
-            @color-error
+            @message-error__color
+            @error__color
             '' | false | value
             Error message text color
         
         
-            @message-error-background
+            @message-error__background
             #fae5e5
             '' | false | value
             Error message background
         
         
-            @message-error-link-color
-            @link-color
+            @message-error-link__color
+            @link__color
             '' | false | value
             Error message link color
         
         
-            @message-error-link-color-hover
-            @link-color-hover
+            @message-error-link__color-hover
+            @link__hover__color
             '' | false | value
             Error message hovered link color
         
         
-            @message-error-link-color-active
-            @link-color-hover
+            @message-error-link__color-active
+            @link__hover__color
             '' | false | value
             Error message active link color 
         
         
-            @message-error-border-color
-            @message-border-color
+            @message-error__border-color
+            @message__border-color
             '' | false | value
             Error message border color
         
@@ -3783,44 +3784,44 @@ 
The .message() mixin v
             Error message icon symbol code
         
         
-            @message-error-icon-color-inner
+            @message-error-icon__color-inner
             #b30000
             '' | false | value
             Error message icon symbol color 
         
         
-            @message-error-icon-color-lateral
+            @message-error-icon__color-lateral
             @color-white
             '' | false | value
             Error message lateral icon symbol color
         
         
-            @message-error-icon-background
+            @message-error-icon__background
             #b30000
             '' | false | value
             Error message icon background
         
         
-            @message-error-icon-top
-            @message-icon-top
+            @message-error-icon__top
+            @message-icon__top
             '' | false | value
             Message icon top position
         
         
-            @message-error-icon-right
-            @message-icon-right
+            @message-error-icon__right
+            @message-icon__right
             '' | false | value
             Message icon right position
         
         
-            @message-error-icon-bottom
-            @message-icon-bottom
+            @message-error-icon__bottom
+            @message-icon__bottom
             '' | false | value
             Message icon bottom position
         
         
-            @message-error-icon-left
-            @message-icon-left
+            @message-error-icon__left
+            @message-icon__left
             '' | false | value
             Message icon left position
         
@@ -3828,38 +3829,38 @@ 
The .message() mixin v
             Success message
         
         
-            @message-success-color
+            @message-success__color
             #006400
             '' | false | value
             Success message text color
         
         
-            @message-success-background
+            @message-success__background
             #e5efe5
             '' | false | value
             Success message background
         
         
-            @message-success-link-color
-            @link-color
+            @message-success-link__color
+            @link__color
             '' | false | value
             Success message link color
         
         
-            @message-success-link-color-hover
-            @link-color-hover
+            @message-success-link__color-hover
+            @link__hover__color
             '' | false | value
             Success message hovered link color
         
         
-            @message-success-link-color-active
-            @link-color-hover
+            @message-success-link__color-active
+            @link__hover__color
             '' | false | value
             Success message active link color 
         
         
-            @message-success-border-color
-            @message-border-color
+            @message-success__border-color
+            @message__border-color
             '' | false | value
             Success message border color
         
@@ -3870,44 +3871,44 @@ 
The .message() mixin v
             Success message icon symbol code
         
         
-            @message-success-icon-color-inner
+            @message-success-icon__color-inner
             #006400
             '' | false | value
             Success message icon symbol color 
         
         
-            @message-success-icon-color-lateral
+            @message-success-icon__color-lateral
             @color-white
             '' | false | value
             Success message lateral icon symbol color
         
         
-            @message-success-icon-background
+            @message-success-icon__background
             #006400
             '' | false | value
             Success message icon background
         
         
-            @message-success-icon-top
-            @message-icon-top
+            @message-success-icon__top
+            @message-icon__top
             '' | false | value
             Message icon top position
         
         
-            @message-success-icon-right
-            @message-icon-right
+            @message-success-icon__right
+            @message-icon__right
             '' | false | value
             Message icon right position
         
         
-            @message-success-icon-bottom
-            @message-icon-bottom
+            @message-success-icon__bottom
+            @message-icon__bottom
             '' | false | value
             Message icon bottom position
         
         
-            @message-success-icon-left
-            @message-icon-left
+            @message-success-icon__left
+            @message-icon__left
             '' | false | value
             Message icon left position
         
@@ -3915,38 +3916,38 @@ 
The .message() mixin v
             Notice message
         
         
-            @message-notice-color
-            @message-info-color
+            @message-notice__color
+            @message-info__color
             '' | false | value
             Notice message text color
         
         
-            @message-notice-background
-            @message-info-background
+            @message-notice__background
+            @message-info__background
             '' | false | value
             Notice message background
         
         
-            @message-notice-link-color
-            @message-info-link-color
+            @message-notice-link__color
+            @message-info-link__color
             '' | false | value
             Notice message link color
         
         
-            @message-notice-link-color-hover
-            @message-info-link-color-hover
+            @message-notice-link__color-hover
+            @message-info-link__color-hover
             '' | false | value
             Notice message hovered link color
         
         
-            @message-notice-link-color-active
-            @message-info-link-color-active
+            @message-notice-link__color-active
+            @message-info-link__color-active
             '' | false | value
             Notice message active link color 
         
         
-            @message-notice-border-color
-            @message-info-border-color
+            @message-notice__border-color
+            @message-info__border-color
             '' | false | value
             Notice message border color
         
@@ -3957,44 +3958,44 @@ 
The .message() mixin v
             Notice message icon symbol code
         
         
-            @message-notice-icon-color-inner
-            @message-info-icon-color-inner
+            @message-notice-icon__color-inner
+            @message-info-icon__color-inner
             '' | false | value
             Notice message icon symbol color 
         
         
-            @message-notice-icon-color-lateral
-            @message-info-icon-color-lateral
+            @message-notice-icon__color-lateral
+            @message-info-icon__color-lateral
             '' | false | value
             Notice message lateral icon symbol color
         
         
-            @message-notice-icon-background
-            @message-info-icon-background
+            @message-notice-icon__background
+            @message-info-icon__background
             '' | false | value
             Notice message icon background
         
         
-            @message-notice-icon-top
-            @message-icon-top
+            @message-notice-icon__top
+            @message-icon__top
             '' | false | value
             Message icon top position
         
         
-            @message-notice-icon-right
-            @message-icon-right
+            @message-notice-icon__right
+            @message-icon__right
             '' | false | value
             Message icon right position
         
         
-            @message-notice-icon-bottom
-            @message-icon-bottom
+            @message-notice-icon__bottom
+            @message-icon__bottom
             '' | false | value
             Message icon bottom position
         
         
-            @message-notice-icon-left
-            @message-icon-left
+            @message-notice-icon__left
+            @message-icon__left
             '' | false | value
             Message icon left position
         
@@ -4031,13 +4032,13 @@ 
The .pager() mixin varia
         
         
             @_pager-font-size
-            @font-size-s
+            @font-size__s
             '' | false | value
             Pager font size
         
         
             @_pager-font-weight
-            @font-weight-bold
+            @font-weight__bold
             '' | false | value
             Pager font weight
         
@@ -4070,13 +4071,13 @@ 
The .pager() mixin varia
         
         
             @_pager-current-font-weight
-            @font-weight-bold;
+            @font-weight__bold;
             '' | false | value
             Current page number font weight
         
         
             @_pager-current-color
-            @color-primary
+            @primary__color
             '' | false | value
             Current page number color
         
@@ -4105,13 +4106,13 @@ 
The .pager() mixin varia
             Direction of current page number background gradient (if there is any)
         
         
-            @_pager-current-gradient-start-color
+            @_pager-current-gradient-color-start
             false
             '' | false | value
             Current page number gradient start color
         
         
-            @_pager-current-gradient-end-color
+            @_pager-current-gradient-color-end
             false
             '' | false | value
             Current page number gradient end color
@@ -4136,7 +4137,7 @@ 
The .pager() mixin varia
         
         
             @_pager-color
-            @link-color
+            @link__color
             '' | false | value
             Pager item color
         
@@ -4159,13 +4160,13 @@ 
The .pager() mixin varia
             Pager item background
         
         
-            @_pager-gradient-start-color
+            @_pager-gradient-color-start
             false
             '' | false | value
             Pager item gradient start color
         
         
-            @_pager-gradient-end-color
+            @_pager-gradient-color-end
             false
             '' | false | value
             Pager item gradient end color
@@ -4175,7 +4176,7 @@ 
The .pager() mixin varia
         
         
             @_pager-color-visited
-            @link-color-visited
+            @link__visited__color
             '' | false | value
             Pager item visited color
         
@@ -4192,13 +4193,13 @@ 
The .pager() mixin varia
             Pager item visited background
         
         
-            @_pager-gradient-start-color-visited
+            @_pager-gradient-color-start-visited
             false
             '' | false | value
             Pager item visited gradient start color
         
         
-            @_pager-gradient-end-color-visited
+            @_pager-gradient-color-end-visited
             false
             '' | false | value
             Pager item visited gradient end color
@@ -4208,7 +4209,7 @@ 
The .pager() mixin varia
         
         
             @_pager-color-hover
-            @link-color-hover
+            @link__hover__color
              
             Pager item hover color
         
@@ -4231,13 +4232,13 @@ 
The .pager() mixin varia
             Pager item hover background
         
         
-            @_pager-gradient-start-color-hover
+            @_pager-gradient-color-start-hover
             false
             '' | false | value
             Pager item hover gradient start color
         
         
-            @_pager-gradient-end-color-hover
+            @_pager-gradient-color-end-hover
             false
             '' | false | value
             Pager item hover gradient end color
@@ -4247,7 +4248,7 @@ 
The .pager() mixin varia
         
         
             @_pager-color-active
-            @link-color-hover
+            @link__hover__color
             '' | false | value
             Pager item active color
         
@@ -4264,13 +4265,13 @@ 
The .pager() mixin varia
             Pager item active background
         
         
-            @_pager-gradient-start-color-active
+            @_pager-gradient-color-start-active
             false
             '' | false | value
             Pager item active  gradient start color
         
         
-            @_pager-gradient-end-color-active
+            @_pager-gradient-color-end-active
             false
             '' | false | value
             Pager item active  gradient end color
@@ -4334,7 +4335,7 @@ 
The .pager() mixin varia
         
         
             @_pager-icon-font-line-height
-            @icon-font-line-height
+            @icon-font__line-height
             '' | false | value
             Icon font line height
         
@@ -4358,36 +4359,36 @@ 
The .pager() mixin varia
         
         
             @_pager-action-color
-            @text-color-muted
+            @text__color__muted
             '' | false | value
             Pager action color
         
         
             @_pager-action-border
-            @border-width-base solid @border-color-base
+            @border-width__base solid @border-color__base
             '' | false | value
             Pager action border
         
         
             @_pager-action-text-decoration
-            @pager-text-decoration
+            @pager__text-decoration
             '' | false | value
             Pager action text decoration
         
         
             @_pager-action-background
-            @pager-background
+            @pager__background
             '' | false | value
             Pager action background
         
         
-            @_pager-action-gradient-start-color
+            @_pager-action-gradient-color-start
             flase
             '' | false | value
             Pager action gradient start color
         
         
-            @_pager-action-gradient-end-color
+            @_pager-action-gradient-color-end
             flase
             '' | false | value
             Pager action gradient end color
@@ -4397,7 +4398,7 @@ 
The .pager() mixin varia
         
         
             @_pager-action-color-visited
-            @pager-action-color
+            @pager-action__color
             '' | false | value
             Pager action visited color
         
@@ -4414,13 +4415,13 @@ 
The .pager() mixin varia
             Pager action visited background
         
         
-            @_pager-action-gradient-start-color-visited
+            @_pager-action-gradient-color-start-visited
             flase
             '' | false | value
             Pager action visited gradient start color
         
         
-            @_pager-action-gradient-end-color-visited
+            @_pager-action-gradient-color-end-visited
             flase
             '' | false | value
             Pager action visited gradient end color
@@ -4430,7 +4431,7 @@ 
The .pager() mixin varia
         
         
             @_pager-action-color-hover
-            @pager-action-color
+            @pager-action__color
             '' | false | value
             Pager action hover color
         
@@ -4442,7 +4443,7 @@ 
The .pager() mixin varia
         
         
             @_pager-action-text-decoration-hover
-            @pager-text-decoration-hover
+            @pager__hover__text-decoration
             '' | false | value
             Pager action hover text decoration
         
@@ -4453,13 +4454,13 @@ 
The .pager() mixin varia
             Pager action hover background
         
         
-            @_pager-action-gradient-start-color-hover
+            @_pager-action-gradient-color-start-hover
             flase
             '' | false | value
             Pager action hover gradient start color
         
         
-            @_pager-action-gradient-end-color-hover
+            @_pager-action-gradient-color-end-hover
             flase
             '' | false | value
             Pager action hover gradient end color
@@ -4469,7 +4470,7 @@ 
The .pager() mixin varia
         
         
             @_pager-action-color-active
-            @pager-action-color
+            @pager-action__color
             '' | false | value
             Pager action active color
         
@@ -4486,13 +4487,13 @@ 
The .pager() mixin varia
             Pager action active background
         
         
-            @_pager-action-gradient-start-color-active
+            @_pager-action-gradient-color-start-active
             flase
             '' | false | value
             Pager action active gradient start color
         
         
-            @_pager-action-gradient-end-color-active
+            @_pager-action-gradient-color-end-active
             flase
             '' | false | value
             Pager action active gradient end color
@@ -4711,55 +4712,55 @@ 
The .popup() mixin varia
       
       
         @_popup-icon-font
-        @button-icon-font
+        @button-icon__font
         '' | false | value
         Popup icon font
       
       
         @_popup-icon-font-size
-        @button-icon-font-size
+        @button-icon__font-size
         '' | false | value
         Popup icon font size
       
       
         @_popup-icon-font-line-height
-        @button-icon-font-line-height
+        @button-icon__line-height
         '' | false | value
         Popup icon line height
       
       
         @_popup-icon-font-color
-        @button-icon-font-color
+        @button-icon__color
         '' | false | value
         Popup icon color
       
       
         @_popup-icon-font-color-hover
-        @button-icon-font-color-hover
+        @button-icon__hover__font-color
         '' | false | value
         Hovered popup icon color
       
       
         @_popup-icon-font-color-active
-        @popup-icon-font-color-active
+        @popup-icon-font__color-active
         '' | false | value
         Active popup icon color
       
       
         @_popup-icon-font-margin
-        @button-icon-font-margin
+        @button-icon__margin
         '' | false | value
         Popup icon  margin
       
       
         @_popup-icon-font-vertical-align
-        @button-icon-font-vertical-align
+        @button-icon__vertical-align
         '' | false | value
         Popup icon vertical align
       
       
         @_popup-icon-font-position
-        @button-icon-font-position
+        @button-icon__position
         '' | false | value
         Popup icon position
       
@@ -4773,68 +4774,68 @@ 
The .popup() mixin varia
         Actions toolbar parameters
       
       
-        @_popup-action-toolbar
+        @_popup-actions-toolbar
         false
         true | false
         Actions toolbar is displayed
       
       
         @_popup-actions-toolbar-actions-position
-        @actions-toolbar-actions-position
+        @actions-toolbar-actions__position
         justify | left | right | center
         Actions toolbar position
       
       
         @_popup-actions-toolbar-actions-reverse
-        @actions-toolbar-actions-reverse
+        @actions-toolbar-actions__reverse
         true | false
         Actions toolbar reverse
       
       
         @_popup-actions-toolbar-margin
-        @actions-toolbar-margin
+        @actions-toolbar__margin
         '' | false | value
         Actions toolbar margin
       
       
         @_popup-actions-toolbar-padding
-        @actions-toolbar-padding
+        @actions-toolbar__padding
         '' | false | value
         Actions toolbar padding
       
       
         @_popup-actions-toolbar-actions-margin
-        @actions-toolbar-actions-margin
+        @actions-toolbar-actions__margin
         '' | false | value
         Actions toolbar actions margin
       
       
         @_popup-actions-toolbar-primary-actions-margin
-        @actions-toolbar-primary-actions-margin
+        @actions-toolbar-actions-primary__margin
         '' | false | value
         Actions toolbar primary actions margin
       
       
         @_popup-actions-toolbar-secondary-actions-margin
-        @actions-toolbar-secondary-actions-margin
+        @actions-toolbar-actions-secondary__margin
         '' | false | value
         Actions toolbar secondary actions margin
       
       
         @_popup-actions-toolbar-actions-links-margin-top
-        @actions-toolbar-actions-links-margin-top
+        @actions-toolbar-actions-links__margin-top
         '' | false | value
         Actions toolbar links top margin
       
       
         @_popup-actions-toolbar-primary-actions-links-margin-top
-        @actions-toolbar-primary-actions-links-margin-top
+        @actions-toolbar-actions-links-primary__margin-top
         '' | false | value
         Actions toolbar primary actions links top margin
       
       
         @_popup-actions-toolbar-secondary-links-margin-top
-        @actions-toolbar-secondary-actions-links-margin-top
+        @actions-toolbar-actions-links-secondary__margin-top
         '' | false | value
         Actions toolbar secondary links top margin
       
@@ -4962,13 +4963,13 @@ 
The .data-tabs() mixi
         
         
             @_tab-control-font-size
-            @font-size-base
+            @font-size__base
             '' | false | value
             Tabs font size
         
         
             @_tab-control-font-weight
-            @font-weight-semibold
+            @font-weight__semibold
             '' | false | value
             Tabs font weight
         
@@ -4980,7 +4981,7 @@ 
The .data-tabs() mixi
         
         
             @_tab-control-line-height
-            @tab-control-height
+            @tab-control__height
             '' | false | value
             Tabs line height
         
@@ -4988,14 +4989,14 @@ 
The .data-tabs() mixi
             Tabs controls settings
         
         
-            @_tab-control-bg
-            @panel-bg
+            @_tab-control-background-color
+            @panel__background-color
             '' | false | value
             Current tab background
         
         
             @_tab-control-color
-            @link-color
+            @link__color
             '' | false | value
             Current tab text color
         
@@ -5006,74 +5007,74 @@ 
The .data-tabs() mixi
             Current tab text-decoration
         
         
-            @_tab-control-bg-hover
-            lighten(@tab-control-bg, 5%)
+            @_tab-control-background-color-hover
+            lighten(@tab-control__background-color, 5%)
             '' | false | value
             Hovered tab background
         
         
             @_tab-control-color-hover
-            @tab-control-color
+            @tab-control__color
             '' | false | value
             Hovered tab text color
         
         
             @_tab-control-text-decoration-hover
-            @tab-control-text-decoration
+            @tab-control__text-decoration
             '' | false | value
             Hovered tab text-decoration
         
         
-            @_tab-control-bg-active
-            lighten(@tab-control-bg, 15%)
+            @_tab-control-background-color-active
+            lighten(@tab-control__background-color, 15%)
             '' | false | value
             Active tab background
         
         
             @_tab-control-color-active
-            @text-color
+            @text__color
             '' | false | value
             Active tab text color
         
         
             @_tab-control-text-decoration-active
-            @tab-control-text-decoration
+            @tab-control__text-decoration
             '' | false | value
             Active tab text-decoration
         
         
             @_tab-control-height
-            @indent-l-base
+            @indent__l
             '' | false | value
             Height of tab control
         
         
             @_tab-control-margin-right
-            @indent-xs-base
+            @indent__xs
             '' | false | value
             Right margin of tab title block
         
         
             @_tab-control-padding-top
-            @indent-xs-base
+            @indent__xs
             '' | false | value
             Tab control padding top
         
         
             @_tab-control-padding-right
-            @indent-base
+            @indent__base
             '' | false | value
             Tab control padding right
         
         
             @_tab-control-padding-bottom
-            @tab-control-padding-bottom
+            @tab-control__padding-bottom
             '' | false | value
             Tab control padding bottom
         
         
             @_tab-control-padding-left
-            @tab-control-padding-left
+            @tab-control__padding-left
             '' | false | value
             Tab control padding left
         
@@ -5081,8 +5082,8 @@ 
The .data-tabs() mixi
             Tab content settings
         
         
-            @_tab-content-bg
-            @tab-control-bg-active
+            @_tab-content-background-color
+            @tab-control__active__background-color
             '' | false | value
             Tab content background
         
@@ -5094,37 +5095,37 @@ 
The .data-tabs() mixi
         
         
             @_tab-content-border
-            @tab-control-border-width solid @tab-control-border-color
+            @tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Tab content border
         
         
             @_tab-content-margin-top
-            @tab-control-height + @tab-control-border-width + @tab-control-padding-top + @tab-control-padding-bottom
+            @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom
             '' | false | value
             Tab content top margin (it is the sum of tabs height and top border width)
         
         
             @_tab-content-padding-top
-            @indent-base
+            @indent__base
             '' | false | value
             Tab content padding
         
         
             @_tab-content-padding-right
-            @indent-base
+            @indent__base
             '' | false | value
             Tab content padding
         
         
             @_tab-content-padding-bottom
-            @tab-content-padding-top
+            @tab-content__padding-top
             '' | false | value
             Tab content padding
         
         
             @_tab-content-padding-left
-            @tab-content-padding-right
+            @tab-content__padding-right
             '' | false | value
             Tab content padding
         
@@ -5143,31 +5144,31 @@ 
The .data-accordion()
         
             @_accordion-control-font-family
-            @tab-control-font-family
+            @tab-control__font-family
             '' | false | value
             Accordion font family
         
         
             @_accordion-control-font-size
-            @font-size-l
+            @font-size__l
             '' | false | value
             Accordion font size
         
         
             @_accordion-control-font-style
-            @tab-control-font-style
+            @tab-control__font-style
             '' | false | value
             Accordion font style
         
         
             @_accordion-control-font-weight
-            @tab-control-font-weight
+            @tab-control__font-weight
             '' | false | value
             Accordion font weight
         
         
             @_accordion-control-line-height
-            @accordion-control-height
+            @accordion-control__height
             '' | false | value
             Accordion line height
         
@@ -5176,127 +5177,127 @@ 
The .data-accordion()
         
             @_accordion-control-border-top
-            @tab-control-border-width solid @tab-control-border-color
+            @tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         
         
             @_accordion-control-border-right
-            @tab-control-border-width solid @tab-control-border-color
+            @tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         
         
             @_accordion-control-border-bottom
-            @tab-control-border-width solid @tab-control-border-color
+            @tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         
         
             @_accordion-control-border-left
-            @tab-control-border-width solid @tab-control-border-color
+            @tab-control__border-width solid @tab-control__border-color
             '' | false | value
             Accordion control border
         
         
-            @_accordion-control-bg
-            @tab-control-bg
+            @_accordion-control-background-color
+            @tab-control__background-color
             '' | false | value
             Accordion control background
         
         
             @_accordion-control-color
-            @tab-control-color
+            @tab-control__color
             '' | false | value
             Accordion control color
         
         
             @_accordion-control-text-decoration
-            @tab-control-text-decoration
+            @tab-control__text-decoration
             '' | false | value
             Accordion control text decoration
         
         
             @_accordion-control-color-visited
-            @accordion-control-color
+            @accordion-control__color
             '' | false | value
             Accordion control visited link color
         
         
             @_accordion-control-text-decoration-visited
-            @accordion-control-text-decoration
+            @accordion-control__text-decoration
             '' | false | value
             Accordion control visited link text-decoration
         
         
-            @_accordion-control-bg-hover
-            @tab-control-bg-hover
+            @_accordion-control-background-color-hover
+            @tab-control__hover__background-color
             '' | false | value
             Hovered accordion control background
         
         
             @_accordion-control-color-hover
-            @tab-control-color-hover
+            @tab-control__hover__color
             '' | false | value
             Hovered accordion control text color
         
         
             @_accordion-control-text-decoration-hover
-            @tab-control-text-decoration-hover
+            @tab-control__hover__text-decoration
             '' | false | value
             Hovered accordion control text-decoration
         
         
-            @_accordion-control-bg-active
-            @tab-control-bg-active
+            @_accordion-control-background-color-active
+            @tab-control__active__background-color
             '' | false | value
             Active accordion control background
         
         
             @_accordion-control-color-active
-            @tab-control-color-active
+            @tab-control__active__color
             '' | false | value
             Active accordion control text color
         
         
             @_accordion-control-text-decoration-active
-            @tab-control-text-decoration-active
+            @tab-control__active__text-decoration
             '' | false | value
             Active accordion control text-decoration
         
         
             @_accordion-control-height
-            @indent-xl-base
+            @indent__xl
             '' | false | value
             Height of accordion control
         
         
             @_accordion-control-margin-bottom
-            @indent-xs-base
+            @indent__xs
             '' | false | value
             Bottom margin of the accordion control
         
         
             @_accordion-control-padding-top
-            @tab-control-padding-top
+            @tab-control__padding-top
             '' | false | value
             Accordion tab control padding top
         
         
             @_accordion-control-padding-right
-            @indent-base
+            @indent__base
             '' | false | value
             Accordion tab control padding right
         
         
             @_accordion-control-padding-bottom
-            @tab-control-padding-bottom
+            @tab-control__padding-bottom
             '' | false | value
             Accordion tab control padding bottom
         
         
             @_accordion-control-padding-left
-            @accordion-control-padding-right
+            @accordion-control__padding-right
             '' | false | value
             Accordion tab control padding left
         
@@ -5304,26 +5305,26 @@ 
The .data-accordion()Accordion content settings
         
         
-            @_accordion-content-bg
-            @tab-control-bg-active
+            @_accordion-content-background-color
+            @tab-control__active__background-color
             '' | false | value
             Accordion tab content background
         
         
             @_accordion-content-border
-            @tab-content-border
+            @tab-content__border
             '' | false | value
             Accordion tab content border
         
         
             @_accordion-content-margin
-            0 0 @indent-xs-base
+            0 0 @indent__xs
             '' | false | value
             Accordion tab content margin
         
         
             @_accordion-content-padding
-            @tab-content-padding-top @tab-content-padding-right @tab-content-padding-bottom @tab-content-padding-left
+            @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left
             '' | false | value
             Accordion tab content padding
         
@@ -5348,7 +5349,7 @@ 
The .table() mixin varia
         
         
             @_cell-padding-horizontal
-            @indent-s-base
+            @indent__s
             '' | false | value
             Table cell horizontal padding
         
@@ -5421,7 +5422,7 @@ 
The .table-typography
         
         
             @_table-th-color
-            @text-color-intense
+            @text__color__intense
             '' | false | value
             Table header cell font color
         
@@ -5433,7 +5434,7 @@ 
The .table-typography
         
         
             @_table-th-font-weight
-            @font-weight-bold
+            @font-weight__bold
             '' | false | value
             Table header cell font weight
         
@@ -5561,13 +5562,13 @@ 
The .table-resize()
         
             @_td-padding-top
-            @table-cell-padding-vertical / 2
+            @table-cell__padding-vertical / 2
             '' | false | value
             Table cell top padding
         
         
             @_td-padding-right
-            @table-cell-padding-horizontal / 2
+            @table-cell__padding-horizontal / 2
             '' | false | value
             Table cell right padding
         
@@ -5587,7 +5588,7 @@ 
The .table-resize()
 
 
Table background variables

-
The .table-bg() mixin variables

+
The .table-background-color() mixin variables

   
     
@@ -5597,32 +5598,32 @@ 
The .table-bg() mixin
             

-            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
-            
-            
+            
+            
@@ -5647,7 +5648,7 @@ 
The .table-bordered()
         

-            
+            
@@ -5659,7 +5660,7 @@ 
The .table-bordered()
         

-            
+            
@@ -5678,16 +5679,16 @@ 
The .table-striped()Comment
         
         

-            
-            
-            
+            
+            
+            
-            
-            
+            
+            
@@ -5718,14 +5719,14 @@ 
The .table-hover()
             

-            
-            
+            
+            
-            
-            
+            
+            
@@ -5744,15 +5745,15 @@ 
The .table-responsive
             

-            
-            
-            
+            
+            
+            
-            
-            
+            
+            
@@ -5773,7 +5774,7 @@ 
The .table-responsive
         

-            
+            
@@ -5835,7 +5836,7 @@ 
The .tooltip() mixin v
         

-            
+            
@@ -5919,4 +5920,4 @@ 
The .tooltip() mixin v
         
     

         
Comment
         

         
@_table-bg@_table-background-color
             false
             '' | false | value
             Table background
         

         
@_table-head-bg@table-bg@_table-head-background-color@table__background-color
             '' | false | value
             Table thead background
         

         
@_table-foot-bg@table-bg@_table-foot-background-color@table__background-color
             '' | false | value
             Table tfoot background
         

         
@_table-body-th-bg@table-bg@_table-body-th-background-color@table__background-color
             '' | false | value
             Table header cells background
         

         
@_table-td-bg@table-bg@_table-td-background-color@table__background-color
             '' | false | value
             Table cells background
         

             @_table_border-width@border-width-base@border-width__base
             '' | false | value
             Table border width
         

             @_table_border-color@border-color-base@border-color__base
             '' | false | value
             Table border color
         
@_stripped-bg@table-cell-bg-strippedlighten(@table-cell-bg-hover, 15%)@_stripped-background-color@table-cell-stripped__background-colorlighten(@table-cell__hover__background-color, 15%)
             '' | false | value
             Striped cells background color
         

         

             @_stripped-color@table-td-color@text-color@table-td__color@text__color
             '' | false | value
             Striped cells text color
         
Comment
         

         
@_table_cell-bg-hover@panel-bg@_table_cell-background-color-hover@panel__background-color
             '' | false | value
             Hovered table row background
         

         
@_table_cell-odd-bg-hover@_table_cell-bg-hover@_table_cell-odd-background-color-hover@_table_cell-background-color-hover
             '' | false | value
             Hovered table odd row background
         
Comment
         

         
@_table-bg-responsive@table-bg-responsive@table-bg@_table-background-color-responsive@table-responsive__background-color@table__background-color
             '' | false | value
             Responsive table background
         

         
@_table-th-bg-responsive@table-th-bg-responsive@_table-th-background-color-responsive@table-responsive-th__background-color
             false
             '' | false | value
             Responsive table header cells background

         

             @_table-responsive-cell-padding@indent-xs-base 0@indent__xs 0
             -
             true | false
             Responsive table cells padding

         

             @_tooltip-color@color-primary@primary__color
             '' | false | value
             Tooltip text color
         

   

-

+

diff --git a/lib/web/css/source/_extend.less b/lib/web/css/source/_extend.less
new file mode 100644
index 0000000000000..7c6428425ae50
--- /dev/null
+++ b/lib/web/css/source/_extend.less
@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Extend fallback
+//  _____________________________________________
+
+//  Magento extend fallback handling. Should be EMPTY.
diff --git a/lib/web/css/source/_theme.less b/lib/web/css/source/_theme.less
new file mode 100644
index 0000000000000..110a848340e0b
--- /dev/null
+++ b/lib/web/css/source/_theme.less
@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Theme fallback
+//  _____________________________________________
+
+//  Magento themes fallback handling. Should be EMPTY.
diff --git a/lib/web/css/source/lib/actions-toolbar.less b/lib/web/css/source/lib/_actions-toolbar.less
similarity index 83%
rename from lib/web/css/source/lib/actions-toolbar.less
rename to lib/web/css/source/lib/_actions-toolbar.less
index 50cd69238645c..73c186b8d8b8e 100644
--- a/lib/web/css/source/lib/actions-toolbar.less
+++ b/lib/web/css/source/lib/_actions-toolbar.less
@@ -4,19 +4,20 @@
 //  */
 
 //
-// actions-toolbar
-//--------------------------------------
+//  Actions-toolbar
+//  _____________________________________________
+
 .actions-toolbar(
-    @_actions-toolbar-actions-position: @actions-toolbar-actions-position,
-    @_actions-toolbar-actions-reverse: @actions-toolbar-actions-reverse,
-    @_actions-toolbar-margin: @actions-toolbar-margin,
-    @_actions-toolbar-padding: @actions-toolbar-padding,
-    @_actions-toolbar-actions-margin: @actions-toolbar-actions-margin,
-    @_actions-toolbar-primary-actions-margin: @actions-toolbar-primary-actions-margin,
-    @_actions-toolbar-secondary-actions-margin: @actions-toolbar-secondary-actions-margin,
-    @_actions-toolbar-actions-links-margin-top: @actions-toolbar-actions-links-margin-top,
-    @_actions-toolbar-primary-actions-links-margin-top: @actions-toolbar-primary-actions-links-margin-top,
-    @_actions-toolbar-secondary-actions-links-margin-top: @actions-toolbar-secondary-actions-links-margin-top
+    @_actions-toolbar-actions-position: @actions-toolbar-actions__position,
+    @_actions-toolbar-actions-reverse: @actions-toolbar-actions__reverse,
+    @_actions-toolbar-margin: @actions-toolbar__margin,
+    @_actions-toolbar-padding: @actions-toolbar__padding,
+    @_actions-toolbar-actions-margin: @actions-toolbar-actions__margin,
+    @_actions-toolbar-primary-actions-margin: @actions-toolbar-actions-primary__margin,
+    @_actions-toolbar-secondary-actions-margin: @actions-toolbar-actions-secondary__margin,
+    @_actions-toolbar-actions-links-margin-top: @actions-toolbar-actions-links__margin-top,
+    @_actions-toolbar-primary-actions-links-margin-top: @actions-toolbar-actions-links-primary__margin-top,
+    @_actions-toolbar-secondary-actions-links-margin-top: @actions-toolbar-actions-links-secondary__margin-top
 ) {
     .clearfix();
     .css(margin, @_actions-toolbar-margin);
@@ -53,8 +54,9 @@
 }
 
 //
-// actions-toolbar-clear-floats
-//--------------------------------------
+//  Actions-toolbar-clear-floats
+//  ---------------------------------------------
+
 .actions-toolbar-clear-floats() {
     .primary,
     .secondary {
@@ -64,8 +66,9 @@
 }
 
 //
-// Internal use mixins
-//--------------------------------------
+//  Internal use mixins
+//  ---------------------------------------------
+
 ._actions-toolbar-align(@_actions-toolbar-actions-position) when not (@_actions-toolbar-actions-position = justify) {
     .css(text-align, @_actions-toolbar-actions-position);
 }
diff --git a/lib/web/css/source/lib/_breadcrumbs.less b/lib/web/css/source/lib/_breadcrumbs.less
new file mode 100644
index 0000000000000..fcae377ceac4a
--- /dev/null
+++ b/lib/web/css/source/lib/_breadcrumbs.less
@@ -0,0 +1,172 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Breadcrumbs
+//  _____________________________________________
+
+.mixin-breadcrumbs(
+    @_breadcrumbs-font-size: @breadcrumbs__font-size,
+    @_breadcrumbs-display: @breadcrumbs__display,
+    @_breadcrumbs-container-margin: @breadcrumbs__container-margin,
+    @_breadcrumbs-padding: @breadcrumbs__padding,
+
+    //  Breadcrumbs separating symbol
+    @_breadcrumbs-separator-symbol: @breadcrumbs-separator__symbol,
+    @_breadcrumbs-separator-color: @breadcrumbs-separator__color,
+
+    //  Use icon as a separating symbol
+    @_breadcrumbs-icon-use: @breadcrumbs-icon__use,
+    @_breadcrumbs-icon-font-content: @breadcrumbs-icon__font-content,
+    @_icon-font: @breadcrumbs-icon__font,
+    @_icon-font-size: @breadcrumbs-icon__font-size,
+    @_icon-font-line-height: @breadcrumbs-icon__font-line-height,
+    @_icon-font-color: @breadcrumbs-icon__font-color,
+    @_icon-font-margin: @breadcrumbs-icon__font-margin,
+    @_icon-font-vertical-align: @breadcrumbs-icon__font-vertical-align,
+
+    //  Breadcrumbs current
+    @_breadcrumbs-current-color: @breadcrumbs-current__color,
+    @_breadcrumbs-current-font-weight: @breadcrumbs-current__font-weight,
+    @_breadcrumbs-current-background: @breadcrumbs-current__background,
+    @_breadcrumbs-current-border: @breadcrumbs-current__border,
+    @_breadcrumbs-current-gradient: @breadcrumbs-current__gradient,
+    @_breadcrumbs-current-gradient-direction: @breadcrumbs-current__gradient-direction,
+    @_breadcrumbs-current-gradient-color-start: @breadcrumbs-current__gradient-color-start,
+    @_breadcrumbs-current-gradient-color-end: @breadcrumbs-current__gradient-color-end,
+
+    //  Breadcrumbs link - gradient
+    @_breadcrumbs-link-gradient: @breadcrumbs-link__gradient,
+    @_breadcrumbs-link-gradient-direction: @breadcrumbs-link__gradient-direction,
+
+    //  Breadcrumbs link color
+    @_breadcrumbs-link-color: @breadcrumbs-link__color,
+    @_breadcrumbs-link-background: @breadcrumbs-link__background,
+    @_breadcrumbs-link-border: @breadcrumbs-link__border,
+    @_breadcrumbs-link-text-decoration: @breadcrumbs-link__text-decoration,
+    @_breadcrumbs-link-gradient-color-start: @breadcrumbs-link__gradient-color-start,
+    @_breadcrumbs-link-gradient-color-end: @breadcrumbs-link__gradient-color-end,
+
+    //  Breadcrumbs link - visited
+    @_breadcrumbs-link-color-visited: @breadcrumbs-link__visited__color,
+    @_breadcrumbs-link-background-visited: @breadcrumbs-link__visited__background,
+    @_breadcrumbs-link-border-visited: @breadcrumbs-link__visited__border,
+    @_breadcrumbs-link-text-decoration-visited: @breadcrumbs-link__visited__text-decoration,
+    @_breadcrumbs-link-gradient-color-start-visited: @breadcrumbs-link__visited__gradient-color-start,
+    @_breadcrumbs-link-gradient-color-end-visited: @breadcrumbs-link__visited__gradient-color-end,
+
+    //  Breadcrumbs link - hover
+    @_breadcrumbs-link-color-hover: @breadcrumbs-link__hover__color,
+    @_breadcrumbs-link-background-hover: @breadcrumbs-link__hover__background,
+    @_breadcrumbs-link-border-hover: @breadcrumbs-link__hover__border,
+    @_breadcrumbs-link-text-decoration-hover: @breadcrumbs-link__hover__text-decoration,
+    @_breadcrumbs-link-gradient-color-start-hover: @breadcrumbs-link__hover__gradient-color-start,
+    @_breadcrumbs-link-gradient-color-end-hover: @breadcrumbs-link__hover__gradient-color-end,
+
+    //  Breadcrumbs link - active
+    @_breadcrumbs-link-color-active: @breadcrumbs-link__active__color,
+    @_breadcrumbs-link-background-active: @breadcrumbs-link__active__background,
+    @_breadcrumbs-link-border-active: @breadcrumbs-link__active__border,
+    @_breadcrumbs-link-text-decoration-active: @breadcrumbs-link__active__text-decoration,
+    @_breadcrumbs-link-gradient-color-start-active: @breadcrumbs-link__active__gradient-color-start,
+    @_breadcrumbs-link-gradient-color-end-active: @breadcrumbs-link__active__gradient-color-end
+) {
+    .css(margin, @_breadcrumbs-container-margin);
+    .items {
+        .font-size(@_breadcrumbs-font-size);
+        .css(color, @_breadcrumbs-current-color);
+        .list-inline();
+    }
+    .item {
+        margin: 0;
+    }
+    a {
+        .css(background, @_breadcrumbs-link-background);
+        .background-gradient(
+            @_breadcrumbs-link-gradient-color-start,
+            @_breadcrumbs-link-gradient-color-end,
+            @_breadcrumbs-link-gradient-direction,
+            @_breadcrumbs-link-gradient
+        );
+        .css(border, @_breadcrumbs-link-border);
+        .css(display, @_breadcrumbs-display);
+        .css(padding, @_breadcrumbs-padding);
+        .css(color, @_breadcrumbs-link-color);
+        .css(text-decoration, @_breadcrumbs-link-text-decoration);
+        &:visited {
+            .css(background, @_breadcrumbs-link-background-visited);
+            .background-gradient(
+                @_breadcrumbs-link-gradient-color-start-visited,
+                @_breadcrumbs-link-gradient-color-end-visited,
+                @_breadcrumbs-link-gradient-direction,
+                @_breadcrumbs-link-gradient
+            );
+            .css(border, @_breadcrumbs-link-border-visited);
+            .css(color, @_breadcrumbs-link-color-visited);
+            .css(text-decoration, @_breadcrumbs-link-text-decoration-visited);
+        }
+        &:hover {
+            .css(background, @_breadcrumbs-link-background-hover);
+            .background-gradient(
+                @_breadcrumbs-link-gradient-color-start-hover,
+                @_breadcrumbs-link-gradient-color-end-hover,
+                @_breadcrumbs-link-gradient-direction,
+                @_breadcrumbs-link-gradient
+            );
+            .css(border, @_breadcrumbs-link-border-hover);
+            .css(color, @_breadcrumbs-link-color-hover);
+            .css(text-decoration, @_breadcrumbs-link-text-decoration-hover);
+        }
+        &:active {
+            .css(background, @_breadcrumbs-link-background-active);
+            .background-gradient(
+                @_breadcrumbs-link-gradient-color-start-active,
+                @_breadcrumbs-link-gradient-color-end-active,
+                @_breadcrumbs-link-gradient-direction,
+                @_breadcrumbs-link-gradient
+            );
+            .css(border, @_breadcrumbs-link-border-active);
+            .css(color, @_breadcrumbs-link-color-active);
+            .css(text-decoration, @_breadcrumbs-link-text-decoration-active);
+        }
+    }
+    strong {
+        .css(background, @_breadcrumbs-current-background);
+        .background-gradient(
+            @_breadcrumbs-current-gradient-color-start,
+            @_breadcrumbs-current-gradient-color-end,
+            @_breadcrumbs-current-gradient-direction,
+            @_breadcrumbs-current-gradient
+        );
+        .css(border, @_breadcrumbs-current-border);
+        .css(display, @_breadcrumbs-display);
+        .css(padding, @_breadcrumbs-padding);
+        .css(font-weight, @_breadcrumbs-current-font-weight);
+    }
+
+    & when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) {  // Insert separating symbol to "content"
+        .item:not(:last-child) {
+            &:after {
+                .css(color, @_breadcrumbs-separator-color);
+                .css(content, @_breadcrumbs-separator-symbol);
+            }
+        }
+    }
+
+    & when (@_breadcrumbs-icon-use = true) {  // Use font icon as a separating symbol
+        .item:not(:last-child) {
+            .icon-font(
+                @_icon-font-content: @_breadcrumbs-icon-font-content,
+                @_icon-font: @_icon-font,
+                @_icon-font-size: @_icon-font-size,
+                @_icon-font-line-height: @_icon-font-line-height,
+                @_icon-font-color: @_icon-font-color,
+                @_icon-font-margin: @_icon-font-margin,
+                @_icon-font-vertical-align: @_icon-font-vertical-align,
+                @_icon-font-position: after
+            );
+        }
+    }
+}
diff --git a/lib/web/css/source/lib/_buttons.less b/lib/web/css/source/lib/_buttons.less
new file mode 100644
index 0000000000000..378e3238362c5
--- /dev/null
+++ b/lib/web/css/source/lib/_buttons.less
@@ -0,0 +1,419 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Buttons
+//  _____________________________________________
+
+//
+//  Button with solid or pictire background
+//  ---------------------------------------------
+
+.button(
+    @_button-font-family: @button__font-family,              // button font family
+    @_button-font-size: @button__font-size,                  // button font size
+    @_button-font-weight: @button__font-weight,              // button font weight
+    @_button-cursor: @button__cursor,                        // button cursor
+    @_button-display: @button__display,                      // button display
+    @_button-disabled-opacity: @button__disabled__opacity,    // button disabled opacity
+    @_button-line-height: @button__line-height,              // button line height
+    @_button-width: @button__width,                          // button width
+    @_button-margin: @button__margin,                        // margins of the button
+    @_button-padding: @button__padding,                      // paddings of the button
+    @_button-color: @button__color,                          // text color of the button
+    @_button-background: @button__background,                // background of the button
+    @_button-border: @button__border,                        // border of the button
+    @_button-color-hover: @button__hover__color,              // text color of the hovered button
+    @_button-background-hover: @button__hover__background,    // background of the hovered button
+    @_button-border-hover: @button__hover__border,            // border of the hovered button
+    @_button-color-active: @button__active__color,            // text color of the active button
+    @_button-background-active: @button__active__background,  // background of the active button
+    @_button-border-active: @button__active__border,          // border of the active button
+    @_button-gradient: @button__gradient,                    // does the button have gradient background
+    @_button-gradient-direction: @button__gradient-direction,                    // gradient direction the button
+    @_button-gradient-color-start: @button__gradient-color-start,                // gradient background start color
+    @_button-gradient-color-end: @button__gradient-color-end,                    // gradient background end color
+    @_button-gradient-color-start-hover: @button__hover__gradient-color-start,    // gradient background start color of the hovered button
+    @_button-gradient-color-end-hover: @button__hover__gradient-color-end,    // gradient background start color of the hovered button
+    @_button-gradient-color-start-active: @button__active__gradient-color-start,  // gradient background start color of the active button
+    @_button-gradient-color-end-active: @button__active__gradient-color-end,       // gradient background start color of the active button
+    @_button-icon-use: @button-icon__use,
+    @_button-font-content: @button-icon__content,
+    @_button-icon-font: @button-icon__font,
+    @_button-icon-font-size: @button-icon__font-size,
+    @_button-icon-font-line-height: @button-icon__line-height,
+    @_button-icon-font-color: @button-icon__color,
+    @_button-icon-font-color-hover: @button-icon__hover__font-color,
+    @_button-icon-font-color-active: @button-icon__active__font-color,
+    @_button-icon-font-margin: @button-icon__margin,
+    @_button-icon-font-vertical-align: @button-icon__vertical-align,
+    @_button-icon-font-position: @button-icon__position,
+    @_button-icon-font-text-hide: @button-icon__text-hide
+) {
+    background-image: none; // Reset unusual Firefox-on-Android default style
+    .css(background, @_button-background);
+    .background-gradient(
+        @_button-gradient-color-start,
+        @_button-gradient-color-end,
+        @_button-gradient-direction,
+        @_button-gradient
+    );
+    .css(padding, @_button-padding);
+    .css(width, @_button-width);
+    .css(color, @_button-color);
+    .css(border, @_button-border);
+    .css(cursor, @_button-cursor);
+    .css(display, @_button-display);
+    .css(font-family, @_button-font-family);
+    .font-size(@_button-font-size);
+    .css(font-weight, @_button-font-weight);
+    .line-height(@_button-line-height);
+    box-sizing: border-box;
+    .css(margin, @_button-margin);
+    vertical-align: middle;
+    ._button-icon (
+        @_button-icon-use: @_button-icon-use,
+        @_icon-font-content: @_button-font-content,
+        @_icon-font: @_button-icon-font,
+        @_icon-font-size: @_button-icon-font-size,
+        @_icon-font-line-height: @_button-icon-font-line-height,
+        @_icon-font-color: @_button-icon-font-color,
+        @_icon-font-color-hover: @_button-icon-font-color-hover,
+        @_icon-font-color-active: @_button-icon-font-color-active,
+        @_icon-font-margin: @_button-icon-font-margin,
+        @_icon-font-vertical-align: @_button-icon-font-vertical-align,
+        @_icon-font-position: @_button-icon-font-position,
+        @_icon-font-text-hide: @_button-icon-font-text-hide
+    );
+    &:focus,
+    &:active {
+        .css(background, @_button-background-active);
+        .background-gradient(
+            @_button-gradient-color-start-active,
+            @_button-gradient-color-end-active,
+            @_button-gradient-direction,
+            @_button-gradient
+        );
+        .css(border, @_button-border-active);
+        .css(color, @_button-color-active);
+    }
+    &:hover {
+        .css(background, @_button-background-hover);
+        .background-gradient(
+            @_button-gradient-color-start-hover,
+            @_button-gradient-color-end-hover,
+            @_button-gradient-direction,
+            @_button-gradient
+        );
+        .css(border, @_button-border-hover);
+        .css(color, @_button-color-hover);
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        cursor: default;
+        pointer-events: none; // Disabling of clicks
+        .css(opacity, @_button-disabled-opacity);
+    }
+}
+
+//
+//  Button size
+//  ---------------------------------------------
+
+.button-size(
+    @_button-line-height: @button__line-height,
+    @_button-padding: @button__padding
+){
+    .line-height(@_button-line-height);
+    .css(padding, @_button-padding);
+}
+
+//
+//  Large buttons
+//  ---------------------------------------------
+
+.button-l(
+    @_button-l-font-size: @button__font-size__l,
+    @_button-l-height: @button__line-height__l,
+    @_button-l-padding: @button__padding__l
+) {
+    .button-size(
+        @_button-line-height: @_button-l-height,
+        @_button-padding: @_button-l-padding
+    );
+    .font-size(@_button-l-font-size);
+}
+
+//
+//  Small buttons
+//  ---------------------------------------------
+
+.button-s(
+    @_button-s-font-size: @button__font-size__s,
+    @_button-s-height: @button__line-height__s,
+    @_button-s-padding: @button__padding__s
+) {
+    .button-size(
+        @_button-line-height: @_button-s-height,
+        @_button-padding: @_button-s-padding
+    );
+    .font-size(@_button-s-font-size);
+}
+
+//
+//  Link as button
+//  ---------------------------------------------
+
+.link-as-button() {
+    .css(display, @button__display);
+    text-decoration: none;
+    &:hover,
+    &:active,
+    &:focus {
+        text-decoration: none;
+    }
+}
+
+//
+//  Button as link
+//  ---------------------------------------------
+
+.button-as-link(
+    @_link-color: @link__color,
+    @_link-color-hover: @link__hover__color,
+    @_line-height: @line-height__base,
+    @_disabled_opacity: @button__disabled__opacity
+) {
+    background: none;
+    border: 0;
+    display: inline;
+    .css(line-height, @_line-height);
+    margin: 0;
+    padding: 0;
+    .link();
+    &:hover {
+        .css(color, @_link-color-hover);
+    }
+    &:hover,
+    &:active,
+    &:focus {
+        background: none;
+        border: 0;
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        .css(color, @_link-color);
+        text-decoration: underline;
+        cursor: default;
+        pointer-events: none; // Disabling of clicks
+        .css(opacity, @_disabled_opacity);
+    }
+}
+
+//
+//  Responsive
+//  ---------------------------------------------
+
+.button-responsive() {
+    width: 100%;
+}
+
+//
+//    Button reset
+//  ---------------------------------------------
+
+.button-reset() {
+    background-image: none; // Reset unusual Firefox-on-Android default style
+    background: none;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    -moz-box-sizing: content-box; // hack: fix Firefox button line-height problem
+    box-shadow: none;
+    text-shadow: none;
+    text-decoration: none;
+    line-height: inherit;
+    .css(font-weight, @font-weight__regular);
+    &:focus,
+    &:active {
+        background: none;
+        border: none;
+    }
+    &:hover {
+        background: none;
+        border: none;
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        cursor: not-allowed;
+        pointer-events: none; // Disabling of clicks
+        .css(opacity, @button__disabled__opacity);
+    }
+}
+
+//
+//  Button primary
+//  ---------------------------------------------
+
+.button-primary(
+    @_button-line-height: @button-primary__line-height,
+    @_button-width: @button-primary__width,
+    @_button-margin: @button-primary__margin,
+    @_button-padding: @button-primary__padding,
+    @_button-color: @button-primary__color,
+    @_button-background: @button-primary__background,
+    @_button-border: @button-primary__border,
+    @_button-gradient-color-start: @button-primary__gradient-color-start,
+    @_button-gradient-color-end: @button-primary__gradient-color-end,
+    @_button-color-hover: @button-primary__hover__color,
+    @_button-background-hover: @button-primary__hover__background,
+    @_button-border-hover: @button-primary__hover__border,
+    @_button-gradient-color-start-hover: @button-primary__hover__gradient-color-start,
+    @_button-gradient-color-end-hover: @button-primary__hover__gradient-color-end,
+    @_button-color-active: @button-primary__active__color,
+    @_button-background-active: @button-primary__active__background,
+    @_button-border-active: @button-primary__active__border,
+    @_button-gradient-color-start-active: @button-primary__active__gradient-color-start,
+    @_button-gradient-color-end-active: @button-primary__active__gradient-color-end,
+    @_button-gradient: @button-primary__gradient,
+    @_button-gradient-direction: @button-primary__gradient-direction
+) {
+    .button(
+        @_button-line-height: @_button-line-height,
+        @_button-width: @_button-width,
+        @_button-margin: @_button-margin,
+        @_button-padding: @_button-padding,
+        @_button-color: @_button-color,
+        @_button-background: @_button-background,
+        @_button-border: @_button-border,
+        @_button-color-hover: @_button-color-hover,
+        @_button-background-hover: @_button-background-hover,
+        @_button-border-hover: @_button-border-hover,
+        @_button-color-active: @_button-color-active,
+        @_button-background-active: @_button-background-active,
+        @_button-border-active: @_button-border-active,
+        @_button-gradient: @_button-gradient,
+        @_button-gradient-direction: @_button-gradient-direction,
+        @_button-gradient-color-start: @_button-gradient-color-start,
+        @_button-gradient-color-end: @_button-gradient-color-end,
+        @_button-gradient-color-start-hover: @_button-gradient-color-start-hover,
+        @_button-gradient-color-end-hover: @_button-gradient-color-end-hover,
+        @_button-gradient-color-start-active: @_button-gradient-color-start-active,
+        @_button-gradient-color-end-active: @_button-gradient-color-end-active
+     );
+}
+
+//
+//  Button revert secondary color
+//  ---------------------------------------------
+
+.button-revert-secondary-color(
+    @_button-color: @button__color,
+    @_button-background: @button__background,
+    @_button-border: @button__border,
+
+    @_button-color-hover: @button__hover__color,
+    @_button-background-hover: @button__hover__background,
+    @_button-border-hover: @button__hover__border,
+
+    @_button-color-active: @button__active__color,
+    @_button-background-active: @button__active__background,
+    @_button-border-active: @button__active__border
+) {
+    .css(background, @_button-background);
+    .css(color, @_button-color);
+    .css(border, @_button-border);
+    &:focus,
+    &:active {
+        .css(background, @_button-background-active);
+        .css(color, @_button-color-active);
+        .css(border, @_button-border-active);
+    }
+    &:hover {
+        .css(background, @_button-background-hover);
+        .css(color, @_button-color-hover);
+        .css(border, @_button-border-hover);
+    }
+}
+
+//
+//  Button revert secondary size
+//  ---------------------------------------------
+
+.button-revert-secondary-size(
+    @_button-font-size: @button__font-size,
+    @_button-line-height: @button__line-height,
+    @_button-padding: @button__padding
+) {
+    .font-size(@_button-font-size);
+    .button-size(
+        @_button-line-height: @_button-line-height,
+        @_button-padding: @_button-padding
+    )
+}
+
+//
+//  Inner buttons mixins
+//  ---------------------------------------------
+
+._button-icon (
+    @_button-icon-use: @button-icon__use,
+    @_icon-font-content: @button-icon__content,
+    @_icon-font: @button-icon__font,
+    @_icon-font-size: @button-icon__font-size,
+    @_icon-font-line-height: @button-icon__line-height,
+    @_icon-font-color: @button-icon__color,
+    @_icon-font-color-hover: @button-icon__hover__font-color,
+    @_icon-font-color-active: @button-icon__active__font-color,
+    @_icon-font-margin: @button-icon__margin,
+    @_icon-font-vertical-align: @button-icon__vertical-align,
+    @_icon-font-position: @button-icon__position,
+    @_icon-font-text-hide: @button-icon__text-hide
+) when (@_button-icon-use = true) {
+    .button-icon (
+        @_icon-font-content: @_icon-font-content,
+        @_icon-font: @_icon-font,
+        @_icon-font-size: @_icon-font-size,
+        @_icon-font-line-height: @_icon-font-line-height,
+        @_icon-font-color: @_icon-font-color,
+        @_icon-font-color-hover: @_icon-font-color-hover,
+        @_icon-font-color-active: @_icon-font-color-active,
+        @_icon-font-margin: @_icon-font-margin,
+        @_icon-font-vertical-align: @_icon-font-vertical-align,
+        @_icon-font-position: @_icon-font-position,
+        @_icon-font-text-hide: @_icon-font-text-hide
+    );
+}
+
+.button-icon (
+    @_icon-font-content,
+    @_icon-font: @button-icon__font,
+    @_icon-font-size: @button-icon__font-size,
+    @_icon-font-line-height: @button-icon__line-height,
+    @_icon-font-color: @button-icon__color,
+    @_icon-font-color-hover: @button-icon__hover__font-color,
+    @_icon-font-color-active: @button-icon__active__font-color,
+    @_icon-font-margin: @button-icon__margin,
+    @_icon-font-vertical-align: @button-icon__vertical-align,
+    @_icon-font-position: @button-icon__position,
+    @_icon-font-text-hide: @button-icon__text-hide
+) {
+    .icon-font(
+        @_icon-font-content: @_icon-font-content,
+        @_icon-font: @_icon-font,
+        @_icon-font-size: @_icon-font-size,
+        @_icon-font-line-height: @_icon-font-line-height,
+        @_icon-font-color: @_icon-font-color,
+        @_icon-font-color-hover: @_icon-font-color-hover,
+        @_icon-font-color-active: @_icon-font-color-active,
+        @_icon-font-margin: @_icon-font-margin,
+        @_icon-font-vertical-align: @_icon-font-vertical-align,
+        @_icon-font-position: @_icon-font-position,
+        @_icon-font-text-hide: @_icon-font-text-hide
+    );
+}
diff --git a/lib/web/css/source/lib/dropdowns.less b/lib/web/css/source/lib/_dropdowns.less
similarity index 75%
rename from lib/web/css/source/lib/dropdowns.less
rename to lib/web/css/source/lib/_dropdowns.less
index f6a41de220ac0..8f0f411c02e38 100644
--- a/lib/web/css/source/lib/dropdowns.less
+++ b/lib/web/css/source/lib/_dropdowns.less
@@ -3,47 +3,54 @@
 //  * See COPYING.txt for license details.
 //  */
 
-// Simple dropdown
+//
+//  Dropdowns
+//  _____________________________________________
+
+//
+//  Simple dropdown
+//  ---------------------------------------------
+
 .dropdown(
     @_toggle-selector : ~".action.toggle",
     @_options-selector : ~"ul.dropdown",
 
-    @_dropdown-actions-padding: @dropdown-actions-padding,
-    @_dropdown-list-min-width: @dropdown-list-min-width,
-    @_dropdown-list-width: @dropdown-list-width,
-    @_dropdown-list-height: @dropdown-list-height,
-    @_dropdown-list-margin-top: @dropdown-list-margin-top,
-    @_dropdown-list-position-top: @dropdown-list-position-top,
-    @_dropdown-list-position-bottom: @dropdown-list-position-bottom,
-    @_dropdown-list-position-left: @dropdown-list-position-left,
-    @_dropdown-list-position-right: @dropdown-list-position-right,
-    @_dropdown-list-background: @dropdown-list-background,
-    @_dropdown-list-border: @dropdown-list-border,
-    @_dropdown-list-pointer: @dropdown-list-pointer,
-    @_dropdown-list-pointer-border: @dropdown-list-pointer-border,
-    @_dropdown-list-pointer-position: @dropdown-list-pointer-position,
-    @_dropdown-list-pointer-position-top: @dropdown-list-pointer-position-top,
-    @_dropdown-list-pointer-position-left-right: @dropdown-list-pointer-position-left-right,
-    @_dropdown-list-item-border: @dropdown-list-item-border,
-    @_dropdown-list-item-padding: @dropdown-list-item-padding,
-    @_dropdown-list-item-margin: @dropdown-list-item-margin,
-    @_dropdown-list-item-hover: @dropdown-list-item-hover,
-    @_dropdown-list-shadow: @dropdown-list-shadow,
-    @_dropdown-list-z-index: @dropdown-list-z-index,
-
-    @_dropdown-toggle-icon-content: @dropdown-toggle-icon-content,
-    @_dropdown-toggle-active-icon-content: @dropdown-toggle-active-icon-content,
-
-    @_icon-font: @dropdown-toggle-icon-font,
-    @_icon-font-size: @dropdown-toggle-icon-font-size,
-    @_icon-font-line-height: @dropdown-toggle-icon-font-line-height,
-    @_icon-font-color: @dropdown-toggle-icon-font-color,
-    @_icon-font-color-hover: @dropdown-toggle-icon-font-color-hover,
-    @_icon-font-color-active: @dropdown-toggle-icon-font-color-active,
-    @_icon-font-margin: @dropdown-toggle-icon-font-margin,
-    @_icon-font-position: @dropdown-toggle-icon-position,
-    @_icon-font-vertical-align: @dropdown-toggle-icon-font-vertical-align,
-    @_icon-font-text-hide: @dropdown-toggle-icon-text-hide
+    @_dropdown-actions-padding: @dropdown-actions__padding,
+    @_dropdown-list-min-width: @dropdown-list__min-width,
+    @_dropdown-list-width: @dropdown-list__width,
+    @_dropdown-list-height: @dropdown-list__height,
+    @_dropdown-list-margin-top: @dropdown-list__margin-top,
+    @_dropdown-list-position-top: @dropdown-list__position-top,
+    @_dropdown-list-position-bottom: @dropdown-list__position-bottom,
+    @_dropdown-list-position-left: @dropdown-list__position-left,
+    @_dropdown-list-position-right: @dropdown-list__position-right,
+    @_dropdown-list-background: @dropdown-list__background,
+    @_dropdown-list-border: @dropdown-list__border,
+    @_dropdown-list-pointer: @dropdown-list__pointer,
+    @_dropdown-list-pointer-border: @dropdown-list-pointer__border,
+    @_dropdown-list-pointer-position: @dropdown-list-pointer__position,
+    @_dropdown-list-pointer-position-top: @dropdown-list-pointer__position-top,
+    @_dropdown-list-pointer-position-left-right: @dropdown-list-pointer__position-left-right,
+    @_dropdown-list-item-border: @dropdown-list-item__border,
+    @_dropdown-list-item-padding: @dropdown-list-item__padding,
+    @_dropdown-list-item-margin: @dropdown-list-item__margin,
+    @_dropdown-list-item-hover: @dropdown-list-item__hover,
+    @_dropdown-list-shadow: @dropdown-list__shadow,
+    @_dropdown-list-z-index: @dropdown-list__z-index,
+
+    @_dropdown-toggle-icon-content: @dropdown-toggle-icon__content,
+    @_dropdown-toggle-active-icon-content: @dropdown-toggle-icon__active__content,
+
+    @_icon-font: @dropdown-toggle-icon__font,
+    @_icon-font-size: @dropdown-toggle-icon__font-size,
+    @_icon-font-line-height: @dropdown-toggle-icon__font-line-height,
+    @_icon-font-color: @dropdown-toggle-icon__font-color,
+    @_icon-font-color-hover: @dropdown-toggle-icon__font-color-hover,
+    @_icon-font-color-active: @dropdown-toggle-icon__font-color-active,
+    @_icon-font-margin: @dropdown-toggle-icon__font-margin,
+    @_icon-font-position: @dropdown-toggle-icon__position,
+    @_icon-font-vertical-align: @dropdown-toggle-icon__font-vertical-align,
+    @_icon-font-text-hide: @dropdown-toggle-icon__text-hide
 ) {
     .clearfix();
     display: inline-block;
@@ -94,52 +101,55 @@
     );
 }
 
-// Split dropdown
+//
+//  Split dropdown
+//  ---------------------------------------------
+
 .dropdown-split(
     @_toggle-selector : ~".action.toggle",
     @_options-selector : ~"ul.dropdown",
     @_button-selector : ~".action.split",
 
-    @_dropdown-split-actions-padding: @dropdown-split-actions-padding,
-    @_dropdown-split-button-actions-padding: @dropdown-split-button-actions-padding,
-    @_dropdown-split-toggle-actions-padding: @dropdown-split-toggle-actions-padding,
-    @_dropdown-split-toggle-position: @dropdown-split-toggle-position,
-    @_dropdown-split-list-min-width: @dropdown-split-list-min-width,
-    @_dropdown-split-list-width: @dropdown-split-list-width,
-    @_dropdown-split-list-height: @dropdown-split-list-height,
-    @_dropdown-split-list-margin-top: @dropdown-split-list-margin-top,
-    @_dropdown-split-list-position-top: @dropdown-split-list-position-top,
-    @_dropdown-split-list-position-bottom: @dropdown-split-list-position-bottom,
-    @_dropdown-split-list-position-left: @dropdown-split-list-position-left,
-    @_dropdown-split-list-position-right: @dropdown-split-list-position-right,
-    @_dropdown-split-list-background: @dropdown-split-list-background,
-    @_dropdown-split-list-border: @dropdown-split-list-border,
-    @_dropdown-split-list-pointer: @dropdown-split-list-pointer,
-    @_dropdown-split-list-pointer-border: @dropdown-split-list-pointer-border,
-    @_dropdown-split-list-pointer-position: @dropdown-split-list-pointer-position,
-    @_dropdown-split-list-pointer-position-top: @dropdown-split-list-pointer-position-top,
-    @_dropdown-split-list-pointer-position-left-right: @dropdown-split-list-pointer-position-left-right,
-    @_dropdown-split-list-item-border: @dropdown-split-list-item-border,
-    @_dropdown-split-list-item-padding: @dropdown-split-list-item-padding,
-    @_dropdown-split-list-item-margin: @dropdown-split-list-item-margin,
-    @_dropdown-split-list-item-hover: @dropdown-split-list-item-hover,
-    @_dropdown-split-button-border-radius-fix: @dropdown-split-button-border-radius-fix,
-    @_dropdown-split-list-shadow: @dropdown-split-list-shadow,
-    @_dropdown-split-list-z-index: @dropdown-split-list-z-index,
-
-    @_dropdown-split-toggle-icon-content: @dropdown-split-toggle-icon-content,
-    @_dropdown-split-toggle-active-icon-content: @dropdown-split-toggle-active-icon-content,
-
-    @_icon-font: @dropdown-split-toggle-icon-font,
-    @_icon-font-size: @dropdown-split-toggle-icon-font-size,
-    @_icon-font-line-height: @dropdown-split-toggle-icon-font-line-height,
-    @_icon-font-color: @dropdown-split-toggle-icon-font-color,
-    @_icon-font-color-hover: @dropdown-split-toggle-icon-font-color-hover,
-    @_icon-font-color-active: @dropdown-split-toggle-icon-font-color-active,
-    @_icon-font-margin: @dropdown-split-toggle-icon-font-margin,
-    @_icon-font-vertical-align: @dropdown-split-toggle-icon-font-vertical-align,
-    @_icon-font-position: @dropdown-split-toggle-icon-position,
-    @_icon-font-text-hide: @dropdown-split-toggle-icon-text-hide
+    @_dropdown-split-actions-padding: @dropdown-split-actions__padding,
+    @_dropdown-split-button-actions-padding: @dropdown-split-button__actions__padding,
+    @_dropdown-split-toggle-actions-padding: @dropdown-split-toggle__actions__padding,
+    @_dropdown-split-toggle-position: @dropdown-split-toggle__position,
+    @_dropdown-split-list-min-width: @dropdown-split-list__min-width,
+    @_dropdown-split-list-width: @dropdown-split-list__width,
+    @_dropdown-split-list-height: @dropdown-split-list__height,
+    @_dropdown-split-list-margin-top: @dropdown-split-list__margin-top,
+    @_dropdown-split-list-position-top: @dropdown-split-list__position-top,
+    @_dropdown-split-list-position-bottom: @dropdown-split-list__position-bottom,
+    @_dropdown-split-list-position-left: @dropdown-split-list__position-left,
+    @_dropdown-split-list-position-right: @dropdown-split-list__position-right,
+    @_dropdown-split-list-background: @dropdown-split-list__background,
+    @_dropdown-split-list-border: @dropdown-split-list__border,
+    @_dropdown-split-list-pointer: @dropdown-split-list__pointer,
+    @_dropdown-split-list-pointer-border: @dropdown-split-list__pointer-border,
+    @_dropdown-split-list-pointer-position: @dropdown-split-list__pointer-position,
+    @_dropdown-split-list-pointer-position-top: @dropdown-split-list__pointer-position-top,
+    @_dropdown-split-list-pointer-position-left-right: @dropdown-split-list__pointer-position-left-right,
+    @_dropdown-split-list-item-border: @dropdown-split-list__item-border,
+    @_dropdown-split-list-item-padding: @dropdown-split-list__item-padding,
+    @_dropdown-split-list-item-margin: @dropdown-split-list__item-margin,
+    @_dropdown-split-list-item-hover: @dropdown-split-list__item-hover,
+    @_dropdown-split-button-border-radius-fix: @dropdown-split-button__border-radius-fix,
+    @_dropdown-split-list-shadow: @dropdown-split-list__shadow,
+    @_dropdown-split-list-z-index: @dropdown-split-list__z-index,
+
+    @_dropdown-split-toggle-icon-content: @dropdown-split-toggle-icon__content,
+    @_dropdown-split-toggle-active-icon-content: @dropdown-split-toggle-icon__active__content,
+
+    @_icon-font: @dropdown-split-toggle-icon__font,
+    @_icon-font-size: @dropdown-split-toggle-icon__font-size,
+    @_icon-font-line-height: @dropdown-split-toggle-icon__font-line-height,
+    @_icon-font-color: @dropdown-split-toggle-icon__font-color,
+    @_icon-font-color-hover: @dropdown-split-toggle-icon__font-color-hover,
+    @_icon-font-color-active: @dropdown-split-toggle-icon__font-color-active,
+    @_icon-font-margin: @dropdown-split-toggle-icon__font-margin,
+    @_icon-font-vertical-align: @dropdown-split-toggle-icon__font-vertical-align,
+    @_icon-font-position: @dropdown-split-toggle-icon__position,
+    @_icon-font-text-hide: @dropdown-split-toggle-icon__text-hide
 ) {
     .clearfix();
     display: inline-block;
@@ -198,7 +208,10 @@
     );
 }
 
-// Internal use mixins
+//
+//  Internal use mixins
+//  ---------------------------------------------
+
 ._dropdown-styles(
     @_options-selector,
     @_dropdown-list-min-width,
@@ -270,7 +283,10 @@
     }
 }
 
-// Dropdown list position
+//
+//  Dropdown list position
+//  ---------------------------------------------
+
 ._dropdown-list-position(
     @_dropdown-list-position-top,
     @_dropdown-list-position-bottom,
@@ -307,7 +323,10 @@
     .css(right, @_dropdown-list-position-right);
 }
 
-// Simple dropdown icon
+//
+//  Simple dropdown icon
+//  ---------------------------------------------
+
 ._dropdown-icon(
     @_dropdown-toggle-icon-content,
     @_dropdown-toggle-active-icon-content,
@@ -352,7 +371,11 @@
     }
 }
 
-//Split dropdown icon
+//
+//  Split dropdowns
+//  ---------------------------------------------
+
+//  Split dropdown icon
 ._dropdown-split-icon(
     @_dropdown-toggle-icon-content,
     @_dropdown-toggle-active-icon-content,
@@ -397,7 +420,7 @@
     }
 }
 
-// Split dropdown toggle position = left
+//  Split dropdown toggle position = left
 ._dropdown-split-toggle-position(
     @_button-selector,
     @_toggle-selector,
@@ -414,7 +437,7 @@
     }
 }
 
-// Split dropdown toggle position = right
+//  Split dropdown toggle position = right
 ._dropdown-split-toggle-position(
     @_button-selector,
     @_toggle-selector,
@@ -431,9 +454,9 @@
     }
 }
 
-// Split dropdown toggle position = right
-// and
-// Dropdown-split-button-border-radius-fix = true
+//  Split dropdown toggle position = right
+//  and
+//  Dropdown-split-button-border-radius-fix = true
 ._dropdown-split-toggle-position(
     @_button-selector,
     @_toggle-selector,
@@ -451,9 +474,9 @@
     }
 }
 
-// Split dropdown toggle position = left
-// and
-// Dropdown-split-button-border-radius-fix = true
+//  Split dropdown toggle position = left
+//  and
+//  Dropdown-split-button-border-radius-fix = true
 ._dropdown-split-toggle-position(
     @_button-selector,
     @_toggle-selector,
@@ -471,7 +494,10 @@
     }
 }
 
-// Dropdown show pointer
+//
+//  Dropdown show pointer
+//  ---------------------------------------------
+
 ._dropdown-list-pointer(
     @_dropdown-list-background,
     @_dropdown-list-pointer-border,
@@ -555,7 +581,7 @@
     }
 }
 
-// Dropdown list item border != 0
+//  Dropdown list item border != 0
 ._dropdown-list-item-border(
     @_dropdown-list-item-border
 ) when not (@_dropdown-list-item-border = 0) and not (@_dropdown-list-item-border = false) and not (@_dropdown-list-item-border = '') {
@@ -565,7 +591,7 @@
     }
 }
 
-// Dropdown list shadow
+//  Dropdown list shadow
 ._dropdown-list-shadow(
     @_dropdown-list-shadow
 ) when not (@_dropdown-list-shadow = '') and not (@_dropdown-list-shadow = none) {
diff --git a/lib/web/css/source/lib/_extends.less b/lib/web/css/source/lib/_extends.less
new file mode 100644
index 0000000000000..5e2cff57d8bcf
--- /dev/null
+++ b/lib/web/css/source/lib/_extends.less
@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Extends fallback
+//  _____________________________________________
+
+//  Less extends fallback handling. Should be EMPTY.
diff --git a/lib/web/css/source/lib/forms.less b/lib/web/css/source/lib/_forms.less
similarity index 67%
rename from lib/web/css/source/lib/forms.less
rename to lib/web/css/source/lib/_forms.less
index f1a36f130b42f..ab3cdfbb42c11 100644
--- a/lib/web/css/source/lib/forms.less
+++ b/lib/web/css/source/lib/_forms.less
@@ -3,38 +3,42 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Forms
+//  _____________________________________________
+
 .form-element-input(
     @_type: @form-element-input-type,
-    @_background: ~"@{@{_type}-background}",
-    @_border: ~"@{@{_type}-border}",
-    @_border-radius: ~"@{@{_type}-border-radius}",
-    @_height: ~"@{@{_type}-height}",
-    @_width: ~"@{@{_type}-width}",
-    @_padding: ~"@{@{_type}-padding}",
-    @_margin: ~"@{@{_type}-margin}",
-    @_vertical-align: ~"@{@{_type}-vertical-align}",
-    @_background-clip: ~"@{@{_type}-background-clip}",
-
-    @_font-size:  ~"@{@{_type}-font-size}",
-    @_color: ~"@{@{_type}-color}",
-    @_font-family: ~"@{@{_type}-font-family}",
-    @_font-weight: ~"@{@{_type}-font-weight}",
-    @_line-height: ~"@{@{_type}-line-height}",
-    @_font-style: ~"@{@{_type}-font-style}",
-
-    @_placeholder-color: ~"@{@{_type}-placeholder-color}",
-    @_placeholder-font-style: ~"@{@{_type}-placeholder-font-style}",
-
-    @_disabled-background: ~"@{@{_type}-disabled-background}",
-    @_disabled-border: ~"@{@{_type}-disabled-border}",
-    @_disabled-opacity: ~"@{@{_type}-disabled-opacity}",
-    @_disabled-color: ~"@{@{_type}-disabled-color}",
-    @_disabled-font-style: ~"@{@{_type}-disabled-font-style}",
-
-    @_focus-background: ~"@{@{_type}-focus-background}",
-    @_focus-border: ~"@{@{_type}-focus-border}",
-    @_focus-color: ~"@{@{_type}-focus-color}",
-    @_focus-font-style: ~"@{@{_type}-focus-font-style}"
+    @_background: ~"@{@{_type}__background}",
+    @_border: ~"@{@{_type}__border}",
+    @_border-radius: ~"@{@{_type}__border-radius}",
+    @_height: ~"@{@{_type}__height}",
+    @_width: ~"@{@{_type}__width}",
+    @_padding: ~"@{@{_type}__padding}",
+    @_margin: ~"@{@{_type}__margin}",
+    @_vertical-align: ~"@{@{_type}__vertical-align}",
+    @_background-clip: ~"@{@{_type}__background-clip}",
+
+    @_font-size:  ~"@{@{_type}__font-size}",
+    @_color: ~"@{@{_type}__color}",
+    @_font-family: ~"@{@{_type}__font-family}",
+    @_font-weight: ~"@{@{_type}__font-weight}",
+    @_line-height: ~"@{@{_type}__line-height}",
+    @_font-style: ~"@{@{_type}__font-style}",
+
+    @_placeholder-color: ~"@{@{_type}-placeholder__color}",
+    @_placeholder-font-style: ~"@{@{_type}-placeholder__font-style}",
+
+    @_disabled-background: ~"@{@{_type}__disabled__background}",
+    @_disabled-border: ~"@{@{_type}__disabled__border}",
+    @_disabled-opacity: ~"@{@{_type}__disabled__opacity}",
+    @_disabled-color: ~"@{@{_type}__disabled__color}",
+    @_disabled-font-style: ~"@{@{_type}__disabled__font-style}",
+
+    @_focus-background: ~"@{@{_type}__focus__background}",
+    @_focus-border: ~"@{@{_type}__focus__border}",
+    @_focus-color: ~"@{@{_type}__focus__color}",
+    @_focus-font-style: ~"@{@{_type}__focus__font-style}"
 ) {
     box-sizing: border-box;
     .css(background, @_background);
@@ -87,10 +91,10 @@
 }
 
 .form-element-choice(
-    @_type: @form-element-choice-type,
-    @_vertical-align: ~"@{@{_type}-vertical-align}",
-    @_margin: ~"@{@{_type}-margin}",
-    @_disabled-opacity: ~"@{@{_type}-disabled-opacity}"
+    @_type: @form-element-choice__type,
+    @_vertical-align: ~"@{@{_type}__vertical-align}",
+    @_margin: ~"@{@{_type}__margin}",
+    @_disabled-opacity: ~"@{@{_type}__disabled__opacity}"
 ) {
     .css(vertical-align, @_vertical-align);
     .css(margin, @_margin);
@@ -118,7 +122,7 @@
     }
 }
 
-.form-element-textarea-resize(@_textarea-resize: @textarea-resize) {
+.form-element-textarea-resize(@_textarea-resize: @textarea__resize) {
     .css(resize, @_textarea-resize);
 }
 
@@ -159,12 +163,12 @@
 }
 
 .form-validation(
-    @_element-color-error: @form-element-validation-color-error,
-    @_element-color-valid: @form-element-validation-color-valid,
-    @_element-border-color-error: @form-element-validation-border-error,
-    @_element-border-color-valid: @form-element-validation-border-valid,
-    @_element-background-error: @form-element-validation-background-error,
-    @_element-background-valid: @form-element-validation-background-valid
+    @_element-color-error: @form-element-validation__color-error,
+    @_element-color-valid: @form-element-validation__color-valid,
+    @_element-border-color-error: @form-element-validation__border-error,
+    @_element-border-color-valid: @form-element-validation__border-valid,
+    @_element-background-error: @form-element-validation__background-error,
+    @_element-background-valid: @form-element-validation__background-valid
 ) {
     &.mage-error {
         .form-element-color(
@@ -183,27 +187,27 @@
 }
 
 .form-validation-note(
-    @_note-color: @form-validation-note-color-error,
-    @_note-font-size: @form-validation-note-font-size,
-    @_note-font-family: @form-validation-note-font-family,
-    @_note-font-style: @form-validation-note-font-style,
-    @_note-font-weight: @form-validation-note-font-weight,
-    @_note-line-height: @form-validation-note-line-height,
-    @_note-margin: @form-validation-note-margin,
-    @_note-padding: @form-validation-note-padding,
-    @_note-icon-use: @form-validation-note-icon-use,
-
-    @_note-icon-font-content: @form-validation-note-icon-font-content,
-    @_note-icon-font: @form-validation-note-icon-font,
-    @_note-icon-font-size: @form-validation-note-icon-font-size,
-    @_note-icon-font-line-height: @form-validation-note-icon-font-line-height,
-    @_note-icon-font-color: @form-validation-note-icon-font-color,
-    @_note-icon-font-color-hover: @form-validation-note-icon-font-color-hover,
-    @_note-icon-font-color-active: @form-validation-note-icon-font-color-active,
-    @_note-icon-font-margin: @form-validation-note-icon-font-margin,
-    @_note-icon-font-vertical-align: @form-validation-note-icon-font-vertical-align,
-    @_note-icon-font-position: @form-validation-note-icon-font-position,
-    @_note-icon-font-text-hide: @form-validation-note-icon-font-text-hide
+    @_note-color: @form-validation-note__color-error,
+    @_note-font-size: @form-validation-note__font-size,
+    @_note-font-family: @form-validation-note__font-family,
+    @_note-font-style: @form-validation-note__font-style,
+    @_note-font-weight: @form-validation-note__font-weight,
+    @_note-line-height: @form-validation-note__line-height,
+    @_note-margin: @form-validation-note__margin,
+    @_note-padding: @form-validation-note__padding,
+    @_note-icon-use: @form-validation-note-icon__use,
+
+    @_note-icon-font-content: @form-validation-note-icon__font-content,
+    @_note-icon-font: @form-validation-note-icon__font,
+    @_note-icon-font-size: @form-validation-note-icon__font-size,
+    @_note-icon-font-line-height: @form-validation-note-icon__font-line-height,
+    @_note-icon-font-color: @form-validation-note-icon__font-color,
+    @_note-icon-font-color-hover: @form-validation-note-icon__font-color-hover,
+    @_note-icon-font-color-active: @form-validation-note-icon__font-color-active,
+    @_note-icon-font-margin: @form-validation-note-icon__font-margin,
+    @_note-icon-font-vertical-align: @form-validation-note-icon__font-vertical-align,
+    @_note-icon-font-position: @form-validation-note-icon__font-position,
+    @_note-icon-font-text-hide: @form-validation-note-icon__font-text-hide
 ) {
     .typography(
         @_font-size: @_note-font-size,
@@ -253,7 +257,6 @@
     }
 }
 
-
 .form-element-all() {
     input[type="text"],
     input[type="password"],
@@ -321,8 +324,9 @@
 }
 
 //
-// Internal use mixins
-//--------------------------------------
+//  Internal use mixins
+//  ---------------------------------------------
+
 ._form-validation-icon(
     @_note-icon-use,
     @_note-icon-font-content,
@@ -356,7 +360,7 @@
     .css(opacity, @_opacity);
 }
 
-// Only for states :disabled, :focus, placeholder
+//  Only for states :disabled, :focus, placeholder
 ._form-element-focus(
     @_background-default,
     @_background-state,
@@ -436,18 +440,18 @@
 }
 
 .form-fieldset(
-    @_border: @form-fieldset-border,
-    @_margin: @form-fieldset-margin,
-    @_padding: @form-fieldset-padding,
-    @_legend-color: @form-fieldset-legend-color,
-    @_legend-font-size: @form-fieldset-legend-font-size,
-    @_legend-font-family: @form-fieldset-legend-font-family,
-    @_legend-font-weight: @form-fieldset-legend-font-weight,
-    @_legend-font-style: @form-fieldset-legend-font-style,
-    @_legend-line-height: @form-fieldset-legend-line-height,
-    @_legend-margin: @form-fieldset-legend-margin,
-    @_legend-padding: @form-fieldset-legend-padding,
-    @_legend-width: @form-fieldset-legend-width
+    @_border: @form-fieldset__border,
+    @_margin: @form-fieldset__margin,
+    @_padding: @form-fieldset__padding,
+    @_legend-color: @form-fieldset-legend__color,
+    @_legend-font-size: @form-fieldset-legend__font-size,
+    @_legend-font-family: @form-fieldset-legend__font-family,
+    @_legend-font-weight: @form-fieldset-legend__font-weight,
+    @_legend-font-style: @form-fieldset-legend__font-style,
+    @_legend-line-height: @form-fieldset-legend__line-height,
+    @_legend-margin: @form-fieldset-legend__margin,
+    @_legend-padding: @form-fieldset-legend__padding,
+    @_legend-width: @form-fieldset-legend__width
 ) {
     .css(padding, @_padding);
     .css(margin, @_margin);
@@ -486,58 +490,58 @@
 
 .form-field(
     @_type: @form-field-type,
-    @_type-inline-margin: @form-field-type-inline-margin,
-    @_type-inline-label-margin: @form-field-type-inline-label-margin,
-    @_type-inline-label-padding: @form-field-type-inline-label-padding,
-    @_type-inline-label-align: @form-field-type-inline-label-align,
-    @_type-inline-label-width: @form-field-type-inline-label-width,
-    @_type-inline-control-width: @form-field-type-inline-control-width,
-    @_vertical-indent: @form-field-vertical-indent,
-    @_additional-vertical-indent: @form-field-additional-vertical-indent,
-    @_type-block-margin: @form-field-type-block-margin,
-    @_type-block-label-margin: @form-field-type-block-label-margin,
-    @_type-block-label-padding: @form-field-type-block-label-padding,
-    @_type-block-label-align: @form-field-type-block-label-align,
-
-    @_border: @form-field-border,
+    @_type-inline-margin: @form-field-type-inline__margin,
+    @_type-inline-label-margin: @form-field-type-label-inline__margin,
+    @_type-inline-label-padding: @form-field-type-label-inline__padding,
+    @_type-inline-label-align: @form-field-type-label-inline__align,
+    @_type-inline-label-width: @form-field-type-label-inline__width,
+    @_type-inline-control-width: @form-field-type-control-inline__width,
+    @_vertical-indent: @form-field__vertical-indent,
+    @_additional-vertical-indent: @form-field__additional-vertical-indent,
+    @_type-block-margin: @form-field-type-block__margin,
+    @_type-block-label-margin: @form-field-type-label-block__margin,
+    @_type-block-label-padding: @form-field-type-label-block__padding,
+    @_type-block-label-align: @form-field-type-label-block__align,
+
+    @_border: @form-field__border,
     @_column: @form-field-column,
-    @_column-padding: @form-field-column-padding,
-    @_column-number: @form-field-column-number,
-
-    @_label-color: @form-field-label-color,
-    @_label-font-size: @form-field-label-font-size,
-    @_label-font-family: @form-field-label-font-family,
-    @_label-font-weight: @form-field-label-font-weight,
-    @_label-font-style: @form-field-label-font-style,
-    @_label-line-height: @form-field-label-line-height,
-
-    @_label-asterisk-color: @form-field-label-asterisk-color,
-    @_label-asterisk-font-size: @form-field-label-asterisk-font-size,
-    @_label-asterisk-font-family: @form-field-label-asterisk-font-family,
-    @_label-asterisk-font-weight: @form-field-label-asterisk-font-weight,
-    @_label-asterisk-font-style: @form-field-label-asterisk-font-style,
-    @_label-asterisk-line-height: @form-field-label-asterisk-line-height,
-    @_label-asterisk-margin: @form-field-label-asterisk-margin,
-
-    @_note-color: @form-field-note-color,
-    @_note-font-size: @form-field-note-font-size,
-    @_note-font-family: @form-field-note-font-family,
-    @_note-font-weight: @form-field-note-font-weight,
-    @_note-line-height: @form-field-note-line-height,
-    @_note-font-style: @form-field-note-font-style,
-    @_note-margin: @form-field-note-margin,
-    @_note-padding: @form-field-note-padding,
-    @_note-icon-font-content: @form-field-note-icon-font-content,
+    @_column-padding: @form-field-column__padding,
+    @_column-number: @form-field-column__number,
+
+    @_label-color: @form-field-label__color,
+    @_label-font-size: @form-field-label__font-size,
+    @_label-font-family: @form-field-label__font-family,
+    @_label-font-weight: @form-field-label__font-weight,
+    @_label-font-style: @form-field-label__font-style,
+    @_label-line-height: @form-field-label__line-height,
+
+    @_label-asterisk-color: @form-field-label-asterisk__color,
+    @_label-asterisk-font-size: @form-field-label-asterisk__font-size,
+    @_label-asterisk-font-family: @form-field-label-asterisk__font-family,
+    @_label-asterisk-font-weight: @form-field-label-asterisk__font-weight,
+    @_label-asterisk-font-style: @form-field-label-asterisk__font-style,
+    @_label-asterisk-line-height: @form-field-label-asterisk__line-height,
+    @_label-asterisk-margin: @form-field-label-asterisk__margin,
+
+    @_note-color: @form-field-note__color,
+    @_note-font-size: @form-field-note__font-size,
+    @_note-font-family: @form-field-note__font-family,
+    @_note-font-weight: @form-field-note__font-weight,
+    @_note-line-height: @form-field-note__line-height,
+    @_note-font-style: @form-field-note__font-style,
+    @_note-margin: @form-field-note__margin,
+    @_note-padding: @form-field-note__padding,
+    @_note-icon-font-content: @form-field-note-icon-font__content,
     @_note-icon-font: @form-field-note-icon-font,
-    @_note-icon-font-size: @form-field-note-icon-font-size,
-    @_note-icon-font-line-height: @form-field-note-icon-font-line-height,
-    @_note-icon-font-color: @form-field-note-icon-font-color,
-    @_note-icon-font-color-hover: @form-field-note-icon-font-color-hover,
-    @_note-icon-font-color-active: @form-field-note-icon-font-color-active,
-    @_note-icon-font-margin: @form-field-note-icon-font-margin,
-    @_note-icon-font-vertical-align: @form-field-note-icon-font-vertical-align,
-    @_note-icon-font-position: @form-field-note-icon-font-position,
-    @_note-icon-font-text-hide: @form-field-note-icon-font-text-hide
+    @_note-icon-font-size: @form-field-note-icon-font__size,
+    @_note-icon-font-line-height: @form-field-note-icon-font__line-height,
+    @_note-icon-font-color: @form-field-note-icon-font__color,
+    @_note-icon-font-color-hover: @form-field-note-icon-font__color-hover,
+    @_note-icon-font-color-active: @form-field-note-icon-font__color-active,
+    @_note-icon-font-margin: @form-field-note-icon-font__margin,
+    @_note-icon-font-vertical-align: @form-field-note-icon-font__vertical-align,
+    @_note-icon-font-position: @form-field-note-icon-font__position,
+    @_note-icon-font-text-hide: @form-field-note-icon-font__text-hide
 ) {
     .css(border, @_border);
 
@@ -676,17 +680,17 @@
 
 .form-field-type(
     @_type: @form-field-type,
-    @_type-inline-margin: @form-field-type-inline-margin,
-    @_type-inline-label-margin: @form-field-type-inline-label-margin,
-    @_type-inline-label-padding: @form-field-type-inline-label-padding,
-    @_type-inline-label-align: @form-field-type-inline-label-align,
-    @_type-inline-label-width: @form-field-type-inline-label-width,
-    @_type-inline-control-width: @form-field-type-inline-control-width,
-    @_vertical-indent: @form-field-vertical-indent,
-    @_type-block-margin: @form-field-type-block-margin,
-    @_type-block-label-margin: @form-field-type-block-label-margin,
-    @_type-block-label-padding: @form-field-type-block-label-padding,
-    @_type-block-label-align: @form-field-type-block-label-align
+    @_type-inline-margin: @form-field-type-inline__margin,
+    @_type-inline-label-margin: @form-field-type-label-inline__margin,
+    @_type-inline-label-padding: @form-field-type-label-inline__padding,
+    @_type-inline-label-align: @form-field-type-label-inline__align,
+    @_type-inline-label-width: @form-field-type-label-inline__width,
+    @_type-inline-control-width: @form-field-type-control-inline__width,
+    @_vertical-indent: @form-field__vertical-indent,
+    @_type-block-margin: @form-field-type-block__margin,
+    @_type-block-label-margin: @form-field-type-label-block__margin,
+    @_type-block-label-padding: @form-field-type-label-block__padding,
+    @_type-block-label-align: @form-field-type-label-block__align
 ) when (@_type = inline) {
     ._form-field-type-inline(
         @_type-inline-margin,
@@ -701,17 +705,17 @@
 
 .form-field-type(
     @_type: @form-field-type,
-    @_type-inline-margin: @form-field-type-inline-margin,
-    @_type-inline-label-margin: @form-field-type-inline-label-margin,
-    @_type-inline-label-padding: @form-field-type-inline-label-padding,
-    @_type-inline-label-align: @form-field-type-inline-label-align,
-    @_type-inline-label-width: @form-field-type-inline-label-width,
-    @_type-inline-control-width: @form-field-type-inline-control-width,
-    @_vertical-indent: @form-field-vertical-indent,
-    @_type-block-margin: @form-field-type-block-margin,
-    @_type-block-label-margin: @form-field-type-block-label-margin,
-    @_type-block-label-padding: @form-field-type-block-label-padding,
-    @_type-block-label-align: @form-field-type-block-label-align
+    @_type-inline-margin: @form-field-type-inline__margin,
+    @_type-inline-label-margin: @form-field-type-label-inline__margin,
+    @_type-inline-label-padding: @form-field-type-label-inline__padding,
+    @_type-inline-label-align: @form-field-type-label-inline__align,
+    @_type-inline-label-width: @form-field-type-label-inline__width,
+    @_type-inline-control-width: @form-field-type-control-inline__width,
+    @_vertical-indent: @form-field__vertical-indent,
+    @_type-block-margin: @form-field-type-block__margin,
+    @_type-block-label-margin: @form-field-type-label-block__margin,
+    @_type-block-label-padding: @form-field-type-label-block__padding,
+    @_type-block-label-align: @form-field-type-label-block__align
 ) when (@_type = block) {
     ._form-field-type-block(
         @_type-block-margin,
@@ -782,13 +786,13 @@
 }
 
 ._form-field-required(
-    @_color: @form-field-label-asterisk-color,
-    @_font-size: @form-field-label-asterisk-font-size,
-    @_font-family: @form-field-label-asterisk-font-family,
-    @_font-weight: @form-field-label-asterisk-font-weight,
-    @_font-style: @form-field-label-asterisk-font-style,
-    @_line-height: @form-field-label-asterisk-line-height,
-    @_margin: @form-field-label-asterisk-margin
+    @_color: @form-field-label-asterisk__color,
+    @_font-size: @form-field-label-asterisk__font-size,
+    @_font-family: @form-field-label-asterisk__font-family,
+    @_font-weight: @form-field-label-asterisk__font-weight,
+    @_font-style: @form-field-label-asterisk__font-style,
+    @_line-height: @form-field-label-asterisk__line-height,
+    @_margin: @form-field-label-asterisk__margin
 ) {
     &.required > .label:after {
         content: '*';
@@ -855,17 +859,17 @@
 
 .form-field-type-revert(
     @_type: @form-field-type-revert,
-    @_type-inline-margin: @form-field-type-inline-margin,
-    @_type-inline-label-margin: @form-field-type-inline-label-margin,
-    @_type-inline-label-padding: @form-field-type-inline-label-padding,
-    @_type-inline-label-align: @form-field-type-inline-label-align,
-    @_type-inline-label-width: @form-field-type-inline-label-width,
-    @_type-inline-control-width: @form-field-type-inline-control-width,
-    @_vertical-indent: @form-field-vertical-indent,
-    @_type-block-margin: @form-field-type-block-margin,
-    @_type-block-label-margin: @form-field-type-block-label-margin,
-    @_type-block-label-padding: @form-field-type-block-label-padding,
-    @_type-block-label-align: @form-field-type-block-label-align
+    @_type-inline-margin: @form-field-type-inline__margin,
+    @_type-inline-label-margin: @form-field-type-label-inline__margin,
+    @_type-inline-label-padding: @form-field-type-label-inline__padding,
+    @_type-inline-label-align: @form-field-type-label-inline__align,
+    @_type-inline-label-width: @form-field-type-label-inline__width,
+    @_type-inline-control-width: @form-field-type-control-inline__width,
+    @_vertical-indent: @form-field__vertical-indent,
+    @_type-block-margin: @form-field-type-block__margin,
+    @_type-block-label-margin: @form-field-type-label-block__margin,
+    @_type-block-label-padding: @form-field-type-label-block__padding,
+    @_type-block-label-align: @form-field-type-label-block__align
 ) when (@_type = block) and not (@_type = false) {
     &:not(.choice) {
         > .label {
@@ -898,17 +902,17 @@
 
 .form-field-type-revert(
     @_type: @form-field-type-revert,
-    @_type-inline-margin: @form-field-type-inline-margin,
-    @_type-inline-label-margin: @form-field-type-inline-label-margin,
-    @_type-inline-label-padding: @form-field-type-inline-label-padding,
-    @_type-inline-label-align: @form-field-type-inline-label-align,
-    @_type-inline-label-width: @form-field-type-inline-label-width,
-    @_type-inline-control-width: @form-field-type-inline-control-width,
-    @_vertical-indent: @form-field-vertical-indent,
-    @_type-block-margin: @form-field-type-block-margin,
-    @_type-block-label-margin: @form-field-type-block-label-margin,
-    @_type-block-label-padding: @form-field-type-block-label-padding,
-    @_type-block-label-align: @form-field-type-block-label-align
+    @_type-inline-margin: @form-field-type-inline__margin,
+    @_type-inline-label-margin: @form-field-type-label-inline__margin,
+    @_type-inline-label-padding: @form-field-type-label-inline__padding,
+    @_type-inline-label-align: @form-field-type-label-inline__align,
+    @_type-inline-label-width: @form-field-type-label-inline__width,
+    @_type-inline-control-width: @form-field-type-control-inline__width,
+    @_vertical-indent: @form-field__vertical-indent,
+    @_type-block-margin: @form-field-type-block__margin,
+    @_type-block-label-margin: @form-field-type-label-block__margin,
+    @_type-block-label-padding: @form-field-type-label-block__padding,
+    @_type-block-label-align: @form-field-type-label-block__align
 ) when (@_type = inline) and not (@_type = false) {
     > .label {
         ._revert-type-inline-label-margin(
@@ -928,8 +932,8 @@
 
 .form-field-column(
     @_column: @form-field-column,
-    @_column-padding: @form-field-column-padding,
-    @_column-number: @form-field-column-number
+    @_column-padding: @form-field-column__padding,
+    @_column-number: @form-field-column__number
 ) when (@_column = true) {
     box-sizing: border-box;
     //float: left;
@@ -943,7 +947,7 @@
     }
 }
 
-.form-field-column-number(@_column-number: @form-field-column-number) {
+.form-field-column-number(@_column-number: @form-field-column__number) {
     .css(width, 100% / @_column-number);
 }
 
@@ -966,16 +970,16 @@
 }
 
 .form-hasrequired(
-    @_position: @form-hasrequired-position,
-    @_color: @form-hasrequired-color,
-    @_font-size: @form-hasrequired-font-size,
-    @_font-family: @form-hasrequired-font-family,
-    @_font-weight: @form-hasrequired-font-weight,
-    @_font-style: @form-hasrequired-font-style,
-    @_line-height: @form-hasrequired-line-height,
-    @_border: @form-hasrequired-border,
-    @_margin: @form-hasrequired-margin,
-    @_padding: @form-hasrequired-padding
+    @_position: @form-hasrequired__position,
+    @_color: @form-hasrequired__color,
+    @_font-size: @form-hasrequired__font-size,
+    @_font-family: @form-hasrequired__font-family,
+    @_font-weight: @form-hasrequired__font-weight,
+    @_font-style: @form-hasrequired__font-style,
+    @_line-height: @form-hasrequired__line-height,
+    @_border: @form-hasrequired__border,
+    @_margin: @form-hasrequired__margin,
+    @_padding: @form-hasrequired__padding
 ) {
     ._form-hasrequired-position(
         @_position,
diff --git a/lib/web/css/source/lib/grids.less b/lib/web/css/source/lib/_grids.less
similarity index 95%
rename from lib/web/css/source/lib/grids.less
rename to lib/web/css/source/lib/_grids.less
index 09acbc342030d..dfa39a7a0172a 100644
--- a/lib/web/css/source/lib/grids.less
+++ b/lib/web/css/source/lib/_grids.less
@@ -2,11 +2,12 @@
 //  * Copyright © 2015 Magento. All rights reserved.
 //  * See COPYING.txt for license details.
 //  */
-// ==============================================
-// Grid mixins
-// ==============================================
 
-// You shouldn't need to touch this! Internal use only.
+//
+//  Grid mixins
+//  _____________________________________________
+
+//  You shouldn't need to touch this! Internal use only.
 @column-width: 1;
 @total-columns: 1;
 @gutter-width: 1;
@@ -25,9 +26,6 @@
 .inline-column-wrapper() when (@using-ieclasses) {
     letter-spacing: -.31em;
     word-spacing: -.43em;
-    .ie7 & {
-        letter-spacing: normal;
-    }
 }
 
 .column() {
diff --git a/lib/web/css/source/lib/icons.less b/lib/web/css/source/lib/_icons.less
similarity index 64%
rename from lib/web/css/source/lib/icons.less
rename to lib/web/css/source/lib/_icons.less
index 1d87cf53cf0be..9dee08a337af6 100644
--- a/lib/web/css/source/lib/icons.less
+++ b/lib/web/css/source/lib/_icons.less
@@ -4,21 +4,26 @@
 //  */
 
 //
-//    Icons using font
-//--------------------------------------
+//  Icons
+//  _____________________________________________
+
+//
+//  Icons using font
+//  ---------------------------------------------
+
 .icon-font(
     @_icon-font-content,
     @_icon-font: @icon-font,
-    @_icon-font-size: @icon-font-size,
-    @_icon-font-line-height: @icon-font-line-height,
-    @_icon-font-color: @icon-font-color,
-    @_icon-font-color-hover: @icon-font-color-hover,
-    @_icon-font-color-active: @icon-font-color-active,
-    @_icon-font-margin: @icon-font-margin,
-    @_icon-font-vertical-align: @icon-font-vertical-align,
-    @_icon-font-position: @icon-font-position,
-    @_icon-font-text-hide: @icon-font-text-hide,
-    @_icon-font-display: @icon-font-display
+    @_icon-font-size: @icon-font__size,
+    @_icon-font-line-height: @icon-font__line-height,
+    @_icon-font-color: @icon-font__color,
+    @_icon-font-color-hover: @icon-font__color-hover,
+    @_icon-font-color-active: @icon-font__color-active,
+    @_icon-font-margin: @icon-font__margin,
+    @_icon-font-vertical-align: @icon-font__vertical-align,
+    @_icon-font-position: @icon-font__position,
+    @_icon-font-text-hide: @icon-font__text-hide,
+    @_icon-font-display: @icon-font__display
 ) when (@_icon-font-position = before) {
     .css(display, @_icon-font-display);
     text-decoration: none;
@@ -50,16 +55,16 @@
 .icon-font(
     @_icon-font-content,
     @_icon-font: @icon-font,
-    @_icon-font-size: @icon-font-size,
-    @_icon-font-line-height: @icon-font-line-height,
-    @_icon-font-color: @icon-font-color,
-    @_icon-font-color-hover: @icon-font-color-hover,
-    @_icon-font-color-active: @icon-font-color-active,
-    @_icon-font-margin: @icon-font-margin,
-    @_icon-font-vertical-align: @icon-font-vertical-align,
-    @_icon-font-position: @icon-font-position,
-    @_icon-font-text-hide: @icon-font-text-hide,
-    @_icon-font-display: @icon-font-display
+    @_icon-font-size: @icon-font__size,
+    @_icon-font-line-height: @icon-font__line-height,
+    @_icon-font-color: @icon-font__color,
+    @_icon-font-color-hover: @icon-font__color-hover,
+    @_icon-font-color-active: @icon-font__color-active,
+    @_icon-font-margin: @icon-font__margin,
+    @_icon-font-vertical-align: @icon-font__vertical-align,
+    @_icon-font-position: @icon-font__position,
+    @_icon-font-text-hide: @icon-font__text-hide,
+    @_icon-font-display: @icon-font__display
 ) when (@_icon-font-position = after) {
     .css(display, @_icon-font-display);
     text-decoration: none;
@@ -88,9 +93,9 @@
 }
 
 .icon-font-size(
-    @_icon-font-size: @icon-font-size,
-    @_icon-font-line-height: @icon-font-line-height,
-    @_icon-font-position: @icon-font-position
+    @_icon-font-size: @icon-font__size,
+    @_icon-font-line-height: @icon-font__line-height,
+    @_icon-font-position: @icon-font__position
 ) when (@_icon-font-position = before) {
     &:before {
         ._icon-font-size(@_icon-font-size, @_icon-font-line-height);
@@ -98,9 +103,9 @@
 }
 
 .icon-font-size(
-    @_icon-font-size: @icon-font-size,
-    @_icon-font-line-height: @icon-font-line-height,
-    @_icon-font-position: @icon-font-position
+    @_icon-font-size: @icon-font__size,
+    @_icon-font-line-height: @icon-font__line-height,
+    @_icon-font-position: @icon-font__position
 ) when (@_icon-font-position = after) {
     &:after {
         ._icon-font-size(@_icon-font-size, @_icon-font-line-height);
@@ -110,7 +115,7 @@
 
 .icon-font-symbol(
     @_icon-font-content,
-    @_icon-font-position: @icon-font-position
+    @_icon-font-position: @icon-font__position
 ) when (@_icon-font-position = before) {
     &:before {
         .css(content, @_icon-font-content);
@@ -119,7 +124,7 @@
 
 .icon-font-symbol(
     @_icon-font-content,
-    @_icon-font-position: @icon-font-position
+    @_icon-font-position: @icon-font__position
 ) when (@_icon-font-position = after) {
     &:after {
         .css(content, @_icon-font-content);
@@ -127,18 +132,19 @@
 }
 
 //
-//    Icons using image or sprite
-//--------------------------------------
+//  Icons using image or sprite
+//  ---------------------------------------------
+
 .icon-image(
     @_icon-image,
-    @_icon-image-width: @icon-width,
-    @_icon-image-height: @icon-height,
-    @_icon-image-margin: @icon-margin,
-    @_icon-image-vertical-align: @icon-vertical-align,
-    @_icon-image-position-x: @icon-image-position-x,
-    @_icon-image-position-y: @icon-image-position-y,
-    @_icon-image-position: @icon-position,
-    @_icon-image-text-hide: @icon-text-hide
+    @_icon-image-width: @icon__width,
+    @_icon-image-height: @icon__height,
+    @_icon-image-margin: @icon__margin,
+    @_icon-image-vertical-align: @icon__vertical-align,
+    @_icon-image-position-x: @icon-image__position-x,
+    @_icon-image-position-y: @icon-image__position-y,
+    @_icon-image-position: @icon__position,
+    @_icon-image-text-hide: @icon__text-hide
 ) when (@_icon-image-position = before) {
     display: inline-block;
     ._icon-text-hide(@_icon-image-text-hide);
@@ -158,14 +164,14 @@
 
 .icon-image(
     @_icon-image,
-    @_icon-image-width: @icon-width,
-    @_icon-image-height: @icon-height,
-    @_icon-image-margin: @icon-margin,
-    @_icon-image-vertical-align: @icon-vertical-align,
-    @_icon-image-position-x: @icon-image-position-x,
-    @_icon-image-position-y: @icon-image-position-y,
-    @_icon-image-position: @icon-position,
-    @_icon-image-text-hide: @icon-text-hide
+    @_icon-image-width: @icon__width,
+    @_icon-image-height: @icon__height,
+    @_icon-image-margin: @icon__margin,
+    @_icon-image-vertical-align: @icon__vertical-align,
+    @_icon-image-position-x: @icon-image__position-x,
+    @_icon-image-position-y: @icon-image__position-y,
+    @_icon-image-position: @icon__position,
+    @_icon-image-text-hide: @icon__text-hide
 ) when (@_icon-image-position = after) {
     display: inline-block;
     ._icon-text-hide(@_icon-image-text-hide);
@@ -184,9 +190,9 @@
 }
 
 .icon-image-position(
-    @_icon-image-position-x: @icon-image-position-x,
-    @_icon-image-position-y: @icon-image-position-y,
-    @_icon-image-position: @icon-position
+    @_icon-image-position-x: @icon-image__position-x,
+    @_icon-image-position-y: @icon-image__position-y,
+    @_icon-image-position: @icon__position
 ) when (@_icon-image-position = before) {
     &:before {
         ._icon-image-position(
@@ -197,9 +203,9 @@
 }
 
 .icon-image-position(
-    @_icon-image-position-x: @icon-image-position-x,
-    @_icon-image-position-y: @icon-image-position-y,
-    @_icon-image-position: @icon-position
+    @_icon-image-position-x: @icon-image__position-x,
+    @_icon-image-position-y: @icon-image__position-y,
+    @_icon-image-position: @icon__position
 ) when (@_icon-image-position = after) {
     &:after {
         ._icon-image-position(
@@ -210,10 +216,10 @@
 }
 
 .icon-sprite-position(
-    @_icon-sprite-position-x: @icon-sprite-position-x,
-    @_icon-sprite-position-y: @icon-sprite-position-y,
-    @_icon-sprite-grid: @icon-sprite-grid,
-    @_icon-sprite-position: @icon-position
+    @_icon-sprite-position-x: @icon-sprite__position-x,
+    @_icon-sprite-position-y: @icon-sprite__position-y,
+    @_icon-sprite-grid: @icon-sprite__grid,
+    @_icon-sprite-position: @icon__position
 ) when (@_icon-sprite-position = before) {
     &:before {
         ._icon-sprite-position(
@@ -225,10 +231,10 @@
 }
 
 .icon-sprite-position(
-    @_icon-sprite-position-x: @icon-sprite-position-x,
-    @_icon-sprite-position-y: @icon-sprite-position-y,
-    @_icon-sprite-grid: @icon-sprite-grid,
-    @_icon-sprite-position: @icon-position
+    @_icon-sprite-position-x: @icon-sprite__position-x,
+    @_icon-sprite-position-y: @icon-sprite__position-y,
+    @_icon-sprite-grid: @icon-sprite__grid,
+    @_icon-sprite-position: @icon__position
 ) when (@_icon-sprite-position = after) {
     &:after {
         ._icon-sprite-position(
@@ -240,9 +246,9 @@
 }
 
 .icon-image-size(
-    @_icon-image-width: @icon-width,
-    @_icon-image-height: @icon-height,
-    @_icon-image-position: @icon-position
+    @_icon-image-width: @icon__width,
+    @_icon-image-height: @icon__height,
+    @_icon-image-position: @icon__position
 ) when (@_icon-image-position = before) {
     &:before {
         ._icon-image-size(@_icon-image-width, @_icon-image-height);
@@ -250,9 +256,9 @@
 }
 
 .icon-image-size(
-    @_icon-image-width: @icon-width,
-    @_icon-image-height: @icon-height,
-    @_icon-image-position: @icon-position
+    @_icon-image-width: @icon__width,
+    @_icon-image-height: @icon__height,
+    @_icon-image-position: @icon__position
 ) when (@_icon-image-position = before) {
     &:after {
         ._icon-image-size(@_icon-image-width, @_icon-image-height);
@@ -266,8 +272,9 @@
 }
 
 //
-//    Internal use mixins
-//--------------------------------------
+//  Internal use mixins
+//  ---------------------------------------------
+
 ._icon-text-hide(@_icon-text-hide) when (@_icon-text-hide = true) {
     .icon-text-hide();
 }
@@ -301,11 +308,11 @@
 }
 
 ._icon-image-size(
-    @icon-width,
-    @icon-height
+    @icon__width,
+    @icon__height
 ) {
-    .css(width, @icon-width);
-    .css(height, @icon-height);
+    .css(width, @icon__width);
+    .css(height, @icon__height);
 }
 
 ._icon-sprite-position(
diff --git a/lib/web/css/source/lib/layout.less b/lib/web/css/source/lib/_layout.less
similarity index 54%
rename from lib/web/css/source/lib/layout.less
rename to lib/web/css/source/lib/_layout.less
index 31351c3e2afcf..408f28fe9f7b4 100644
--- a/lib/web/css/source/lib/layout.less
+++ b/lib/web/css/source/lib/_layout.less
@@ -3,33 +3,36 @@
 //  * See COPYING.txt for license details.
 //  */
 
-// Page Width mixin
+//
+//  Layout
+//  _____________________________________________
 
+//  Page Width mixin
 .layout-width(
-    @_layout-min-width: @layout-min-width,
-    @_layout-max-width: @layout-max-width,
-    @_layout-indent: @layout-indent
+    @_layout__min-width: @layout__min-width,
+    @_layout__max-width: @layout__max-width,
+    @_layout__indent: @layout-indent__width
 ) when not (@responsive = true) {
-    ._layout-width(@_layout-min-width, @_layout-max-width);
+    ._layout-width(@_layout__min-width, @_layout__max-width);
     margin: 0 auto;
-    .css(padding-left, @layout-indent);
-    .css(padding-right, @layout-indent);
+    .css(padding-left, @layout-indent__width);
+    .css(padding-right, @layout-indent__width);
 }
 
 ._layout-width(
-        @_layout-min-width: @layout-min-width,
-        @_layout-max-width: @layout-max-width
-    ) when (@_layout-min-width = @_layout-max-width) {
-    .css(width, @_layout-min-width);
+        @_layout__min-width: @layout__min-width,
+        @_layout__max-width: @layout__max-width
+    ) when (@_layout__min-width = @_layout__max-width) {
+    .css(width, @_layout__min-width);
 }
 
 ._layout-width(
-        @_layout-min-width: @layout-min-width,
-        @_layout-max-width: @layout-max-width
-    ) when not (@_layout-min-width = @_layout-max-width) {
+        @_layout__min-width: @layout__min-width,
+        @_layout__max-width: @layout__max-width
+    ) when not (@_layout__min-width = @_layout__max-width) {
     width: auto;
-    .css(min-width, @_layout-min-width);
-    .css(max-width, @_layout-max-width);
+    .css(min-width, @_layout__min-width);
+    .css(max-width, @_layout__max-width);
 }
 
 #layout-columns() {
@@ -51,37 +54,37 @@
             .layout-column(1, 2, 100%);
         }
         .@{layout-class-3columns} & {
-            .layout-column(3, 2, @layout-column-main-width-3);
+            .layout-column(3, 2, @layout-column-main__width-3);
         }
-        .@{layout-class-2columns-left} & {
-            .layout-column(2, 2, @layout-column-main-width-2-left);
+        .@{layout-class-2columns__left} & {
+            .layout-column(2, 2, @layout-column-main__width-2-left);
         }
-        .@{layout-class-2columns-right} & {
-            .layout-column(2, 1, @layout-column-main-width-2-right);
+        .@{layout-class-2columns__right} & {
+            .layout-column(2, 1, @layout-column-main__width-2-right);
         }
     }
 
     .left() {
         .@{layout-class-3columns} & {
-            .layout-column(3, 1, @layout-column-left-width);
+            .layout-column(3, 1, @layout-column__left-width);
         }
-        .@{layout-class-2columns-left} & {
-            .layout-column(2, 1, @layout-column-left-width);
+        .@{layout-class-2columns__left} & {
+            .layout-column(2, 1, @layout-column__left-width);
         }
-        .@{layout-class-2columns-right} & {
-            .layout-column(2, 1, @layout-column-left-width);
+        .@{layout-class-2columns__right} & {
+            .layout-column(2, 1, @layout-column__left-width);
         }
     }
 
     .right() {
         .@{layout-class-3columns} & {
-            .layout-column(3, 3, @layout-column-right-width);
+            .layout-column(3, 3, @layout-column__right-width);
         }
-        .@{layout-class-2columns-left} & {
-            .layout-column(2, 2, @layout-column-right-width);
+        .@{layout-class-2columns__left} & {
+            .layout-column(2, 2, @layout-column__right-width);
         }
-        .@{layout-class-2columns-right} & {
-            .layout-column(2, 2, @layout-column-right-width);
+        .@{layout-class-2columns__right} & {
+            .layout-column(2, 2, @layout-column__right-width);
         }
     }
 }
diff --git a/lib/web/css/source/lib/_lib.less b/lib/web/css/source/lib/_lib.less
new file mode 100644
index 0000000000000..595c34e7ebde2
--- /dev/null
+++ b/lib/web/css/source/lib/_lib.less
@@ -0,0 +1,31 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Global lib
+//  _____________________________________________
+
+@import (reference) '_extends';
+@import '_actions-toolbar';
+@import '_breadcrumbs';
+@import '_buttons';
+@import '_dropdowns';
+@import '_forms';
+@import '_grids';
+@import '_icons';
+@import '_layout';
+@import '_loaders';
+@import '_messages';
+@import '_navigation';
+@import '_pages';
+@import '_popups';
+@import '_rating';
+@import '_resets';
+@import '_sections';
+@import '_tables';
+@import '_tooltips';
+@import '_typography';
+@import '_utilities';
+@import '_variables';
diff --git a/lib/web/css/source/lib/loaders.less b/lib/web/css/source/lib/_loaders.less
similarity index 62%
rename from lib/web/css/source/lib/loaders.less
rename to lib/web/css/source/lib/_loaders.less
index 640bb0255c49a..a1beb7667c046 100644
--- a/lib/web/css/source/lib/loaders.less
+++ b/lib/web/css/source/lib/_loaders.less
@@ -3,23 +3,27 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Loaders
+//  _____________________________________________
+
 .loader(
-    @_loader-overlay-background-color: @loader-overlay-background-color,
-    @_loader-overlay-z-index: @loader-overlay-z-index,
-    @_loader-icon-width: @loader-icon-width,
-    @_loader-icon-height: @loader-icon-height,
-    @_loader-icon-background-color: @loader-icon-background-color,
-    @_loader-icon-background-image: @loader-icon-background-image,
-    @_loader-icon-background-position: @loader-icon-background-position,
-    @_loader-icon-border-radius: @loader-icon-border-radius,
-    @_loader-icon-padding: @loader-icon-padding,
+    @_loader-overlay-background-color: @loader-overlay__background-color,
+    @_loader-overlay-z-index: @loader-overlay__z-index,
+    @_loader-icon-width: @loader-icon__width,
+    @_loader-icon-height: @loader-icon__height,
+    @_loader-icon-background-color: @loader-icon__background-color,
+    @_loader-icon-background-image: @loader-icon__background-image,
+    @_loader-icon-background-position: @loader-icon__background-position,
+    @_loader-icon-border-radius: @loader-icon__border-radius,
+    @_loader-icon-padding: @loader-icon__padding,
     @_loader-text: @loader-text,
-    @_loader-text-color: @loader-text-color,
-    @_loader-text-font-size: @loader-text-font-size,
-    @_loader-text-font-family: @loader-text-font-family,
-    @_loader-text-font-weight: @loader-text-font-weight,
-    @_loader-text-font-style: @loader-text-font-style,
-    @_loader-text-padding: @loader-text-padding
+    @_loader-text-color: @loader-text__color,
+    @_loader-text-font-size: @loader-text__font-size,
+    @_loader-text-font-family: @loader-text__font-family,
+    @_loader-text-font-weight: @loader-text__font-weight,
+    @_loader-text-font-style: @loader-text__font-style,
+    @_loader-text-padding: @loader-text__padding
 ) {
     position: fixed;
     top: 0;
@@ -63,8 +67,8 @@
 }
 
 .loading(
-    @_loading-background-color: @loading-background-color,
-    @_loading-background-image: @loading-background-image
+    @_loading-background-color: @loading__background-color,
+    @_loading-background-image: @loading__background-image
 ) {
     position: relative;
     &:before {
diff --git a/lib/web/css/source/lib/messages.less b/lib/web/css/source/lib/_messages.less
similarity index 53%
rename from lib/web/css/source/lib/messages.less
rename to lib/web/css/source/lib/_messages.less
index 00f3404d76f21..8c058baaf758f 100644
--- a/lib/web/css/source/lib/messages.less
+++ b/lib/web/css/source/lib/_messages.less
@@ -3,17 +3,21 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Messages
+//  _____________________________________________
+
 .message(@_message-type: info) {
-    @_message-background: "message-@{_message-type}-background";
-    @_message-border-color: "message-@{_message-type}-border-color";
-    @_message-color: "message-@{_message-type}-color";
-    @_message-link-color: "message-@{_message-type}-link-color";
-    @_message-link-color-hover: "message-@{_message-type}-link-color-hover";
-    @_message-link-color-active: "message-@{_message-type}-link-color-active";
-    @_message-icon-top: "message-@{_message-type}-icon-top";
-    @_message-icon-right: "message-@{_message-type}-icon-right";
-    @_message-icon-bottom: "message-@{_message-type}-icon-bottom";
-    @_message-icon-left: "message-@{_message-type}-icon-left";
+    @_message-background: "message-@{_message-type}__background";
+    @_message-border-color: "message-@{_message-type}__border-color";
+    @_message-color: "message-@{_message-type}__color";
+    @_message-link-color: "message-@{_message-type}-link__color";
+    @_message-link-color-hover: "message-@{_message-type}-link__color-hover";
+    @_message-link-color-active: "message-@{_message-type}-link__color-active";
+    @_message-icon-top: "message-@{_message-type}-icon__top";
+    @_message-icon-right: "message-@{_message-type}-icon__right";
+    @_message-icon-bottom: "message-@{_message-type}-icon__bottom";
+    @_message-icon-left: "message-@{_message-type}-icon__left";
     ._message();
     ._message-style(
         @_message-color: @@_message-color,
@@ -26,32 +30,32 @@
 }
 
 ._message(
-    @_message-padding: @message-padding,
-    @_message-margin: @message-margin,
-    @_message-border-radius: @message-border-radius
+    @_message-padding: @message__padding,
+    @_message-margin: @message__margin,
+    @_message-border-radius: @message__border-radius
 ) {
     display: block;
     .css(margin, @_message-margin);
     .css(padding, @_message-padding);
     .css(border-radius, @_message-border-radius);
     .typography(
-        @_color: @message-color,
-        @_font-size: @message-font-size,
-        @_font-family: @message-font-family,
-        @_font-weight: @message-font-weight,
-        @_font-style: @message-font-style,
-        @_line-height: @message-line-height
+        @_color: @message__color,
+        @_font-size: @message__font-size,
+        @_font-family: @message__font-family,
+        @_font-weight: @message__font-weight,
+        @_font-style: @message__font-style,
+        @_line-height: @message__line-height
     );
-    ._message-border(@message-border-width, @message-border-style);
+    ._message-border(@message__border-width, @message__border-style);
 }
 
 ._message-style(
-    @_message-background: @message-info-background,
-    @_message-color: @message-info-color,
-    @_message-link-color: @message-info-link-color,
-    @_message-link-color-hover: @message-info-link-color-hover,
-    @_message-link-color-active: @message-info-link-color-active,
-    @_message-border-color: @message-info-border-color
+    @_message-background: @message-info__background,
+    @_message-color: @message-info__color,
+    @_message-link-color: @message-info-link__color,
+    @_message-link-color-hover: @message-info-link__color-hover,
+    @_message-link-color-active: @message-info-link__color-active,
+    @_message-border-color: @message-info__border-color
 ) {
     .css(background, @_message-background);
     .css(border-color, @_message-border-color);
@@ -68,26 +72,25 @@
 }
 
 ._message-border(
-    @_message-border-width: @message-border-width,
-    @_message-border-style: @message-border-style
+    @_message-border-width: @message__border-width,
+    @_message-border-style: @message__border-style
 ) when not (@_message-border-width = 0)
 and not (@_message-border-width = false)
 and not (@_message-border-style = false) {
     .css(border, @_message-border-width @_message-border-style);
 }
 
-// Messages with lateral icon
-
+//  Messages with lateral icon
 .message-icon-lateral(@_message-type: info, @_message-position: right) {
     .message(@_message-type);
     @_message-icon-position: @_message-position;
     @_message-icon: "message-@{_message-type}-icon";
-    @_message-icon-color: "message-@{_message-type}-icon-color-lateral";
-    @_message-icon-background: "message-@{_message-type}-icon-background";
-    @_message-icon-top: "message-@{_message-type}-icon-top";
-    @_message-icon-right: "message-@{_message-type}-icon-right";
-    @_message-icon-bottom: "message-@{_message-type}-icon-bottom";
-    @_message-icon-left: "message-@{_message-type}-icon-left";
+    @_message-icon-color: "message-@{_message-type}-icon__color-lateral";
+    @_message-icon-background: "message-@{_message-type}-icon__background";
+    @_message-icon-top: "message-@{_message-type}-icon__top";
+    @_message-icon-right: "message-@{_message-type}-icon__right";
+    @_message-icon-bottom: "message-@{_message-type}-icon__bottom";
+    @_message-icon-left: "message-@{_message-type}-icon__left";
     ._message-icon-lateral(
         @_message-icon-position,
         @@_message-icon,
@@ -100,17 +103,16 @@ and not (@_message-border-style = false) {
     );
 }
 
-// Messages with inner icon
-
+//  Messages with inner icon
 .message-icon-inner(@_message-type: info) {
     .message(@_message-type);
     @_message-icon: "message-@{_message-type}-icon";
-    @_message-icon-color: "message-@{_message-type}-icon-color-inner";
-    @_message-icon-background: "message-@{_message-type}-icon-background";
-    @_message-icon-top: "message-@{_message-type}-icon-top";
-    @_message-icon-right: "message-@{_message-type}-icon-right";
-    @_message-icon-bottom: "message-@{_message-type}-icon-bottom";
-    @_message-icon-left: "message-@{_message-type}-icon-left";
+    @_message-icon-color: "message-@{_message-type}-icon__color-inner";
+    @_message-icon-background: "message-@{_message-type}-icon__background";
+    @_message-icon-top: "message-@{_message-type}-icon__top";
+    @_message-icon-right: "message-@{_message-type}-icon__right";
+    @_message-icon-bottom: "message-@{_message-type}-icon__bottom";
+    @_message-icon-left: "message-@{_message-type}-icon__left";
     ._message-icon-inner(
         @@_message-icon,
         @@_message-icon-color,
@@ -122,7 +124,7 @@ and not (@_message-border-style = false) {
     );
 }
 
-// Private mixins
+//  Private mixins
 ._message-icon-lateral(
     @_message-icon-position,
     @_message-icon,
@@ -137,7 +139,7 @@ and not (@_message-border-style = false) {
     &:before {
         content: '';
         position: absolute;
-        .css(width, @message-icon-lateral-width);
+        .css(width, @message-icon__lateral-width);
         text-align: center;
         top: 0;
         height: 100%;
@@ -150,17 +152,17 @@ and not (@_message-border-style = false) {
         position: absolute;
         overflow: hidden;
         top: 50%;
-        .css(margin-top, -@message-icon-lateral-arrow-size);
+        .css(margin-top, -@message-icon__lateral-arrow-size);
     }
     > *:first-child:after {
         ._icon-font(
             @_icon-font-content: @_message-icon,
             @_icon-font: @icon-font,
-            @_icon-font-size: @message-icon-font-size,
-            @_icon-font-line-height: @message-icon-font-line-height,
+            @_icon-font-size: @message-icon__font-size,
+            @_icon-font-line-height: @message-icon__font-line-height,
             @_icon-font-color: @_message-icon-color,
-            @_icon-font-margin: -@message-icon-font-size/2 0 0,
-            @_icon-font-vertical-align: @icon-font-vertical-align
+            @_icon-font-margin: -@message-icon__font-size/2 0 0,
+            @_icon-font-vertical-align: @icon-font__vertical-align
         );
         position: absolute;
         .css(top, @_message-icon-top);
@@ -168,7 +170,7 @@ and not (@_message-border-style = false) {
         .css(bottom, @_message-icon-bottom);
         .css(left, @_message-icon-left);
         text-align: center;
-        .css(width, @message-icon-lateral-width);
+        .css(width, @message-icon__lateral-width);
     }
     ._message-icon-lateral-position(
         @_message-icon-position,
@@ -180,14 +182,14 @@ and not (@_message-border-style = false) {
     @_message-icon-position,
     @_message-icon-background
 ) when (@_message-icon-position = right) {
-    .css(padding-right, @message-icon-lateral-width + @indent-s-base);
+    .css(padding-right, @message-icon__lateral-width + @indent__s);
     &:before {
         right: 0;
         ._message-icon-lateral-border-radius(@_message-icon-position);
     }
     > *:first-child:before {
-        .arrow(left, @message-icon-lateral-arrow-size, @_message-icon-background);
-        .css(right, @message-icon-lateral-width);
+        .arrow(left, @message-icon__lateral-arrow-size, @_message-icon-background);
+        .css(right, @message-icon__lateral-width);
     }
     > *:first-child:after {
         right: 0;
@@ -198,14 +200,14 @@ and not (@_message-border-style = false) {
     @_message-icon-position,
     @_message-icon-background
 ) when (@_message-icon-position = left) {
-    .css(padding-left, @message-icon-lateral-width + @indent-s-base);
+    .css(padding-left, @message-icon__lateral-width + @indent__s);
     &:before {
         left: 0;
         ._message-icon-lateral-border-radius(@_message-icon-position);
     }
     > *:first-child:before {
-        .arrow(right, @message-icon-lateral-arrow-size, @_message-icon-background);
-        .css(left, @message-icon-lateral-width);
+        .arrow(right, @message-icon__lateral-arrow-size, @_message-icon-background);
+        .css(left, @message-icon__lateral-width);
     }
     > *:first-child:after {
         left: 0;
@@ -214,14 +216,14 @@ and not (@_message-border-style = false) {
 
 ._message-icon-lateral-border-radius(
     @_message-icon-position
-) when (@_message-icon-position = left) and not (@message-border-radius = false) and not (@message-border-width = false) {
-    border-radius: (@message-border-radius - @message-border-width) 0 0 (@message-border-radius - @message-border-width);
+) when (@_message-icon-position = left) and not (@message__border-radius = false) and not (@message__border-width = false) {
+    border-radius: (@message__border-radius - @message__border-width) 0 0 (@message__border-radius - @message__border-width);
 }
 
 ._message-icon-lateral-border-radius(
     @_message-icon-position
-) when (@_message-icon-position = right) and not (@message-border-radius = false) and not (@message-border-width = false) {
-    border-radius: 0 (@message-border-radius - @message-border-width) (@message-border-radius - @message-border-width) 0;
+) when (@_message-icon-position = right) and not (@message__border-radius = false) and not (@message__border-width = false) {
+    border-radius: 0 (@message__border-radius - @message__border-width) (@message__border-radius - @message__border-width) 0;
 }
 
 ._message-icon-inner(
@@ -234,16 +236,16 @@ and not (@_message-border-style = false) {
     @_message-icon-right
 ) {
     position: relative;
-    .css(padding-left, @message-icon-inner-padding-left);
+    .css(padding-left, @message-icon__inner-padding-left);
     > *:first-child:before {
         ._icon-font(
             @_icon-font-content: @_message-icon,
             @_icon-font: @icon-font,
-            @_icon-font-size: @message-icon-font-size,
-            @_icon-font-line-height: @message-icon-font-line-height,
+            @_icon-font-size: @message-icon__font-size,
+            @_icon-font-line-height: @message-icon__font-line-height,
             @_icon-font-color: @_message-icon-color,
-            @_icon-font-margin: -@message-icon-font-size/2 0 0,
-            @_icon-font-vertical-align: @icon-font-vertical-align
+            @_icon-font-margin: -@message-icon__font-size/2 0 0,
+            @_icon-font-vertical-align: @icon-font__vertical-align
         );
         position: absolute;
         .css(top, @_message-icon-top);
@@ -251,6 +253,6 @@ and not (@_message-border-style = false) {
         .css(bottom, @_message-icon-bottom);
         .css(left, @_message-icon-left);
         text-align: center;
-        .css(width, @message-icon-inner-padding-left);
+        .css(width, @message-icon__inner-padding-left);
     }
 }
diff --git a/lib/web/css/source/lib/navigation.less b/lib/web/css/source/lib/_navigation.less
similarity index 64%
rename from lib/web/css/source/lib/navigation.less
rename to lib/web/css/source/lib/_navigation.less
index fb05385b85791..bc3b5b512b3df 100644
--- a/lib/web/css/source/lib/navigation.less
+++ b/lib/web/css/source/lib/_navigation.less
@@ -3,45 +3,49 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Navigation
+//  _____________________________________________
+
 .main-navigation(
-    @_nav-bg: @navigation-background,
-    @_nav-border: @navigation-border,
-    @_nav-level0-font-size: @navigation-level0-font-size,
-    @_nav-level0-font-weight: @navigation-level0-font-weight,
-    @_nav-level0-item-line-height: @navigation-level0-item-line-height,
-    @_nav-level0-item-margin: @navigation-level0-item-margin,
-    @_nav-level0-item-padding: @navigation-level0-item-padding,
-    @_nav-level0-text-transform: @navigation-level0-text-transform,
+    @_nav-background-color: @navigation__background,
+    @_nav-border: @navigation__border,
+    @_nav-level0-font-size: @navigation-level0-item__font-size,
+    @_nav-level0-font-weight: @navigation-level0-item__font-weight,
+    @_nav-level0-item-line-height: @navigation-level0-item__line-height,
+    @_nav-level0-item-margin: @navigation-level0-item__margin,
+    @_nav-level0-item-padding: @navigation-level0-item__padding,
+    @_nav-level0-text-transform: @navigation-level0-item__text-transform,
 
-    @_nav-level0-item-bg: @navigation-level0-item-background,
-    @_nav-level0-item-border: @navigation-level0-item-border,
-    @_nav-level0-item-color: @navigation-level0-item-color,
-    @_nav-level0-item-text-decoration: @navigation-level0-item-text-decoration,
+    @_nav-level0-item-background-color: @navigation-level0-item__background,
+    @_nav-level0-item-border: @navigation-level0-item__border,
+    @_nav-level0-item-color: @navigation-level0-item__color,
+    @_nav-level0-item-text-decoration: @navigation-level0-item__text-decoration,
 
-    @_nav-level0-item-bg-active: @navigation-level0-item-background-active,
-    @_nav-level0-item-border-active: @navigation-level0-item-border-active,
-    @_nav-level0-item-color-active: @navigation-level0-item-color-active,
-    @_nav-level0-item-text-decoration-active: @navigation-level0-item-text-decoration-active,
+    @_nav-level0-item-background-color-active: @navigation-level0-item__active__background,
+    @_nav-level0-item-border-active: @navigation-level0-item__active__border,
+    @_nav-level0-item-color-active: @navigation-level0-item__active__color,
+    @_nav-level0-item-text-decoration-active: @navigation-level0-item__active__text-decoration,
 
-    @_submenu-bg: @submenu-background,
-    @_submenu-border: @submenu-border,
-    @_submenu-padding: @submenu-padding,
-    @_submenu-font-size: @submenu-font-size,
-    @_submenu-font-weight: @submenu-font-weight,
-    @_submenu-item-padding: @submenu-item-padding,
+    @_submenu-background-color: @submenu__background,
+    @_submenu-border: @submenu__border,
+    @_submenu-padding: @submenu__padding,
+    @_submenu-font-size: @submenu__font-size,
+    @_submenu-font-weight: @submenu__font-weight,
+    @_submenu-item-padding: @submenu-item__padding,
 
-    @_submenu-item-bg: @submenu-item-background,
-    @_submenu-item-border: @submenu-item-border,
-    @_submenu-item-color: @submenu-item-color,
-    @_submenu-item-text-decoration: @submenu-item-text-decoration,
+    @_submenu-item-background-color: @submenu-item__background,
+    @_submenu-item-border: @submenu-item__border,
+    @_submenu-item-color: @submenu-item__color,
+    @_submenu-item-text-decoration: @submenu-item__text-decoration,
 
-    @_submenu-item-bg-active: @submenu-item-background-active,
-    @_submenu-item-border-active: @submenu-item-border-active,
-    @_submenu-item-color-active: @submenu-item-color-active,
-    @_submenu-item-text-decoration-active: @submenu-item-text-decoration-active
+    @_submenu-item-background-color-active: @submenu-item__active__background,
+    @_submenu-item-border-active: @submenu-item__active__border,
+    @_submenu-item-color-active: @submenu-item__active__color,
+    @_submenu-item-text-decoration-active: @submenu-item__active__text-decoration
 ) {
     .navigation {
-        .css(background, @_nav-bg);
+        .css(background, @_nav-background-color);
         .css(border, @_nav-border);
         box-sizing: border-box;
         ul {
@@ -58,7 +62,7 @@
             .css(border-top, @_nav-level0-item-border);
             margin: 0;
             > .level-top {
-                .css(background, @_nav-level0-item-bg);
+                .css(background, @_nav-level0-item-background-color);
                 .css(font-weight, @_nav-level0-font-weight);
                 .css(line-height, @_nav-level0-item-line-height);
                 .css(padding, @_nav-level0-item-padding);
@@ -66,7 +70,7 @@
                 display: block;
             }
             &.active > a {
-                .css(background, @_nav-level0-item-bg-active);
+                .css(background, @_nav-level0-item-background-color-active);
                 .css(border, @_nav-level0-item-border-active);
                 .css(color, @_nav-level0-item-color-active);
                 .css(text-decoration, @_nav-level0-item-text-decoration-active);
@@ -76,7 +80,7 @@
             }
         }
         .ui-menu:not(:first-child) {
-            .css(background, @_submenu-bg);
+            .css(background, @_submenu-background-color);
             .css(border, @_submenu-border);
             .css(font-size, @_submenu-font-size);
             .css(font-weight, @_submenu-font-weight);
@@ -92,7 +96,7 @@
                 > li {
                     margin: 0;
                     a {
-                        .css(background, @_submenu-item-bg);
+                        .css(background, @_submenu-item-background-color);
                         .css(border, @_submenu-item-border);
                         .css(color, @_submenu-item-color);
                         .css(text-decoration, @_submenu-item-text-decoration);
@@ -107,7 +111,7 @@
               top: 0 !important;
             }
             .active > a {
-                .css(background, @_submenu-item-bg-active);
+                .css(background, @_submenu-item-background-color-active);
                 .css(border, @_submenu-item-border-active);
                 .css(color, @_submenu-item-color-active);
                 .css(text-decoration, @_submenu-item-text-decoration-active);
@@ -117,66 +121,67 @@
 }
 
 //
-//    Desktop
-//--------------------------------------
+//  Desktop
+//  ---------------------------------------------
+
 .main-navigation-desktop(
-    @_nav-bg: @navigation-desktop-background,
-    @_nav-border: @navigation-desktop-border,
-    @_nav-font-size: @navigation-desktop-font-size,
-    @_nav-font-weight: @navigation-desktop-font-weight,
+    @_nav-background-color: @navigation-desktop__background,
+    @_nav-border: @navigation-desktop__border,
+    @_nav-font-size: @navigation-desktop__font-size,
+    @_nav-font-weight: @navigation-desktop__font-weight,
 
-    @_nav-level0-item-line-height: @navigation-desktop-level0-item-line-height,
-    @_nav-level0-item-margin: @navigation-desktop-level0-item-margin,
-    @_nav-level0-item-padding: @navigation-desktop-level0-item-padding,
+    @_nav-level0-item-line-height: @navigation-desktop-level0-item__line-height,
+    @_nav-level0-item-margin: @navigation-desktop-level0-item__margin,
+    @_nav-level0-item-padding: @navigation-desktop-level0-item__padding,
 
-    @_nav-level0-item-bg: @navigation-desktop-level0-item-background,
-    @_nav-level0-item-border: @navigation-desktop-level0-item-border,
-    @_nav-level0-item-color: @navigation-desktop-level0-item-color,
-    @_nav-level0-item-text-decoration: @navigation-desktop-level0-item-text-decoration,
+    @_nav-level0-item-background-color: @navigation-desktop-level0-item__background,
+    @_nav-level0-item-border: @navigation-desktop-level0-item__border,
+    @_nav-level0-item-color: @navigation-desktop-level0-item__color,
+    @_nav-level0-item-text-decoration: @navigation-desktop-level0-item__text-decoration,
 
-    @_nav-level0-item-bg-hover: @navigation-desktop-level0-item-background-hover,
-    @_nav-level0-item-border-hover: @navigation-desktop-level0-item-border-hover,
-    @_nav-level0-item-color-hover: @navigation-desktop-level0-item-color-hover,
-    @_nav-level0-item-text-decoration-hover: @navigation-desktop-level0-item-text-decoration-hover,
+    @_nav-level0-item-background-color-hover: @navigation-desktop-level0-item__hover__background,
+    @_nav-level0-item-border-hover: @navigation-desktop-level0-item__hover__border,
+    @_nav-level0-item-color-hover: @navigation-desktop-level0-item__hover__color,
+    @_nav-level0-item-text-decoration-hover: @navigation-desktop-level0-item__hover__text-decoration,
 
-    @_nav-level0-item-bg-active: @navigation-desktop-level0-item-background-active,
-    @_nav-level0-item-border-active: @navigation-desktop-level0-item-border-active,
-    @_nav-level0-item-color-active: @navigation-desktop-level0-item-color-active,
-    @_nav-level0-item-text-decoration-active: @navigation-desktop-level0-item-text-decoration-active,
+    @_nav-level0-item-background-color-active: @navigation-desktop-level0-item__active__background,
+    @_nav-level0-item-border-active: @navigation-desktop-level0-item__active__border,
+    @_nav-level0-item-color-active: @navigation-desktop-level0-item__active__color,
+    @_nav-level0-item-text-decoration-active: @navigation-desktop-level0-item__active__text-decoration,
 
-    @_submenu-bg: @submenu-desktop-background,
-    @_submenu-border-width: @submenu-desktop-border-width,
-    @_submenu-border-style: @submenu-desktop-border-style,
-    @_submenu-border-color: @submenu-desktop-border-color,
-    @_submenu-box-shadow: @submenu-desktop-box-shadow,
-    @_submenu-font-size: @submenu-desktop-font-size,
-    @_submenu-font-weight: @submenu-desktop-font-weight,
-    @_submenu-min-width: @submenu-desktop-min-width,
-    @_submenu-padding: @submenu-desktop-padding,
+    @_submenu-background-color: @submenu-desktop__background,
+    @_submenu-border-width: @submenu-desktop__border-width,
+    @_submenu-border-style: @submenu-desktop__border-style,
+    @_submenu-border-color: @submenu-desktop__border-color,
+    @_submenu-box-shadow: @submenu-desktop__box-shadow,
+    @_submenu-font-size: @submenu-desktop__font-size,
+    @_submenu-font-weight: @submenu-desktop__font-weight,
+    @_submenu-min-width: @submenu-desktop__min-width,
+    @_submenu-padding: @submenu-desktop__padding,
 
     @_submenu-arrow: @submenu-desktop-arrow,
-    @_submenu-arrow-size: @submenu-desktop-arrow-size,
-    @_submenu-arrow-left: @submenu-desktop-arrow-left,
+    @_submenu-arrow-size: @submenu-desktop-arrow__size,
+    @_submenu-arrow-left: @submenu-desktop-arrow__left,
 
-    @_submenu-item-padding: @submenu-desktop-item-padding,
-    @_submenu-item-bg: @submenu-desktop-item-background,
-    @_submenu-item-border: @submenu-desktop-item-border,
-    @_submenu-item-color: @submenu-desktop-item-color,
-    @_submenu-item-text-decoration: @submenu-desktop-item-text-decoration,
+    @_submenu-item-padding: @submenu-desktop-item__padding,
+    @_submenu-item-background-color: @submenu-desktop-item__background,
+    @_submenu-item-border: @submenu-desktop-item__border,
+    @_submenu-item-color: @submenu-desktop-item__color,
+    @_submenu-item-text-decoration: @submenu-desktop-item__text-decoration,
 
-    @_submenu-item-bg-hover: @submenu-desktop-item-background-hover,
-    @_submenu-item-border-hover: @submenu-desktop-item-border-hover,
-    @_submenu-item-color-hover: @submenu-desktop-item-color-hover,
-    @_submenu-item-text-decoration-hover: @submenu-desktop-item-text-decoration-hover,
+    @_submenu-item__hover__background-color: @submenu-desktop-item__hover__background,
+    @_submenu-item-border-hover: @submenu-desktop-item__hover__border,
+    @_submenu-item-color-hover: @submenu-desktop-item__hover__color,
+    @_submenu-item-text-decoration-hover: @submenu-desktop-item__hover__text-decoration,
 
-    @_submenu-item-bg-active: @submenu-desktop-item-background-active,
-    @_submenu-item-border-active: @submenu-desktop-item-border-active,
-    @_submenu-item-color-active: @submenu-desktop-item-color-active,
-    @_submenu-item-text-decoration-active: @submenu-desktop-item-text-decoration-active
+    @_submenu-item-background-color-active: @submenu-desktop-item__active__background,
+    @_submenu-item-border-active: @submenu-desktop-item__active__border,
+    @_submenu-item-color-active: @submenu-desktop-item__active__color,
+    @_submenu-item-text-decoration-active: @submenu-desktop-item__active__text-decoration
 ) {
 
     .navigation {
-        .css(background, @_nav-bg);
+        .css(background, @_nav-background-color);
         .css(border, @_nav-border);
         .css(font-size, @_nav-font-size);
         .css(font-weight, @_nav-font-weight);
@@ -211,7 +216,7 @@
             }
             > .level-top {
                 box-sizing: border-box;
-                .css(background, @_nav-level0-item-bg);
+                .css(background, @_nav-level0-item-background-color);
                 .css(border, @_nav-level0-item-border);
                 .css(color, @_nav-level0-item-color);
                 .css(line-height, @_nav-level0-item-line-height);
@@ -219,7 +224,7 @@
                 .css(text-decoration, @_nav-level0-item-text-decoration);
                 position: relative;
                 &:hover, &.ui-state-focus {
-                    .css(background, @_nav-level0-item-bg-hover);
+                    .css(background, @_nav-level0-item-background-color-hover);
                     .css(border, @_nav-level0-item-border-hover);
                     .css(color, @_nav-level0-item-color-hover);
                     .css(text-decoration, @_nav-level0-item-text-decoration-hover);
@@ -227,7 +232,7 @@
             }
             &.active {
                 > .level-top {
-                    .css(background, @_nav-level0-item-bg-active);
+                    .css(background, @_nav-level0-item-background-color-active);
                     .css(border, @_nav-level0-item-border-active);
                     .css(color, @_nav-level0-item-color-active);
                     .css(text-decoration, @_nav-level0-item-text-decoration-active);
@@ -246,13 +251,13 @@
                 left: 0;
                 top: 100%;
                 z-index: 1;
-                .css(background, @_submenu-bg);
+                .css(background, @_submenu-background-color);
                 .css(border, @_submenu-border-width @_submenu-border-style @_submenu-border-color);
                 .css(box-shadow, @_submenu-box-shadow);
                 .css(padding, @_submenu-padding);
                 ._submenu-arrow(
                     @_submenu-arrow,
-                    @_bg: @_submenu-bg,
+                    @_bg: @_submenu-background-color,
                     @_border: @_submenu-border-color,
                     @_size: @_submenu-arrow-size,
                     @_left: @_submenu-arrow-left
@@ -260,21 +265,21 @@
                 a {
                     display: block;
                     line-height: inherit;
-                    .css(background, @_submenu-item-bg);
+                    .css(background, @_submenu-item-background-color);
                     .css(border, @_submenu-item-border);
                     .css(color, @_submenu-item-color);
                     .css(padding, @_submenu-item-padding);
                     .css(text-decoration, @_submenu-item-text-decoration);
                     &:hover,
                     &.ui-state-focus {
-                        .css(background, @_submenu-item-bg-hover);
+                        .css(background, @_submenu-item__hover__background-color);
                         .css(border, @_submenu-item-border-hover);
                         .css(color, @_submenu-item-color-hover);
                         .css(text-decoration, @_submenu-item-text-decoration-hover);
                     }
                 }
                 .active > a {
-                    .css(background, @_submenu-item-bg-active);
+                    .css(background, @_submenu-item-background-color-active);
                     .css(border, @_submenu-item-border-active);
                     .css(color, @_submenu-item-color-active);
                     .css(text-decoration, @_submenu-item-text-decoration-active);
diff --git a/lib/web/css/source/lib/pages.less b/lib/web/css/source/lib/_pages.less
similarity index 63%
rename from lib/web/css/source/lib/pages.less
rename to lib/web/css/source/lib/_pages.less
index 357bba9b8d8c6..9bbf03c5130a9 100644
--- a/lib/web/css/source/lib/pages.less
+++ b/lib/web/css/source/lib/_pages.less
@@ -3,99 +3,105 @@
 //  * See COPYING.txt for license details.
 //  */
 
-// When pager items have solid or don't have background
-// -------------------------------------------------------
+//
+//  Pager
+//  _____________________________________________
+
+//
+//  When pager items have solid or don't have background
+//  ---------------------------------------------
+
 .pager(
-    @_pager-label-display: @pager-label-display,
-    @_pager-item-display: @pager-item-display,
+    @_pager-label-display: @pager-label__display,
+    @_pager-item-display: @pager-item__display,
     @_pager-reset-spaces: @pager-reset-spaces,
-    @_pager-font-size: @pager-font-size,
-    @_pager-font-weight: @pager-font-weight,
-    @_pager-line-height: @pager-line-height,
-    @_pager-item-margin: @pager-item-margin,
-    @_pager-item-padding: @pager-item-padding,
-    @_pager-actions-padding: @pager-actions-padding,
-    // Page current
-    @_pager-current-font-weight: @pager-current-font-weight,
-    @_pager-current-color: @pager-current-color,
-    @_pager-current-background: @pager-current-background,
-    @_pager-current-border: @pager-current-border,
-    @_pager-current-gradient: @pager-current-gradient,
-    @_pager-current-gradient-direction: @pager-current-gradient-direction,
-    @_pager-current-gradient-start-color: @pager-current-gradient-start-color,
-    @_pager-current-gradient-end-color: @pager-current-gradient-end-color,
-    // Page item - text color
-    @_pager-color: @pager-color,
-    @_pager-color-visited: @pager-color-visited,
-    @_pager-color-hover: @pager-color-hover,
-    @_pager-color-active: @pager-color-active,
-    // Page item - background
-    @_pager-background: @pager-background,
-    @_pager-background-visited: @pager-background-visited,
-    @_pager-background-hover: @pager-background-hover,
-    @_pager-background-active: @pager-background-active,
-    // Page item - border
-    @_pager-border: @pager-border,
-    @_pager-border-visited: @pager-border-visited,
-    @_pager-border-hover: @pager-border-hover,
-    @_pager-border-active: @pager-border-active,
-    // Page item - text decoration
-    @_pager-text-decoration: @pager-text-decoration,
-    @_pager-text-decoration-hover: @pager-text-decoration,
+    @_pager-font-size: @pager__font-size,
+    @_pager-font-weight: @pager__font-weight,
+    @_pager-line-height: @pager__line-height,
+    @_pager-item-margin: @pager-item__margin,
+    @_pager-item-padding: @pager-item__padding,
+    @_pager-actions-padding: @pager-actions__padding,
+    //  Page current
+    @_pager-current-font-weight: @pager-current__font-weight,
+    @_pager-current-color: @pager-current__color,
+    @_pager-current-background: @pager-current__background,
+    @_pager-current-border: @pager-current__border,
+    @_pager-current-gradient: @pager-current__gradient,
+    @_pager-current-gradient-direction: @pager-current__gradient-direction,
+    @_pager-current-gradient-color-start: @pager-current__gradient-color-start,
+    @_pager-current-gradient-color-end: @pager-current__gradient-color-end,
+    //  Page item - text color
+    @_pager-color: @pager__color,
+    @_pager-color-visited: @pager__visited__color,
+    @_pager-color-hover: @pager__hover__color,
+    @_pager-color-active: @pager__active__color,
+    //  Page item - background
+    @_pager-background: @pager__background,
+    @_pager-background-visited: @pager__visited__background,
+    @_pager-background-hover: @pager__hover__background,
+    @_pager-background-active: @pager__active__background,
+    //  Page item - border
+    @_pager-border: @pager__border,
+    @_pager-border-visited: @pager__visited__border,
+    @_pager-border-hover: @pager__hover__border,
+    @_pager-border-active: @pager__active__border,
+    //  Page item - text decoration
+    @_pager-text-decoration: @pager__text-decoration,
+    @_pager-text-decoration-hover: @pager__text-decoration,
     //  Page item gradient
-    @_pager-gradient: @pager-gradient,
-    @_pager-gradient-direction: @pager-gradient-direction,
-    @_pager-gradient-start-color: @pager-gradient-start-color,
-    @_pager-gradient-end-color: @pager-gradient-end-color,
-    @_pager-gradient-start-color-visited: @pager-gradient-start-color-visited,
-    @_pager-gradient-end-color-visited: @pager-gradient-end-color-visited,
-    @_pager-gradient-start-color-hover: @pager-gradient-start-color-hover,
-    @_pager-gradient-end-color-hover: @pager-gradient-end-color-hover,
-    @_pager-gradient-start-color-active: @pager-gradient-start-color-active,
-    @_pager-gradient-end-color-active: @pager-gradient-end-color-active,
-    // Page action item (previous-next)
-    @_pager-action-text-decoration: @pager-action-text-decoration,
-    @_pager-action-text-decoration-hover: @pager-action-text-decoration-hover,
-    // Page action item (previous-next) - default
-    @_pager-action-color: @pager-action-color,
-    @_pager-action-border: @pager-action-border,
-    @_pager-action-background: @pager-action-background,
-    @_pager-action-gradient-start-color: @pager-gradient-start-color,
-    @_pager-action-gradient-end-color: @pager-gradient-end-color,
-    @_pager-action-text-decoration: @pager-action-text-decoration,
-    // Page action item (previous-next) - visited
-    @_pager-action-color-visited: @pager-action-color-visited,
-    @_pager-action-border-visited: @pager-action-border-visited,
-    @_pager-action-background-visited: @pager-action-background-visited,
-    @_pager-action-gradient-start-color-visited: @pager-gradient-start-color-visited,
-    @_pager-action-gradient-end-color-visited: @pager-gradient-end-color-visited,
-    // Page action item (previous-next) - hover
-    @_pager-action-color-hover: @pager-action-color-hover,
-    @_pager-action-border-hover: @pager-action-border-hover,
-    @_pager-action-background-hover: @pager-action-background-hover,
-    @_pager-action-gradient-start-color-hover: @pager-gradient-start-color-hover,
-    @_pager-action-gradient-end-color-hover: @pager-gradient-end-color-hover,
-    @_pager-action-text-decoration-hover: @pager-action-text-decoration,
-    // Page action item (previous-next) - active
-    @_pager-action-color-active: @pager-action-color-active,
-    @_pager-action-border-active: @pager-action-border-active,
-    @_pager-action-background-active: @pager-action-background-active,
-    @_pager-action-gradient-start-color-active: @pager-gradient-start-color-active,
-    @_pager-action-gradient-end-color-active: @pager-gradient-end-color-active,
-    // Page action item (previous-next) - gradient
-    @_pager-action-gradient: @pager-gradient,
-    @_pager-action-gradient-direction: @pager-gradient-direction,
-    // Page action icons
-    @_pager-icon-use: @pager-icon-use,
-    @_pager-icon-previous-content: @pager-icon-previous-content,
-    @_pager-icon-next-content: @pager-icon-next-content,
-    @_pager-icon-font: @pager-icon-font,
-    @_pager-icon-font-size: @pager-icon-font-size,
-    @_pager-icon-font-line-height: @pager-icon-font-line-height,
-    @_pager-icon-font-margin: @pager-icon-font-margin,
-    @_pager-icon-font-vertical-align: @pager-icon-font-vertical-align,
-    @_pager-icon-font-position: @pager-icon-position,
-    @_pager-icon-font-text-hide: @pager-icon-text-hide
+    @_pager-gradient: @pager__gradient,
+    @_pager-gradient-direction: @pager__gradient-direction,
+    @_pager-gradient-color-start: @pager__gradient-color-start,
+    @_pager-gradient-color-end: @pager__gradient-color-end,
+    @_pager-gradient-color-start-visited: @pager__visited__gradient-color-start,
+    @_pager-gradient-color-end-visited: @pager__visited__gradient-color-end,
+    @_pager-gradient-color-start-hover: @pager__hover__gradient-color-start,
+    @_pager-gradient-color-end-hover: @pager__hover__gradient-color-end,
+    @_pager-gradient-color-start-active: @pager__active__gradient-color-start,
+    @_pager-gradient-color-end-active: @pager__active__gradient-color-end,
+    //  Page action item (previous-next)
+    @_pager-action-text-decoration: @pager-action__text-decoration,
+    @_pager-action-text-decoration-hover: @pager-action__hover__text-decoration,
+    //  Page action item (previous-next) - default
+    @_pager-action-color: @pager-action__color,
+    @_pager-action-border: @pager-action__border,
+    @_pager-action-background: @pager-action__background,
+    @_pager-action-gradient-color-start: @pager__gradient-color-start,
+    @_pager-action-gradient-color-end: @pager__gradient-color-end,
+    @_pager-action-text-decoration: @pager-action__text-decoration,
+    //  Page action item (previous-next) - visited
+    @_pager-action-color-visited: @pager-action__visited__color,
+    @_pager-action-border-visited: @pager-action__visited__border,
+    @_pager-action-background-visited: @pager-action__visited__background,
+    @_pager-action-gradient-color-start-visited: @pager__visited__gradient-color-start,
+    @_pager-action-gradient-color-end-visited: @pager__visited__gradient-color-end,
+    //  Page action item (previous-next) - hover
+    @_pager-action-color-hover: @pager-action__hover__color,
+    @_pager-action-border-hover: @pager-action__hover__border,
+    @_pager-action-background-hover: @pager-action__hover__background,
+    @_pager-action-gradient-color-start-hover: @pager__hover__gradient-color-start,
+    @_pager-action-gradient-color-end-hover: @pager__hover__gradient-color-end,
+    @_pager-action-text-decoration-hover: @pager-action__text-decoration,
+    //  Page action item (previous-next) - active
+    @_pager-action-color-active: @pager-action__active__color,
+    @_pager-action-border-active: @pager-action__active__border,
+    @_pager-action-background-active: @pager-action__active__background,
+    @_pager-action-gradient-color-start-active: @pager__active__gradient-color-start,
+    @_pager-action-gradient-color-end-active: @pager__active__gradient-color-end,
+    //  Page action item (previous-next) - gradient
+    @_pager-action-gradient: @pager__gradient,
+    @_pager-action-gradient-direction: @pager__gradient-direction,
+    //  Page action icons
+    @_pager-icon-use: @pager-icon__use,
+    @_pager-icon-previous-content: @pager-icon__previous-content,
+    @_pager-icon-next-content: @pager-icon__next-content,
+    @_pager-icon-font: @pager-icon__font,
+    @_pager-icon-font-size: @pager-icon__font-size,
+    @_pager-icon-font-line-height: @pager-icon__font-line-height,
+    @_pager-icon-font-margin: @pager-icon__font-margin,
+    @_pager-icon-font-vertical-align: @pager-icon__font-vertical-align,
+    @_pager-icon-font-position: @pager-icon__position,
+    @_pager-icon-font-text-hide: @pager-icon__text-hide
 ) {
     ._pager-label-display(  // To hide or to display label
         @_pager-label-display: @_pager-label-display,
@@ -122,8 +128,8 @@
     a.page {
         .css(background, @_pager-background);
         .background-gradient(
-            @_pager-gradient-start-color,
-            @_pager-gradient-end-color,
+            @_pager-gradient-color-start,
+            @_pager-gradient-color-end,
             @_pager-gradient-direction,
             @_pager-gradient
         );
@@ -135,8 +141,8 @@
         &:visited {
             .css(background, @_pager-background-visited);
             .background-gradient(
-                @_pager-gradient-start-color-visited,
-                @_pager-gradient-end-color-visited,
+                @_pager-gradient-color-start-visited,
+                @_pager-gradient-color-end-visited,
                 @_pager-gradient-direction,
                 @_pager-gradient
             );
@@ -146,8 +152,8 @@
         &:hover {
             .css(background, @_pager-background-hover);
             .background-gradient(
-                @_pager-gradient-start-color-hover,
-                @_pager-gradient-end-color-hover,
+                @_pager-gradient-color-start-hover,
+                @_pager-gradient-color-end-hover,
                 @_pager-gradient-direction,
                 @_pager-gradient
             );
@@ -158,8 +164,8 @@
         &:active {
             .css(background, @_pager-background-active);
             .background-gradient(
-                @_pager-gradient-start-color-active,
-                @_pager-gradient-end-color-active,
+                @_pager-gradient-color-start-active,
+                @_pager-gradient-color-end-active,
                 @_pager-gradient-direction,
                 @_pager-gradient
             );
@@ -170,8 +176,8 @@
     strong.page {
         .css(background, @_pager-current-background);
         .background-gradient(
-            @_pager-current-gradient-start-color,
-            @_pager-current-gradient-end-color,
+            @_pager-current-gradient-color-start,
+            @_pager-current-gradient-color-end,
             @_pager-current-gradient-direction,
             @_pager-current-gradient
         );
@@ -188,8 +194,8 @@
     .action {
         .css(background, @_pager-action-background);
         .background-gradient(
-            @_pager-action-gradient-start-color,
-            @_pager-action-gradient-end-color,
+            @_pager-action-gradient-color-start,
+            @_pager-action-gradient-color-end,
             @_pager-gradient-direction,
             @_pager-action-gradient
         );
@@ -201,8 +207,8 @@
         &:visited {
             .css(background, @_pager-action-background-visited);
             .background-gradient(
-                @_pager-action-gradient-start-color-visited,
-                @_pager-action-gradient-end-color-visited,
+                @_pager-action-gradient-color-start-visited,
+                @_pager-action-gradient-color-end-visited,
                 @_pager-action-gradient-direction,
                 @_pager-action-gradient
             );
@@ -212,8 +218,8 @@
         &:hover {
             .css(background, @_pager-action-background-hover);
             .background-gradient(
-                @_pager-action-gradient-start-color-hover,
-                @_pager-action-gradient-end-color-hover,
+                @_pager-action-gradient-color-start-hover,
+                @_pager-action-gradient-color-end-hover,
                 @_pager-action-gradient-direction,
                 @_pager-action-gradient
             );
@@ -224,8 +230,8 @@
         &:active {
             .css(background, @_pager-action-background-active);
             .background-gradient(
-                @_pager-action-gradient-start-color-active,
-                @_pager-action-gradient-end-color-active,
+                @_pager-action-gradient-color-start-active,
+                @_pager-action-gradient-color-end-active,
                 @_pager-action-gradient-direction,
                 @_pager-action-gradient
             );
diff --git a/lib/web/css/source/lib/popups.less b/lib/web/css/source/lib/_popups.less
similarity index 71%
rename from lib/web/css/source/lib/popups.less
rename to lib/web/css/source/lib/_popups.less
index 54924f1bdd123..345aabf6ed1b9 100644
--- a/lib/web/css/source/lib/popups.less
+++ b/lib/web/css/source/lib/_popups.less
@@ -4,69 +4,70 @@
 //  */
 
 //
-// Popup Mixins
-//--------------------------------------
+//  Popups
+//  _____________________________________________
+
 .popup(
-    @_popup-width: @popup-width,
-    @_popup-height: @popup-height,
-    @_popup-padding: @popup-padding,
-    @_popup-background: @popup-background,
-    @_popup-border: @popup-border,
-    @_popup-shadow: @popup-shadow,
-    @_popup-fade: @popup-fade,
-    @_popup-z-index: @popup-z-index,
+    @_popup-width: @popup__width,
+    @_popup-height: @popup__height,
+    @_popup-padding: @popup__padding,
+    @_popup-background: @popup__background,
+    @_popup-border: @popup__border,
+    @_popup-shadow: @popup__shadow,
+    @_popup-fade: @popup__fade,
+    @_popup-z-index: @popup__z-index,
 
-    @_popup-position: @popup-position,
-    @_popup-position-top: @popup-position-top,
-    @_popup-position-right: @popup-position-right,
-    @_popup-position-bottom: @popup-position-bottom,
-    @_popup-position-left: @popup-position-left,
+    @_popup-position: @popup__position,
+    @_popup-position-top: @popup__position-top,
+    @_popup-position-right: @popup__position-right,
+    @_popup-position-bottom: @popup__position-bottom,
+    @_popup-position-left: @popup__position-left,
 
-    @_popup-margin-top: @popup-margin-top,
-    @_popup-margin-right: @popup-margin-right,
-    @_popup-margin-bottom: @popup-margin-bottom,
-    @_popup-margin-left: @popup-margin-left,
+    @_popup-margin-top: @popup__margin-top,
+    @_popup-margin-right: @popup__margin-right,
+    @_popup-margin-bottom: @popup__margin-bottom,
+    @_popup-margin-left: @popup__margin-left,
 
-    @_popup-content-height: @popup-content-height,
-    @_popup-header-margin: @popup-header-margin,
-    @_popup-content-margin: @popup-content-margin,
-    @_popup-footer-margin: @popup-footer-margin,
+    @_popup-content-height: @popup-content__height,
+    @_popup-header-margin: @popup-header__margin,
+    @_popup-content-margin: @popup-content__margin,
+    @_popup-footer-margin: @popup-footer__margin,
 
     @_popup-title-headings: @popup-title-headings,
-    @_popup-title-headings-level: @popup-title-headings-level,
+    @_popup-title-headings-level: @popup-title-headings__level,
 
-    // Icons parameters
-    @_popup-button-close-icon: @popup-button-close-icon,
-    @_popup-button-close-reset: @popup-button-close-reset,
-    @_popup-button-close-position: @popup-button-close-position,
-    @_popup-button-close-position-top: @popup-button-close-position-top,
-    @_popup-button-close-position-right: @popup-button-close-position-right,
-    @_popup-button-close-position-bottom: @popup-button-close-position-bottom,
-    @_popup-button-close-position-left: @popup-button-close-position-left,
-    @_popup-icon-font-content: @popup-icon-font-content,
+    //  Icons parameters
+    @_popup-button-close-icon: @popup-button-close__icon,
+    @_popup-button-close-reset: @popup-button-close__reset,
+    @_popup-button-close-position: @popup-button-close__position,
+    @_popup-button-close-position-top: @popup-button-close__position-top,
+    @_popup-button-close-position-right: @popup-button-close__position-right,
+    @_popup-button-close-position-bottom: @popup-button-close__position-bottom,
+    @_popup-button-close-position-left: @popup-button-close__position-left,
+    @_popup-icon-font-content: @popup-icon-font__content,
     @_popup-icon-font: @popup-icon-font,
-    @_popup-icon-font-size: @popup-icon-font-size,
-    @_popup-icon-font-line-height: @popup-icon-font-line-height,
-    @_popup-icon-font-color: @popup-icon-font-color,
-    @_popup-icon-font-color-hover: @popup-icon-font-color-hover,
-    @_popup-icon-font-color-active: @popup-icon-font-color-active,
-    @_popup-icon-font-margin: @popup-icon-font-margin,
-    @_popup-icon-font-vertical-align: @popup-icon-font-vertical-align,
-    @_popup-icon-font-position: @popup-icon-font-position,
-    @_popup-icon-font-text-hide: @popup-icon-font-text-hide,
+    @_popup-icon-font-size: @popup-icon-font__size,
+    @_popup-icon-font-line-height: @popup-icon-font__line-height,
+    @_popup-icon-font-color: @popup-icon-font__color,
+    @_popup-icon-font-color-hover: @popup-icon-font__color-hover,
+    @_popup-icon-font-color-active: @popup-icon-font__color-active,
+    @_popup-icon-font-margin: @popup-icon-font__margin,
+    @_popup-icon-font-vertical-align: @popup-icon-font__vertical-align,
+    @_popup-icon-font-position: @popup-icon-font__position,
+    @_popup-icon-font-text-hide: @popup-icon-font__text-hide,
 
-    // Actions toolbar parameters
-    @_popup-action-toolbar: @popup-action-toolbar,
-    @_popup-actions-toolbar-actions-position: @popup-actions-toolbar-actions-position,
-    @_popup-actions-toolbar-actions-reverse: @popup-actions-toolbar-actions-reverse,
-    @_popup-actions-toolbar-margin: @popup-actions-toolbar-margin,
-    @_popup-actions-toolbar-padding: @popup-actions-toolbar-padding,
-    @_popup-actions-toolbar-actions-margin: @popup-actions-toolbar-actions-margin,
-    @_popup-actions-toolbar-primary-actions-margin: @popup-actions-toolbar-primary-actions-margin,
-    @_popup-actions-toolbar-secondary-actions-margin: @popup-actions-toolbar-secondary-actions-margin,
-    @_popup-actions-toolbar-actions-links-margin-top: @popup-actions-toolbar-actions-links-margin-top,
-    @_popup-actions-toolbar-primary-actions-links-margin-top: @popup-actions-toolbar-primary-actions-links-margin-top,
-    @_popup-actions-toolbar-secondary-actions-links-margin-top: @popup-actions-toolbar-secondary-actions-links-margin-top
+    //  Actions toolbar parameters
+    @_popup-actions-toolbar: @popup-actions-toolbar,
+    @_popup-actions-toolbar-actions-position: @popup-actions-toolbar-actions__position,
+    @_popup-actions-toolbar-actions-reverse: @popup-actions-toolbar-actions__reverse,
+    @_popup-actions-toolbar-margin: @popup-actions-toolbar__margin,
+    @_popup-actions-toolbar-padding: @popup-actions-toolbar__padding,
+    @_popup-actions-toolbar-actions-margin: @popup-actions-toolbar-actions__margin,
+    @_popup-actions-toolbar-primary-actions-margin: @popup-actions-toolbar-actions-primary__margin,
+    @_popup-actions-toolbar-secondary-actions-margin: @popup-actions-toolbar-actions-secondary__margin,
+    @_popup-actions-toolbar-actions-links-margin-top: @popup-actions-toolbar-actions-links__margin-top,
+    @_popup-actions-toolbar-primary-actions-links-margin-top: @popup-actions-toolbar-actions-links-primary__margin-top,
+    @_popup-actions-toolbar-secondary-actions-links-margin-top: @popup-actions-toolbar-actions-links-secondary__margin-top
 ) {
     .css(background, @_popup-background);
     .css(border, @_popup-border);
@@ -75,7 +76,7 @@
     ._popup-height(@_popup-height);
     ._popup-shadow(@_popup-shadow);
     ._popup-action-toolbar(
-        @_popup-action-toolbar,
+        @_popup-actions-toolbar,
         @_popup-actions-toolbar-actions-position,
         @_popup-actions-toolbar-actions-reverse,
         @_popup-actions-toolbar-margin,
@@ -151,11 +152,11 @@
 }
 
 .window-overlay(
-    @_overlay-background: @overlay-background,
-    @_overlay-opacity: @overlay-opacity,
-    @_overlay-opacity-old: @overlay-opacity-old,
-    @_overlay-fade: @overlay-fade,
-    @_overlay-z-index: @overlay-z-index
+    @_overlay-background: @overlay__background,
+    @_overlay-opacity: @overlay__opacity,
+    @_overlay-opacity-old: @overlay__opacity-old,
+    @_overlay-fade: @overlay__fade,
+    @_overlay-z-index: @overlay__z-index
 ) {
     ._popup-fade(@_overlay-fade);
     position: fixed;
@@ -173,27 +174,27 @@
 }
 
 //
-// Internal use mixins
-//--------------------------------------
+//  Internal use mixins
+//  ---------------------------------------------
 
-// Popup fade
+//  Popup fade
 ._popup-fade(@_popup-fade) when not (@_popup-fade = '') {
     .css(transition, @_popup-fade);
 }
 
-// Popup shadow
+//  Popup shadow
 ._popup-shadow(@_popup-shadow) when not (@_popup-shadow = '') and not (@_popup-shadow = none)  {
     .css(box-shadow, @_popup-shadow);
 }
 
-// Popup height
+//  Popup height
 ._popup-height(@_popup-height) when not (@_popup-height = auto) {
     overflow-y: auto;
     .css(max-height, @_popup-height);
 }
 
 
-// Popup Headings
+//  Popup Headings
 ._popup-headings(
     @_popup-title-headings,
     @_popup-title-headings-level
@@ -236,9 +237,9 @@
     .heading(h6);
 }
 
-// Popup action-toolbar
+//  Popup action-toolbar
 ._popup-action-toolbar(
-    @_popup-action-toolbar,
+    @_popup-actions-toolbar,
     @_popup-actions-toolbar-actions-position,
     @_popup-actions-toolbar-actions-reverse,
     @_popup-actions-toolbar-margin,
@@ -249,7 +250,7 @@
     @_popup-actions-toolbar-actions-links-margin-top,
     @_popup-actions-toolbar-primary-actions-links-margin-top,
     @_popup-actions-toolbar-secondary-actions-links-margin-top
-) when (@_popup-action-toolbar = true) {
+) when (@_popup-actions-toolbar = true) {
     .popup-footer {
         .actions.toolbar {
             .actions-toolbar(
@@ -268,7 +269,7 @@
     }
 }
 
-// Popup close button use icon
+//  Popup close button use icon
 ._popup-button-close-icon(
     @_popup-button-close-icon,
     @_popup-icon-font-content,
@@ -298,7 +299,7 @@
     );
 }
 
-// Popup close button reset
+//  Popup close button reset
 ._popup-button-close-reset (
     @_popup-button-close-reset
 ) when (@_popup-button-close-reset = true) {
diff --git a/lib/web/css/source/lib/rating.less b/lib/web/css/source/lib/_rating.less
similarity index 83%
rename from lib/web/css/source/lib/rating.less
rename to lib/web/css/source/lib/_rating.less
index 4d02ce8ca37c7..805998bb69b46 100644
--- a/lib/web/css/source/lib/rating.less
+++ b/lib/web/css/source/lib/_rating.less
@@ -3,15 +3,19 @@
 //  * See COPYING.txt for license details.
 //  */
 
-// rating-vote mixin
+//
+//  Ratings
+//  _____________________________________________
+
+//  Rating-vote mixin
 .mixin-rating-vote(
-    @_icon-count: @rating-icon-count,
-    @_icon-content: @rating-icon-content,
-    @_icon-font: @rating-icon-font,
-    @_icon-font-size: @rating-icon-font-size,
-    @_icon-letter-spacing: @rating-icon-letter-spacing,
-    @_icon-color: @rating-icon-color,
-    @_icon-color-active: @rating-icon-color-active
+    @_icon-count: @rating-icon__count,
+    @_icon-content: @rating-icon__content,
+    @_icon-font: @rating-icon__font,
+    @_icon-font-size: @rating-icon__font-size,
+    @_icon-letter-spacing: @rating-icon__letter-spacing,
+    @_icon-color: @rating-icon__color,
+    @_icon-color-active: @rating-icon__active__color
 ) {
     overflow: hidden;
     &:before {
@@ -73,16 +77,16 @@
     );
 }
 
-// rating-summary mixin
+//  Rating-summary mixin
 .mixin-rating-summary(
-    @_icon-count: @rating-icon-count,
-    @_icon-content: @rating-icon-content,
-    @_icon-font: @rating-icon-font,
-    @_icon-font-size: @rating-icon-font-size,
-    @_icon-letter-spacing: @rating-icon-letter-spacing,
-    @_icon-color: @rating-icon-color,
-    @_icon-color-active: @rating-icon-color-active,
-    @_label-hide: @rating-label-hide
+    @_icon-count: @rating-icon__count,
+    @_icon-content: @rating-icon__content,
+    @_icon-font: @rating-icon__font,
+    @_icon-font-size: @rating-icon__font-size,
+    @_icon-letter-spacing: @rating-icon__letter-spacing,
+    @_icon-color: @rating-icon__color,
+    @_icon-color-active: @rating-icon__active__color,
+    @_label-hide: @rating-label__hide
 ) {
     white-space: nowrap;
     overflow: hidden;
@@ -138,7 +142,7 @@
     }
 }
 
-// Internal use mixins
+//  Internal use mixins
 ._rating-label-hide(@_label-hide) when (@_label-hide = true) {
     .mixin-rating-summary-label-hide();
 }
@@ -154,7 +158,7 @@
                .mixin-rating-icons-content(@_index, @_icon-content);
             }
         }
-        // next iteration
+        //  next iteration
         .loopingClass(@_index - 1);
     }
     .loopingClass (0) {}
@@ -203,8 +207,8 @@
 }
 
 .mixin-rating-icons-content(
-    @_icon-count: @rating-icon-count,
-    @_icon-content: @rating-icon-content
+    @_icon-count: @rating-icon__count,
+    @_icon-content: @rating-icon__content
 ) when (@_icon-count > 0) {
     .mixin-rating-icons-content((@_icon-count - 1),@_icon-content);
     content+_: @_icon-content;
diff --git a/lib/web/css/source/lib/resets.less b/lib/web/css/source/lib/_resets.less
similarity index 94%
rename from lib/web/css/source/lib/resets.less
rename to lib/web/css/source/lib/_resets.less
index 8b7a24de52150..7b829bde56366 100644
--- a/lib/web/css/source/lib/resets.less
+++ b/lib/web/css/source/lib/_resets.less
@@ -4,8 +4,13 @@
 //  */
 
 //
-//    Magento reset
-//--------------------------------------
+//  Resetes
+//  _____________________________________________
+
+//
+//  Magento reset
+//  ---------------------------------------------
+
 .magento-reset() {
     body {
         margin: 0;
@@ -97,14 +102,15 @@
     textarea:not([disabled]),
     select:not([disabled]) {
         &:focus {
-            .css(box-shadow, @focus-box-shadow);
+            .css(box-shadow, @focus__box-shadow);
         }
     }
 }
 
 //
-//    Normalize
-//--------------------------------------
+//  Normalize
+//  ---------------------------------------------
+
 .normalize() {
     /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
     html {
@@ -287,8 +293,9 @@
 }
 
 //
-//    Reset
-//--------------------------------------
+//  Reset
+//  ---------------------------------------------
+
 .reset() {
     /* http://meyerweb.com/eric/tools/css/reset/
        v2.0 | 20110126
@@ -339,8 +346,9 @@
 }
 
 //
-//    Universal Selector ‘*’ Reset
-//--------------------------------------
+//  Universal Selector ‘*’ Reset
+//  ---------------------------------------------
+
 .universal() {
     * {
         margin: 0;
@@ -349,8 +357,9 @@
 }
 
 //
-//    Html5doctor Reset Stylesheet
-//--------------------------------------
+//  Html5doctor Reset Stylesheet
+//  ---------------------------------------------
+
 .html5doctor-reset() {
     /*
         html5doctor.com Reset Stylesheet - http://html5doctor.com/html-5-reset-stylesheet
diff --git a/lib/web/css/source/lib/_responsive.less b/lib/web/css/source/lib/_responsive.less
new file mode 100644
index 0000000000000..42388a0be5b45
--- /dev/null
+++ b/lib/web/css/source/lib/_responsive.less
@@ -0,0 +1,68 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Responsive
+//  _____________________________________________
+
+//
+//  Media variables, that can be used for splitting styles into several files
+//  ---------------------------------------------
+
+@media-common: true; // Sets whether to output common styles (true|false)
+@media-target: all; // Sets target device for styles output (all|desktop|mobile)
+
+//
+//  Media width mixin used to group styles output based on media queries
+//  ---------------------------------------------
+
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
+}
+
+//
+//  Style groups for 'mobile' devices
+//  ---------------------------------------------
+
+& when (@media-target = 'mobile'), (@media-target = 'all') {
+
+    @media only screen and (max-width: (@screen__xs - 1)) {
+        .media-width('max', @screen__xs);
+    }
+
+    @media only screen and (max-width: (@screen__s - 1)) {
+        .media-width('max', @screen__s);
+    }
+
+    @media only screen and (max-width: (@screen__m - 1)) {
+        .media-width('max', @screen__m);
+    }
+
+    @media all and (min-width: @screen__s) {
+        .media-width('min', @screen__s);
+    }
+
+}
+
+//
+//  Style groups for 'desktop' devices
+//  ---------------------------------------------
+
+& when (@media-target = 'desktop'), (@media-target = 'all') {
+
+    @media all and (min-width: @screen__m),
+    print {
+        .media-width('min', @screen__m);
+    }
+
+    @media all and (min-width: @screen__l),
+    print {
+        .media-width('min', @screen__l);
+    }
+
+    @media all and (min-width: @screen__xl),
+    print {
+        .media-width('min', @screen__xl);
+    }
+}
diff --git a/lib/web/css/source/lib/sections.less b/lib/web/css/source/lib/_sections.less
similarity index 56%
rename from lib/web/css/source/lib/sections.less
rename to lib/web/css/source/lib/_sections.less
index 362f632a7d91f..1aac8082800a4 100644
--- a/lib/web/css/source/lib/sections.less
+++ b/lib/web/css/source/lib/_sections.less
@@ -3,7 +3,11 @@
 //  * See COPYING.txt for license details.
 //  */
 
-.data-tabs-base(@_tab-control-height-base: @tab-control-height-base) {
+//
+//  Sections
+//  _____________________________________________
+
+.data-tabs__base(@_tab-control-height__base: @tab-control__height__base) {
     .clearfix();
     position: relative;
     z-index: 1;
@@ -12,7 +16,7 @@
         width: auto;
         > .switch {
             display: block;
-            .css(height, @_tab-control-height-base);
+            .css(height, @_tab-control-height__base);
             position: relative;
             z-index: 2;
         }
@@ -21,7 +25,7 @@
         box-sizing: border-box;
         .clearfix();
         float: right;
-        .css(margin-top, @_tab-control-height-base);
+        .css(margin-top, @_tab-control-height__base);
         margin-left: -100%;
         width: 100%;
         &.active {
@@ -31,49 +35,49 @@
 }
 
 .data-tabs(
-    @_tab-control-font-family: @tab-control-font-family,
-    @_tab-control-font-size: @tab-control-font-size,
-    @_tab-control-font-style: @tab-control-font-style,
-    @_tab-control-font-weight: @tab-control-font-weight,
-    @_tab-control-line-height: @tab-control-line-height,
+    @_tab-control-font-family: @tab-control__font-family,
+    @_tab-control-font-size: @tab-control__font-size,
+    @_tab-control-font-style: @tab-control__font-style,
+    @_tab-control-font-weight: @tab-control__font-weight,
+    @_tab-control-line-height: @tab-control__line-height,
 
-    @_tab-control-bg: @tab-control-bg,
-    @_tab-control-color: @tab-control-color,
-    @_tab-control-text-decoration: @tab-control-text-decoration,
+    @_tab-control-background-color: @tab-control__background-color,
+    @_tab-control-color: @tab-control__color,
+    @_tab-control-text-decoration: @tab-control__text-decoration,
 
-    @_tab-control-color-visited: @tab-control-color,
-    @_tab-control-text-decoration-visited: @tab-control-text-decoration,
+    @_tab-control-color-visited: @tab-control__color,
+    @_tab-control-text-decoration-visited: @tab-control__text-decoration,
 
-    @_tab-control-bg-hover: @tab-control-bg-hover,
-    @_tab-control-color-hover: @tab-control-color-hover,
-    @_tab-control-text-decoration-hover: @tab-control-text-decoration,
+    @_tab-control-background-color-hover: @tab-control__hover__background-color,
+    @_tab-control-color-hover: @tab-control__hover__color,
+    @_tab-control-text-decoration-hover: @tab-control__text-decoration,
 
-    @_tab-control-bg-active: @tab-control-bg-active,
-    @_tab-control-color-active: @tab-control-color-active,
-    @_tab-control-text-decoration-active: @tab-control-text-decoration,
+    @_tab-control-background-color-active: @tab-control__active__background-color,
+    @_tab-control-color-active: @tab-control__active__color,
+    @_tab-control-text-decoration-active: @tab-control__text-decoration,
 
-    @_tab-control-height: @tab-control-height,
-    @_tab-control-margin-right: @tab-control-margin-right,
+    @_tab-control-height: @tab-control__height,
+    @_tab-control-margin-right: @tab-control__margin-right,
 
-    @_tab-control-padding-top: @tab-control-padding-top,
-    @_tab-control-padding-right: @tab-control-padding-right,
-    @_tab-control-padding-bottom: @tab-control-padding-bottom,
-    @_tab-control-padding-left: @tab-control-padding-left,
+    @_tab-control-padding-top: @tab-control__padding-top,
+    @_tab-control-padding-right: @tab-control__padding-right,
+    @_tab-control-padding-bottom: @tab-control__padding-bottom,
+    @_tab-control-padding-left: @tab-control__padding-left,
 
-    @_tab-control-border-width: @tab-control-border-width,
-    @_tab-control-border-color: @tab-control-border-color,
+    @_tab-control-border-width: @tab-control__border-width,
+    @_tab-control-border-color: @tab-control__border-color,
 
-    @_tab-content-bg: @tab-content-bg,
-    @_tab-content-border: @tab-content-border,
-    @_tab-content-border-top-status: @tab-content-border-top-status,
-    @_tab-content-margin-top: @tab-content-margin-top,
+    @_tab-content-background-color: @tab-content__background-color,
+    @_tab-content-border: @tab-content__border,
+    @_tab-content-border-top-status: @tab-content__border-top-status,
+    @_tab-content-margin-top: @tab-content__margin-top,
 
-    @_tab-content-padding-top: @tab-content-padding-top,
-    @_tab-content-padding-right: @tab-content-padding-right,
-    @_tab-content-padding-bottom: @tab-content-padding-bottom,
-    @_tab-content-padding-left: @tab-content-padding-left
+    @_tab-content-padding-top: @tab-content__padding-top,
+    @_tab-content-padding-right: @tab-content__padding-right,
+    @_tab-content-padding-bottom: @tab-content__padding-bottom,
+    @_tab-content-padding-left: @tab-content__padding-left
 ) {
-    .data-tabs-base();
+    .data-tabs__base();
     > .item.title {
         .css(margin, 0 @_tab-control-margin-right 0 0);
         > .switch {
@@ -95,7 +99,7 @@
                 @_link-color-active: @_tab-control-color-active,
                 @_link-text-decoration-active: @_tab-control-text-decoration-active
             );
-            .css(background, @_tab-control-bg);
+            .css(background, @_tab-control-background-color);
             .css(border, @_tab-content-border);
             border-bottom: none;
             .css(height, @_tab-control-height);
@@ -103,13 +107,13 @@
         }
         &:not(.disabled) > .switch:focus,
         &:not(.disabled) > .switch:hover {
-            .css(background, @_tab-control-bg-hover);
+            .css(background, @_tab-control-background-color-hover);
         }
         &:not(.disabled) > .switch:active,
         &.active > .switch,
         &.active > .switch:focus,
         &.active > .switch:hover {
-            .css(background, @_tab-control-bg-active);
+            .css(background, @_tab-control-background-color-active);
             .css(color, @_tab-control-color-active);
         }
         &.active > .switch,
@@ -119,7 +123,7 @@
         }
     }
     > .item.content {
-        .css(background, @_tab-content-bg);
+        .css(background, @_tab-content-background-color);
         margin-top: @_tab-content-margin-top;
         padding: @_tab-content-padding-top @_tab-content-padding-right @_tab-content-padding-bottom @_tab-content-padding-left;
         ._tab-content-border(
@@ -144,7 +148,7 @@
     .css(border-top, @_tab-content-border);
 }
 
-.data-accordion-base() {
+.data-accordion__base() {
     margin: 0;
     padding: 0;
     > .item.title {
@@ -168,47 +172,47 @@
 }
 
 .data-accordion(
-    @_accordion-control-font-family: @accordion-control-font-family,
-    @_accordion-control-font-size: @accordion-control-font-size,
-    @_accordion-control-font-style: @accordion-control-font-style,
-    @_accordion-control-font-weight: @accordion-control-font-weight,
-    @_accordion-control-line-height: @accordion-control-line-height,
+    @_accordion-control-font-family: @accordion-control__font-family,
+    @_accordion-control-font-size: @accordion-control__font-size,
+    @_accordion-control-font-style: @accordion-control__font-style,
+    @_accordion-control-font-weight: @accordion-control__font-weight,
+    @_accordion-control-line-height: @accordion-control__line-height,
 
-    @_accordion-control-border-top: @accordion-control-border-top,
-    @_accordion-control-border-right: @accordion-control-border-right,
-    @_accordion-control-border-bottom: @accordion-control-border-bottom,
-    @_accordion-control-border-left: @accordion-control-border-left,
+    @_accordion-control-border-top: @accordion-control__border-top,
+    @_accordion-control-border-right: @accordion-control__border-right,
+    @_accordion-control-border-bottom: @accordion-control__border-bottom,
+    @_accordion-control-border-left: @accordion-control__border-left,
 
-    @_accordion-control-bg: @accordion-control-bg,
-    @_accordion-control-color: @accordion-control-color,
-    @_accordion-control-text-decoration: @accordion-control-text-decoration,
+    @_accordion-control-background-color: @accordion-control__background-color,
+    @_accordion-control-color: @accordion-control__color,
+    @_accordion-control-text-decoration: @accordion-control__text-decoration,
 
-    @_accordion-control-color-visited: @accordion-control-color,
-    @_accordion-control-text-decoration-visited: @accordion-control-text-decoration,
+    @_accordion-control-color-visited: @accordion-control__color,
+    @_accordion-control-text-decoration-visited: @accordion-control__text-decoration,
 
-    @_accordion-control-bg-hover: @accordion-control-bg-hover,
-    @_accordion-control-color-hover: @accordion-control-color-hover,
-    @_accordion-control-text-decoration-hover: @accordion-control-text-decoration-hover,
+    @_accordion-control-background-color-hover: @accordion-control__hover__background-color,
+    @_accordion-control-color-hover: @accordion-control__hover__color,
+    @_accordion-control-text-decoration-hover: @accordion-control__hover__text-decoration,
 
-    @_accordion-control-bg-active: @accordion-control-bg-active,
-    @_accordion-control-color-active: @accordion-control-color-active,
-    @_accordion-control-text-decoration-active: @accordion-control-text-decoration-active,
+    @_accordion-control-background-color-active: @accordion-control__active__background-color,
+    @_accordion-control-color-active: @accordion-control__active__color,
+    @_accordion-control-text-decoration-active: @accordion-control__active__text-decoration,
 
-    @_accordion-control-height: @accordion-control-height,
-    @_accordion-control-margin-bottom: @accordion-control-margin-bottom,
+    @_accordion-control-height: @accordion-control__height,
+    @_accordion-control-margin-bottom: @accordion-control__margin-bottom,
 
-    @_accordion-control-padding-top: @accordion-control-padding-top,
-    @_accordion-control-padding-right: @accordion-control-padding-right,
-    @_accordion-control-padding-bottom: @accordion-control-padding-bottom,
-    @_accordion-control-padding-left: @accordion-control-padding-left,
+    @_accordion-control-padding-top: @accordion-control__padding-top,
+    @_accordion-control-padding-right: @accordion-control__padding-right,
+    @_accordion-control-padding-bottom: @accordion-control__padding-bottom,
+    @_accordion-control-padding-left: @accordion-control__padding-left,
 
-    @_accordion-content-bg: @accordion-content-bg,
-    @_accordion-content-border: @accordion-content-border,
+    @_accordion-content-background-color: @accordion-content__background-color,
+    @_accordion-content-border: @accordion-content__border,
 
-    @_accordion-content-margin: @accordion-content-margin,
-    @_accordion-content-padding: @accordion-content-padding
+    @_accordion-content-margin: @accordion-content__margin,
+    @_accordion-content-padding: @accordion-content__padding
 ) {
-    .data-accordion-base();
+    .data-accordion__base();
     & when (@_accordion-control-margin-bottom = 0) {
         > .item.title {
             .css(margin, 0);
@@ -221,7 +225,7 @@
     }
     > .item.title {
         > .switch {
-            .css(background, @_accordion-control-bg);
+            .css(background, @_accordion-control-background-color);
             .css(border-top,@_accordion-control-border-top);
             .css(border-right,@_accordion-control-border-right);
             .css(border-bottom,@_accordion-control-border-bottom);
@@ -249,18 +253,18 @@
         }
         &:not(.disabled) > .switch:focus,
         &:not(.disabled) > .switch:hover {
-            .css(background, @_accordion-control-bg-hover);
+            .css(background, @_accordion-control-background-color-hover);
         }
         &:not(.disabled) > .switch:active,
         &.active > .switch,
         &.active > .switch:focus,
         &.active > .switch:hover {
-            .css(background, @_accordion-control-bg-active);
+            .css(background, @_accordion-control-background-color-active);
             .css(padding-bottom, @_accordion-control-padding-bottom);
         }
     }
     > .item.content {
-        .css(background, @_accordion-content-bg);
+        .css(background, @_accordion-content-background-color);
         .css(border, @_accordion-content-border);
         .css(margin, @_accordion-content-margin);
         .css(padding, @_accordion-content-padding);
diff --git a/lib/web/css/source/lib/tables.less b/lib/web/css/source/lib/_tables.less
similarity index 55%
rename from lib/web/css/source/lib/tables.less
rename to lib/web/css/source/lib/_tables.less
index 2986d7166cac5..a03e43c1a4f6e 100644
--- a/lib/web/css/source/lib/tables.less
+++ b/lib/web/css/source/lib/_tables.less
@@ -3,11 +3,15 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Tables
+//  _____________________________________________
+
 .table(
-    @_table-width: @table-width,
-    @_cell-padding-vertical: @table-cell-padding-vertical,
-    @_cell-padding-horizontal: @table-cell-padding-horizontal,
-    @_table-margin-bottom: @table-margin-bottom
+    @_table-width: @table__width,
+    @_cell-padding-vertical: @table-cell__padding-vertical,
+    @_cell-padding-horizontal: @table-cell__padding-horizontal,
+    @_table-margin-bottom: @table__margin-bottom
 ) {
     border-collapse: collapse;
     border-spacing: 0;
@@ -45,18 +49,18 @@
 }
 
 .table-typography(
-     @_table-td-font-size: @table-td-font-size,
-     @_table-td-color: @table-td-color,
-     @_table-td-font-family: @table-td-font-family,
-     @_table-td-font-weight: @table-td-font-weight,
-     @_table-td-line-height: @table-td-line-height,
-     @_table-td-font-style: @table-td-font-style,
-     @_table-th-font-size: @table-th-font-size,
-     @_table-th-color: @table-th-color,
-     @_table-th-font-family: @table-th-font-family,
-     @_table-th-font-weight: @table-th-font-weight,
-     @_table-th-line-height: @table-th-line-height,
-     @_table-th-font-style: @table-th-font-style
+     @_table-td-font-size: @table-td__font-size,
+     @_table-td-color: @table-td__color,
+     @_table-td-font-family: @table-td__font-family,
+     @_table-td-font-weight: @table-td__font-weight,
+     @_table-td-line-height: @table-td__line-height,
+     @_table-td-font-style: @table-td__font-style,
+     @_table-th-font-size: @table-th__font-size,
+     @_table-th-color: @table-th__color,
+     @_table-th-font-family: @table-th__font-family,
+     @_table-th-font-weight: @table-th__font-weight,
+     @_table-th-line-height: @table-th__line-height,
+     @_table-th-font-style: @table-th__font-style
 ) {
     > thead,
     > tbody,
@@ -86,31 +90,31 @@
     }
 }
 
-.table-bg(
-    @_table-bg: @table-bg,
-    @_table-head-bg: @table-head-bg,
-    @_table-foot-bg: @table-foot-bg,
-    @_table-td-bg: @table-td-bg,
-    @_table-body-th-bg: @table-body-th-bg
+.table-background-color(
+    @_table-background-color: @table__background-color,
+    @_table-head-background-color: @table-head__background-color,
+    @_table-foot-background-color: @table-foot__background-color,
+    @_table-td-background-color: @table-td__background-color,
+    @_table-body-th-background-color: @table-body-th__background-color
 ) {
-    .css(background, @_table-bg);
+    .css(background, @_table-background-color);
     > thead {
-        .css(background, @_table-head-bg);
+        .css(background, @_table-head-background-color);
     }
     > tfoot {
-        .css(background, @_table-foot-bg);
+        .css(background, @_table-foot-background-color);
     }
     > tbody > tr > td {
-        .css(background, @_table-td-bg);
+        .css(background, @_table-td-background-color);
     }
     > tbody > tr >th {
-        .css(background, @_table-body-th-bg);
+        .css(background, @_table-body-th-background-color);
     }
 }
 
 .table-resize(
-    @_td-padding-top: @table-cell-padding-vertical / 2,
-    @_td-padding-right: @table-cell-padding-horizontal / 2,
+    @_td-padding-top: @table-cell__padding-vertical / 2,
+    @_td-padding-right: @table-cell__padding-horizontal / 2,
     @_td-padding-bottom: @_td-padding-top,
     @_td-padding-left: @_td-padding-right,
     @_th-padding-top: @_td-padding-top,
@@ -134,9 +138,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = normal){
     .css(border, @_table_border-width @_table_border-style @_table_border-color);
     > thead,
@@ -153,9 +157,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = horizontal){
     > thead,
     > tbody,
@@ -184,9 +188,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = horizontal_body){
     > tbody {
         > tr {
@@ -203,9 +207,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = vertical){
     > thead,
     > tbody,
@@ -224,9 +228,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = light){
     border: none;
     > thead,
@@ -251,9 +255,9 @@
 
 .table-bordered(
     @_table_type: normal,
-    @_table_border-width: @table-border-width,
-    @_table_border-style: @table-border-style,
-    @_table_border-color: @table-border-color
+    @_table_border-width: @table__border-width,
+    @_table_border-style: @table__border-style,
+    @_table_border-color: @table__border-color
 ) when (@_table_type = clear){
     border: none;
     > thead,
@@ -269,38 +273,38 @@
 }
 
 .table-striped(
-    @_stripped-bg: @table-cell-bg-stripped,
-    @_stripped-color: @table-cell-color-stripped,
+    @_stripped-background-color: @table-cell-stripped__background-color,
+    @_stripped-color: @table-cell-stripped__color,
     @_stripped-direction: horizontal,
     @_stripped-highlight: odd
 ) when (@_stripped-highlight = odd) and (@_stripped-direction = horizontal){
     > tbody > tr:nth-child(odd) {
         > td,
         > th {
-            .css(background, @_stripped-bg);
+            .css(background, @_stripped-background-color);
             .css(color, @_stripped-color);
         }
     }
 }
 
 .table-striped(
-    @_stripped-bg: @table-cell-bg-stripped,
-    @_stripped-color: @table-cell-color-stripped,
+    @_stripped-background-color: @table-cell-stripped__background-color,
+    @_stripped-color: @table-cell-stripped__color,
     @_stripped-direction: horizontal,
     @_stripped-highlight: odd
 ) when (@_stripped-highlight = even) and (@_stripped-direction = horizontal) {
     > tbody > tr:nth-child(even) {
         > td,
         > th {
-            .css(background, @_stripped-bg);
+            .css(background, @_stripped-background-color);
             .css(color, @_stripped-color);
         }
     }
 }
 
 .table-striped(
-    @_stripped-bg: @table-cell-bg-stripped,
-    @_stripped-color: @table-cell-color-stripped,
+    @_stripped-background-color: @table-cell-stripped__background-color,
+    @_stripped-color: @table-cell-stripped__color,
     @_stripped-direction: horizontal,
     @_stripped-highlight: odd
 ) when (@_stripped-highlight = odd) and (@_stripped-direction = vertical) {
@@ -310,7 +314,7 @@
         > tr {
             > th:nth-child(odd),
             > td:nth-child(odd) {
-                .css(background, @_stripped-bg);
+                .css(background, @_stripped-background-color);
                 .css(color, @_stripped-color);
             }
         }
@@ -318,8 +322,8 @@
 }
 
 .table-striped(
-    @_stripped-bg: @table-cell-bg-stripped,
-    @_stripped-color: @table-cell-color-stripped,
+    @_stripped-background-color: @table-cell-stripped__background-color,
+    @_stripped-color: @table-cell-stripped__color,
     @_stripped-direction: horizontal,
     @_stripped-highlight: odd
 ) when (@_stripped-highlight = even) and (@_stripped-direction = vertical) {
@@ -329,7 +333,7 @@
         > tr {
             > th:nth-child(even),
             > td:nth-child(even) {
-                .css(background, @_stripped-bg);
+                .css(background, @_stripped-background-color);
                 .css(color, @_stripped-color);
             }
         }
@@ -337,26 +341,26 @@
 }
 
 .table-hover(
-    @_table_cell-bg-hover: @table-cell-bg-hover,
-    @_table_cell-odd-bg-hover: @_table_cell-bg-hover
+    @_table_cell-background-color-hover: @table-cell__hover__background-color,
+    @_table_cell-odd-background-color-hover: @_table_cell-background-color-hover
 ) {
     > tbody > tr:nth-child(even):hover {
         > td,
         > th {
-            .css(background, @_table_cell-bg-hover);
+            .css(background, @_table_cell-background-color-hover);
         }
     }
     > tbody > tr:nth-child(odd):hover {
         > td,
         > th {
-            .css(background, @_table_cell-odd-bg-hover);
+            .css(background, @_table_cell-odd-background-color-hover);
         }
     }
 }
 
 .table-overflow() {
     width: 100%;
-    .css(margin-bottom, @table-margin-bottom);
+    .css(margin-bottom, @table__margin-bottom);
     overflow-y: hidden;
     overflow-x: auto;
     -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -364,88 +368,88 @@
 }
 
 .table-responsive(
-    @_table-bg-responsive: @table-bg-responsive,
-    @_table-th-bg-responsive: @table-th-bg-responsive,
+    @_table-background-color-responsive: @table-responsive__background-color,
+    @_table-th-background-color-responsive: @table-responsive-th__background-color,
     @_reset-table-striped: false,
     @_reset-table-hover: false,
-    @_table-responsive-cell-padding: @table-responsive-cell-padding
+    @_table-responsive-cell-padding: @table-responsive-cell__padding
 ) when (@_reset-table-striped = false) and (@_reset-table-hover = false){
     ._responsive-table(
-        @_table-bg-responsive: @_table-bg-responsive,
+        @_table-background-color-responsive: @_table-background-color-responsive,
         @_table-responsive-cell-padding: @_table-responsive-cell-padding
     );
     > tbody > tr > th {
-        .css(background-color, @_table-th-bg-responsive);
+        .css(background-color, @_table-th-background-color-responsive);
     }
 }
 
 .table-responsive(
-    @_table-bg-responsive: @table-bg-responsive,
-    @_table-th-bg-responsive: @table-th-bg-responsive,
+    @_table-background-color-responsive: @table-responsive__background-color,
+    @_table-th-background-color-responsive: @table-responsive-th__background-color,
     @_reset-table-striped: false,
     @_reset-table-hover: false,
-    @_table-responsive-cell-padding: @table-responsive-cell-padding
+    @_table-responsive-cell-padding: @table-responsive-cell__padding
 ) when (@_reset-table-striped = true) and (@_reset-table-hover = true){
-    .table-striped(@_stripped-bg: @_table-bg-responsive);
+    .table-striped(@_stripped-background-color: @_table-background-color-responsive);
     .table-hover(
-        @_table_cell-bg-hover: @_table-bg-responsive,
-        @_table_cell-odd-bg-hover: @_table-bg-responsive
+        @_table_cell-background-color-hover: @_table-background-color-responsive,
+        @_table_cell-odd-background-color-hover: @_table-background-color-responsive
     );
     ._responsive-table(
-        @_table-bg-responsive: @_table-bg-responsive,
+        @_table-background-color-responsive: @_table-background-color-responsive,
         @_table-responsive-cell-padding: @_table-responsive-cell-padding
     );
     > tbody > tr > th {
-        background-color: @_table-th-bg-responsive !important;
+        background-color: @_table-th-background-color-responsive !important;
     }
 }
 
 .table-responsive(
-    @_table-bg-responsive: @table-bg-responsive,
-    @_table-th-bg-responsive: @table-th-bg-responsive,
+    @_table-background-color-responsive: @table-responsive__background-color,
+    @_table-th-background-color-responsive: @table-responsive-th__background-color,
     @_reset-table-striped: false,
     @_reset-table-hover: false,
-    @_table-responsive-cell-padding: @table-responsive-cell-padding
+    @_table-responsive-cell-padding: @table-responsive-cell__padding
 ) when (@_reset-table-striped = true) and (@_reset-table-hover = false){
-    .table-striped(@_stripped-bg: @_table-bg-responsive);
+    .table-striped(@_stripped-background-color: @_table-background-color-responsive);
     ._responsive-table(
-        @_table-bg-responsive: @_table-bg-responsive,
+        @_table-background-color-responsive: @_table-background-color-responsive,
         @_table-responsive-cell-padding: @_table-responsive-cell-padding
     );
-    .css(background-color, @_table-th-bg-responsive);
+    .css(background-color, @_table-th-background-color-responsive);
 }
 
 .table-responsive(
-    @_table-bg-responsive: @table-bg-responsive,
-    @_table-th-bg-responsive: @table-th-bg-responsive,
+    @_table-background-color-responsive: @table-responsive__background-color,
+    @_table-th-background-color-responsive: @table-responsive-th__background-color,
     @_reset-table-striped: false,
     @_reset-table-hover: false,
-    @_table-responsive-cell-padding: @table-responsive-cell-padding
+    @_table-responsive-cell-padding: @table-responsive-cell__padding
 ) when (@_reset-table-striped = false) and (@_reset-table-hover = true){
     .table-hover(
-        @_table_cell-bg-hover: @_table-bg-responsive,
-        @_table_cell-odd-bg-hover: @_table-bg-responsive
+        @_table_cell-background-color-hover: @_table-background-color-responsive,
+        @_table_cell-odd-background-color-hover: @_table-background-color-responsive
     );
     ._responsive-table(
-        @_table-bg-responsive: @_table-bg-responsive,
+        @_table-background-color-responsive: @_table-background-color-responsive,
         @_table-responsive-cell-padding: @_table-responsive-cell-padding
     );
     > tbody > tr > th {
-        background-color: @_table-th-bg-responsive !important;
+        background-color: @_table-th-background-color-responsive !important;
     }
 }
 
 .table-caption(
-    @_table-caption-hide: @table-caption-hide,
-    @_table-caption-font-size: @table-caption-font-size,
-    @_table-caption-color: @table-caption-color,
-    @_table-caption-font-family: @table-caption-font-family,
-    @_table-caption-font-weight: @table-caption-font-weight,
-    @_table-caption-font-style: @table-caption-font-style,
-    @_table-caption-line-height: @table-caption-line-height,
-    @_table-caption-alignment:  @table-caption-alignment,
-    @_table-caption-margin-top: @table-caption-margin-top,
-    @_table-caption-margin-bottom: @table-caption-margin-bottom
+    @_table-caption-hide: @table-caption__hide,
+    @_table-caption-font-size: @table-caption__font-size,
+    @_table-caption-color: @table-caption__color,
+    @_table-caption-font-family: @table-caption__font-family,
+    @_table-caption-font-weight: @table-caption__font-weight,
+    @_table-caption-font-style: @table-caption__font-style,
+    @_table-caption-line-height: @table-caption__line-height,
+    @_table-caption-alignment:  @table-caption__alignment,
+    @_table-caption-margin-top: @table-caption__margin-top,
+    @_table-caption-margin-bottom: @table-caption__margin-bottom
 ) when (@_table-caption-hide = false){
     > caption {
         .typography (
@@ -463,16 +467,16 @@
 }
 
 .table-caption(
-    @_table-caption-hide: @table-caption-hide,
-    @_table-caption-font-size: @table-caption-font-size,
-    @_table-caption-color: @table-caption-color,
-    @_table-caption-font-family: @table-caption-font-family,
-    @_table-caption-font-weight: @table-caption-font-weight,
-    @_table-caption-line-height: @table-caption-line-height,
-    @_table-caption-font-style: @table-caption-font-style,
-    @_table-caption-alignment:  @table-caption-alignment,
-    @_table-caption-margin-top: @table-caption-margin-top,
-    @_table-caption-margin-bottom: @table-caption-margin-bottom
+    @_table-caption-hide: @table-caption__hide,
+    @_table-caption-font-size: @table-caption__font-size,
+    @_table-caption-color: @table-caption__color,
+    @_table-caption-font-family: @table-caption__font-family,
+    @_table-caption-font-weight: @table-caption__font-weight,
+    @_table-caption-line-height: @table-caption__line-height,
+    @_table-caption-font-style: @table-caption__font-style,
+    @_table-caption-alignment:  @table-caption__alignment,
+    @_table-caption-margin-top: @table-caption__margin-top,
+    @_table-caption-margin-bottom: @table-caption__margin-bottom
 ) when (@_table-caption-hide = true) {
     > caption {
         .visually-hidden();
@@ -480,12 +484,12 @@
 }
 
 ._responsive-table(
-    @_table-bg-responsive: @_table-bg-responsive,
+    @_table-background-color-responsive: @_table-background-color-responsive,
     @_table-responsive-cell-padding: @_table-responsive-cell-padding
 ) {
     border: none;
     display: block;
-    .css(background, @_table-bg-responsive);
+    .css(background, @_table-background-color-responsive);
     > thead > tr > th {
         display: none;
     }
@@ -501,19 +505,19 @@
                 &:before {
                     content: attr(data-th)": ";
                     display: inline-block;
-                    .css(padding-right, @table-cell-padding-horizontal);
+                    .css(padding-right, @table-cell__padding-horizontal);
                     .typography (
-                        @_font-size: @table-th-font-size,
-                        @_color: @table-th-color,
-                        @_font-family: @table-th-font-family,
-                        @_font-weight: @table-th-font-weight,
-                        @_line-height: @table-th-line-height,
-                        @_font-style: @table-th-font-style
+                        @_font-size: @table-th__font-size,
+                        @_color: @table-th__color,
+                        @_font-family: @table-th__font-family,
+                        @_font-weight: @table-th__font-weight,
+                        @_line-height: @table-th__line-height,
+                        @_font-style: @table-th__font-style
                     );
                 }
             }
             td {
-                .css(background, @_table-bg-responsive);
+                .css(background, @_table-background-color-responsive);
             }
         }
     }
diff --git a/lib/web/css/source/lib/tooltips.less b/lib/web/css/source/lib/_tooltips.less
similarity index 86%
rename from lib/web/css/source/lib/tooltips.less
rename to lib/web/css/source/lib/_tooltips.less
index 2e43ecf0f85f7..85d45080a6c0f 100644
--- a/lib/web/css/source/lib/tooltips.less
+++ b/lib/web/css/source/lib/_tooltips.less
@@ -3,28 +3,32 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Tooltips
+//  _____________________________________________
+
 .tooltip(
     @_tooltip-position: top,
     @_tooltip-selector-toggle: ~".tooltip-toggle",
     @_tooltip-selector-content: ~".tooltip-content",
-    @_tooltip-background: @tooltip-background,
-    @_tooltip-border-color: @tooltip-border-color,
-    @_tooltip-border-width: @tooltip-border-width,
-    @_tooltip-border-radius: @tooltip-border-radius,
-    @_tooltip-color: @tooltip-color,
-    @_tooltip-cursor: @tooltip-cursor,
-    @_tooltip-font-size: @tooltip-font-size,
-    @_tooltip-font-family: @tooltip-font-family,
-    @_tooltip-font-weight: @tooltip-font-weight,
-    @_tooltip-line-height: @tooltip-line-height,
-    @_tooltip-font-style: @tooltip-font-style,
-    @_tooltip-margin: @tooltip-margin,
-    @_tooltip-padding: @tooltip-padding,
-    @_tooltip-min-width: @tooltip-min-width,
-    @_tooltip-max-width: @tooltip-max-width,
-    @_tooltip-arrow-size: @tooltip-arrow-size,
-    @_tooltip-arrow-offset: @tooltip-arrow-offset,
-    @_tooltip-z-index: @tooltip-z-index
+    @_tooltip-background: @tooltip__background,
+    @_tooltip-border-color: @tooltip__border-color,
+    @_tooltip-border-width: @tooltip__border-width,
+    @_tooltip-border-radius: @tooltip__border-radius,
+    @_tooltip-color: @tooltip__color,
+    @_tooltip-cursor: @tooltip__cursor,
+    @_tooltip-font-size: @tooltip__font-size,
+    @_tooltip-font-family: @tooltip__font-family,
+    @_tooltip-font-weight: @tooltip__font-weight,
+    @_tooltip-line-height: @tooltip__line-height,
+    @_tooltip-font-style: @tooltip__font-style,
+    @_tooltip-margin: @tooltip__margin,
+    @_tooltip-padding: @tooltip__padding,
+    @_tooltip-min-width: @tooltip__min-width,
+    @_tooltip-max-width: @tooltip__max-width,
+    @_tooltip-arrow-size: @tooltip-arrow__size,
+    @_tooltip-arrow-offset: @tooltip-arrow__offset,
+    @_tooltip-z-index: @tooltip__z-index
 ) {
     position: relative;
     //display: inline-block;
diff --git a/lib/web/css/source/lib/typography.less b/lib/web/css/source/lib/_typography.less
similarity index 63%
rename from lib/web/css/source/lib/typography.less
rename to lib/web/css/source/lib/_typography.less
index 967d19b80bd36..540c943f86c54 100644
--- a/lib/web/css/source/lib/typography.less
+++ b/lib/web/css/source/lib/_typography.less
@@ -3,6 +3,10 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Typography
+//  _____________________________________________
+
 .font-face(
     @family-name,
     @font-path,
@@ -80,12 +84,12 @@
 }
 
 .typography (
-    @_font-size: @font-size-base,
-    @_color: @text-color,
-    @_font-family: @font-family-base,
-    @_font-weight: @font-weight-base,
-    @_line-height: @line-height-base,
-    @_font-style: @font-style-base
+    @_font-size: @font-size__base,
+    @_color: @text__color,
+    @_font-family: @font-family__base,
+    @_font-weight: @font-weight__regular,
+    @_line-height: @line-height__base,
+    @_font-style: @font-style__base
 ) {
     .font-size(@_font-size);
     .css(color, @_color);
@@ -110,14 +114,14 @@
 }
 
 .link(
-    @_link-color: @link-color,
-    @_link-text-decoration: @link-text-decoration,
-    @_link-color-visited: @link-color-visited,
-    @_link-text-decoration-visited: @link-text-decoration-visited,
-    @_link-color-hover: @link-color-hover,
-    @_link-text-decoration-hover: @link-text-decoration-hover,
-    @_link-color-active: @link-color-active,
-    @_link-text-decoration-active: @link-text-decoration-active
+    @_link-color: @link__color,
+    @_link-text-decoration: @link__text-decoration,
+    @_link-color-visited: @link__visited__color,
+    @_link-text-decoration-visited: @link__visited__text-decoration,
+    @_link-color-hover: @link__hover__color,
+    @_link-text-decoration-hover: @link__hover__text-decoration,
+    @_link-color-active: @link__active__color,
+    @_link-text-decoration-active: @link__active__text-decoration
 ) {
     .css(color, @_link-color);
     .css(text-decoration, @_link-text-decoration);
@@ -136,14 +140,14 @@
 }
 
 .heading(@_heading_level: h1) {
-    @_font-color: "@{_heading_level}-font-color";
-    @_font-size: "@{_heading_level}-font-size";
-    @_font-family: "@{_heading_level}-font-family";
-    @_font-weight: "@{_heading_level}-font-weight";
-    @_line-height: "@{_heading_level}-line-height";
-    @_font-style: "@{_heading_level}-font-style";
-    @_margin-top: "@{_heading_level}-margin-top";
-    @_margin-bottom: "@{_heading_level}-margin-bottom";
+    @_font-color: "@{_heading_level}__font-color";
+    @_font-size: "@{_heading_level}__font-size";
+    @_font-family: "@{_heading_level}__font-family";
+    @_font-weight: "@{_heading_level}__font-weight";
+    @_line-height: "@{_heading_level}__line-height";
+    @_font-style: "@{_heading_level}__font-style";
+    @_margin-top: "@{_heading_level}__margin-top";
+    @_margin-bottom: "@{_heading_level}__margin-bottom";
     .typography(
         @@_font-size,
         @@_font-color,
@@ -166,9 +170,9 @@
 //  Base typography
 //  ---------------------------------------------
 
-.typography-base() {
+.typography__base() {
     html {
-        .css(font-size, @font-size-root);
+        .css(font-size, @root__font-size);
         -webkit-text-size-adjust: 100%;
             -ms-text-size-adjust: 100%;
                 font-size-adjust: 100%;
@@ -179,11 +183,11 @@
 
     p {
         & {
-            .to-rem(@p-margin-top);
+            .to-rem(@p__margin-top);
             margin-top: @valueRem;
         }
         & {
-            .to-rem(@p-margin-bottom);
+            .to-rem(@p__margin-bottom);
             margin-bottom: @valueRem;
         }
     }
@@ -191,39 +195,39 @@
     //  Abbreviations and acronyms
     abbr[title] {
         cursor: help;
-        .css(border-bottom, 1px dotted @abbr-border-color);
+        .css(border-bottom, 1px dotted @abbr__border-color);
     }
 
     b,
     strong {
-        .css(font-weight, @font-weight-bold);
+        .css(font-weight, @font-weight__bold);
     }
 
     em,
     i {
-        .css(font-style, @font-style-emphasis);
+        .css(font-style, @font-style__emphasis);
     }
 
     mark {
-        .css(background, @mark-bg);
-        .css(color, @mark-color);
+        .css(background, @mark__background-color);
+        .css(color, @mark__color);
     }
 
     small,
     .small {
-        .css(font-size, @font-size-s);
+        .css(font-size, @font-size__s);
     }
 
     hr {
-        .css(margin-top, @line-height-computed);
-        .css(margin-bottom, @line-height-computed);
+        .css(margin-top, @line-height__computed);
+        .css(margin-bottom, @line-height__computed);
         border: 0;
-        .css(border-top, @hr-border-width @hr-border-style @hr-border-color);
+        .css(border-top, @hr__border-width @hr__border-style @hr__border-color);
     }
 
     sub,
     sup {
-        .css(font-size, (@font-size-xs/@font-size-base)*100%);
+        .css(font-size, (@font-size__xs/@font-size__base)*100%);
         line-height: 0;
         position: relative;
         vertical-align: baseline;
@@ -236,7 +240,7 @@
     }
 
     dfn {
-        .css(font-style, @font-style-emphasis);
+        .css(font-style, @font-style__emphasis);
     }
 }
 
@@ -273,9 +277,9 @@
         small,
         .small {
             .typography(
-                @heading-small-size,
-                @heading-small-color,
-                @_line-height: @heading-small-line-height
+                @heading__small-size,
+                @heading__small-color,
+                @_line-height: @heading__small-line-height
             );
         }
     }
@@ -300,21 +304,21 @@
     ul,
     ol {
         & {
-            .to-rem(@list-margin-top);
+            .to-rem(@list__margin-top);
             margin-top: @valueRem;
         }
         & {
-            .to-rem(@list-margin-bottom);
+            .to-rem(@list__margin-bottom);
             margin-bottom: @valueRem;
         }
-        //.typography(@list-font-size-base, @list-color-base);
+        //.typography(@list__font-size__base, @list__color__base);
         > li {
             & {
-                .to-rem(@list-item-margin-top);
+                .to-rem(@list-item__margin-top);
                 margin-top: @valueRem;
             }
             & {
-                .to-rem(@list-item-margin-bottom);
+                .to-rem(@list-item__margin-bottom);
                 margin-bottom: @valueRem;
             }
         }
@@ -325,17 +329,17 @@
     }
 
     dl {
-        .css(margin-top, @dl-margin-top);
-        .css(margin-bottom, @dl-margin-bottom);
+        .css(margin-top, @dl__margin-top);
+        .css(margin-bottom, @dl__margin-bottom);
     }
     dt {
-        .css(font-weight, @dt-font-weight);
-        .css(margin-top, @dt-margin-top);
-        .css(margin-bottom, @dt-margin-bottom);
+        .css(font-weight, @dt__font-weight);
+        .css(margin-top, @dt__margin-top);
+        .css(margin-bottom, @dt__margin-bottom);
     }
     dd {
-        .css(margin-top, @dd-margin-top);
-        .css(margin-bottom, @dd-margin-bottom);
+        .css(margin-top, @dd__margin-top);
+        .css(margin-bottom, @dd__margin-bottom);
         margin-left: 0;
     }
 }
@@ -349,36 +353,36 @@
     kbd,
     pre,
     samp {
-        .css(font-family, @font-family-monospace);
+        .css(font-family, @font-family__monospace);
     }
 
     //  Inline code
     code {
-        .css(background, @code-bg);
-        .css(color, @code-color);
-        .font-size(@code-font-size);
-        .css(padding, @code-padding);
+        .css(background, @code__background-color);
+        .css(color, @code__color);
+        .font-size(@code__font-size);
+        .css(padding, @code__padding);
         white-space: nowrap;
     }
 
     //  User input typically entered via keyboard
     kbd {
-        .css(background, @kbd-bg);
-        .css(color, @kbd-color);
-        .font-size(@code-font-size);
-        .css(padding, @code-padding);
+        .css(background, @kbd__background-color);
+        .css(color, @kbd__color);
+        .font-size(@code__font-size);
+        .css(padding, @code__padding);
     }
 
     //  Blocks of code
     pre {
-        .css(background, @pre-bg);
-        .css(border, @pre-border-width solid @pre-border-color);
-        .css(color, @pre-color);
+        .css(background, @pre__background-color);
+        .css(border, @pre__border-width solid @pre__border-color);
+        .css(color, @pre__color);
         display: block;
-        .font-size (@code-font-size);
-        .css(margin, 0 0 @indent-s-base);
-        .css(line-height, @line-height-base);
-        .css(padding, @indent-s-base);
+        .font-size (@code__font-size);
+        .css(margin, 0 0 @indent__s);
+        .css(line-height, @line-height__base);
+        .css(padding, @indent__s);
         word-break: break-all;
         word-wrap: break-word;
         code {
@@ -398,12 +402,12 @@
 
 .typography-blockquote() {
     blockquote {
-        .css(border-left, @blockquote-border-width solid @blockquote-border-color);
-        .css(margin, @blockquote-margin);
-        .css(padding, @blockquote-padding);
+        .css(border-left, @blockquote__border-width solid @blockquote__border-color);
+        .css(margin, @blockquote__margin);
+        .css(padding, @blockquote__padding);
         .typography(
-            @_font-size: @blockquote-font-size,
-            @_font-style: @blockquote-font-style
+            @_font-size: @blockquote__font-size,
+            @_font-style: @blockquote__font-style
         );
 
         p,
@@ -417,17 +421,17 @@
         footer,
         small,
         .small {
-            .css(color, @blockquote-small-color);
+            .css(color, @blockquote-small__color);
             display: block;
-            .font-size(@blockquote-small-font-size);
-            .css(line-height, @line-height-base);
+            .font-size(@blockquote-small__font-size);
+            .css(line-height, @line-height__base);
             &:before {
-                .css(content, @blockquote-before-content);
+                .css(content, @blockquote__content-before);
             }
         }
 
         cite {
-            .css(font-style, @cite-font-style);
+            .css(font-style, @cite__font-style);
         }
     }
 
@@ -448,12 +452,12 @@
 
     //  Undo browser default styling
     cite {
-        .css(font-style, @cite-font-style);
+        .css(font-style, @cite__font-style);
     }
 }
 
 .typography-all() {
-    .typography-base();
+    .typography__base();
     .typography-headings();
     .typography-links();
     .typography-lists();
diff --git a/lib/web/css/source/lib/utilities.less b/lib/web/css/source/lib/_utilities.less
similarity index 95%
rename from lib/web/css/source/lib/utilities.less
rename to lib/web/css/source/lib/_utilities.less
index 06bc543940c50..6e5f02060d93b 100644
--- a/lib/web/css/source/lib/utilities.less
+++ b/lib/web/css/source/lib/_utilities.less
@@ -3,6 +3,10 @@
 //  * See COPYING.txt for license details.
 //  */
 
+//
+//  Utilities
+//  _____________________________________________
+
 //
 //  Convert to rem
 //  ---------------------------------------------
@@ -196,30 +200,30 @@
 
 //  Pager gradient - horizontal
 .background-gradient(
-    @_background-gradient-start-color,
-    @_background-gradient-end-color,
+    @_background-gradient-color-start,
+    @_background-gradient-color-end,
     @_background-gradient-direction,
     @_background-gradient,
     @_background-gradient-color-position: true
 ) when (@_background-gradient-direction = horizontal) and (@_background-gradient = true) {
     #gradient > .horizontal(
-    @_start-color: @_background-gradient-start-color,
-    @_end-color: @_background-gradient-end-color,
+    @_start-color: @_background-gradient-color-start,
+    @_end-color: @_background-gradient-color-end,
     @_background-color-position: @_background-gradient-color-position
     );
 }
 
 //  Pager gradient - vertical
 .background-gradient(
-    @_background-gradient-start-color,
-    @_background-gradient-end-color,
+    @_background-gradient-color-start,
+    @_background-gradient-color-end,
     @_background-gradient-direction,
     @_background-gradient,
     @_background-gradient-color-position: true
 ) when (@_background-gradient-direction = vertical) and (@_background-gradient = true) {
     #gradient > .vertical(
-    @_start-color: @_background-gradient-start-color,
-    @_end-color: @_background-gradient-end-color,
+    @_start-color: @_background-gradient-color-start,
+    @_end-color: @_background-gradient-color-end,
     @_background-color-position: @_background-gradient-color-position
     );
 }
@@ -245,7 +249,7 @@
 }
 
 .inline-block-space-item(
-    @_font-size: @font-size-base,
+    @_font-size: @font-size__base,
     @_line-height: normal
 ) {
     .font-size(@_font-size);
@@ -370,8 +374,8 @@
 //  ---------------------------------------------
 
 .input-placeholder(
-    @_input-placeholder-color: @form-element-input-placeholder-color,
-    @_input-placeholder-font-weight: @form-element-input-font-weight
+    @_input-placeholder-color: @form-element-input-placeholder__color,
+    @_input-placeholder-font-weight: @form-element-input__font-weight
 ) {
     &::-webkit-input-placeholder {
         color: @_input-placeholder-color;
diff --git a/lib/web/css/source/lib/_variables.less b/lib/web/css/source/lib/_variables.less
new file mode 100644
index 0000000000000..18ec7d213f74c
--- /dev/null
+++ b/lib/web/css/source/lib/_variables.less
@@ -0,0 +1,30 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Variables
+//  _____________________________________________
+
+@baseDir: "../"; // Base directory path
+
+@import 'variables/_colors';
+@import 'variables/_typography';
+@import 'variables/_tables';
+@import 'variables/_layout';
+@import 'variables/_responsive';
+@import 'variables/_navigation';
+@import 'variables/_sections';
+@import 'variables/_buttons';
+@import 'variables/_icons';
+@import 'variables/_messages';
+@import 'variables/_tooltips';
+@import 'variables/_loaders';
+@import 'variables/_forms';
+@import 'variables/_pages';
+@import 'variables/_rating';
+@import 'variables/_dropdowns';
+@import 'variables/_actions-toolbar';
+@import 'variables/_breadcrumbs';
+@import 'variables/_popups';
diff --git a/lib/web/css/source/lib/abstract.less b/lib/web/css/source/lib/abstract.less
deleted file mode 100644
index aa022529ea625..0000000000000
--- a/lib/web/css/source/lib/abstract.less
+++ /dev/null
@@ -1,4 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
diff --git a/lib/web/css/source/lib/breadcrumbs.less b/lib/web/css/source/lib/breadcrumbs.less
deleted file mode 100644
index 75552bd68c212..0000000000000
--- a/lib/web/css/source/lib/breadcrumbs.less
+++ /dev/null
@@ -1,168 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-.mixin-breadcrumbs(
-    @_breadcrumbs-font-size: @breadcrumbs-font-size,
-    @_breadcrumbs-display: @breadcrumbs-display,
-    @_breadcrumbs-container-margin: @breadcrumbs-container-margin,
-    @_breadcrumbs-padding: @breadcrumbs-padding,
-
-    // Breadcrumbs separating symbol
-    @_breadcrumbs-separator-symbol: @breadcrumbs-separator-symbol,
-    @_breadcrumbs-separator-color: @breadcrumbs-separator-color,
-
-    // Use icon as a separating symbol
-    @_breadcrumbs-icon-use: @breadcrumbs-icon-use,
-    @_breadcrumbs-icon-font-content: @breadcrumbs-icon-font-content,
-    @_icon-font: @breadcrumbs-icon-font,
-    @_icon-font-size: @breadcrumbs-icon-font-size,
-    @_icon-font-line-height: @breadcrumbs-icon-font-line-height,
-    @_icon-font-color: @breadcrumbs-icon-font-color,
-    @_icon-font-margin: @breadcrumbs-icon-font-margin,
-    @_icon-font-vertical-align: @breadcrumbs-icon-font-vertical-align,
-
-    // Breadcrumbs current
-    @_breadcrumbs-current-color: @breadcrumbs-current-color,
-    @_breadcrumbs-current-font-weight: @breadcrumbs-current-font-weight,
-    @_breadcrumbs-current-background: @breadcrumbs-current-background,
-    @_breadcrumbs-current-border: @breadcrumbs-current-border,
-    @_breadcrumbs-current-gradient: @breadcrumbs-current-gradient,
-    @_breadcrumbs-current-gradient-direction: @breadcrumbs-current-gradient-direction,
-    @_breadcrumbs-current-gradient-start-color: @breadcrumbs-current-gradient-start-color,
-    @_breadcrumbs-current-gradient-end-color: @breadcrumbs-current-gradient-end-color,
-
-    // Breadcrumbs link - gradient
-    @_breadcrumbs-link-gradient: @breadcrumbs-link-gradient,
-    @_breadcrumbs-link-gradient-direction: @breadcrumbs-link-gradient-direction,
-
-    // Breadcrumbs link color
-    @_breadcrumbs-link-color: @breadcrumbs-link-color,
-    @_breadcrumbs-link-background: @breadcrumbs-link-background,
-    @_breadcrumbs-link-border: @breadcrumbs-link-border,
-    @_breadcrumbs-link-text-decoration: @breadcrumbs-link-text-decoration,
-    @_breadcrumbs-link-gradient-start-color: @breadcrumbs-link-gradient-start-color,
-    @_breadcrumbs-link-gradient-end-color: @breadcrumbs-link-gradient-end-color,
-
-    // Breadcrumbs link - visited
-    @_breadcrumbs-link-color-visited: @breadcrumbs-link-color-visited,
-    @_breadcrumbs-link-background-visited: @breadcrumbs-link-background-visited,
-    @_breadcrumbs-link-border-visited: @breadcrumbs-link-border-visited,
-    @_breadcrumbs-link-text-decoration-visited: @breadcrumbs-link-text-decoration-visited,
-    @_breadcrumbs-link-gradient-start-color-visited: @breadcrumbs-link-gradient-start-color-visited,
-    @_breadcrumbs-link-gradient-end-color-visited: @breadcrumbs-link-gradient-end-color-visited,
-
-    // Breadcrumbs link - hover
-    @_breadcrumbs-link-color-hover: @breadcrumbs-link-color-hover,
-    @_breadcrumbs-link-background-hover: @breadcrumbs-link-background-hover,
-    @_breadcrumbs-link-border-hover: @breadcrumbs-link-border-hover,
-    @_breadcrumbs-link-text-decoration-hover: @breadcrumbs-link-text-decoration-hover,
-    @_breadcrumbs-link-gradient-start-color-hover: @breadcrumbs-link-gradient-start-color-hover,
-    @_breadcrumbs-link-gradient-end-color-hover: @breadcrumbs-link-gradient-end-color-hover,
-
-    // Breadcrumbs link - active
-    @_breadcrumbs-link-color-active: @breadcrumbs-link-color-active,
-    @_breadcrumbs-link-background-active: @breadcrumbs-link-background-active,
-    @_breadcrumbs-link-border-active: @breadcrumbs-link-border-active,
-    @_breadcrumbs-link-text-decoration-active: @breadcrumbs-link-text-decoration-active,
-    @_breadcrumbs-link-gradient-start-color-active: @breadcrumbs-link-gradient-start-color-active,
-    @_breadcrumbs-link-gradient-end-color-active: @breadcrumbs-link-gradient-end-color-active
-) {
-    .css(margin, @_breadcrumbs-container-margin);
-    .items {
-        .font-size(@_breadcrumbs-font-size);
-        .css(color, @_breadcrumbs-current-color);
-        .list-inline();
-    }
-    .item {
-        margin: 0;
-    }
-    a {
-        .css(background, @_breadcrumbs-link-background);
-        .background-gradient(
-            @_breadcrumbs-link-gradient-start-color,
-            @_breadcrumbs-link-gradient-end-color,
-            @_breadcrumbs-link-gradient-direction,
-            @_breadcrumbs-link-gradient
-        );
-        .css(border, @_breadcrumbs-link-border);
-        .css(display, @_breadcrumbs-display);
-        .css(padding, @_breadcrumbs-padding);
-        .css(color, @_breadcrumbs-link-color);
-        .css(text-decoration, @_breadcrumbs-link-text-decoration);
-        &:visited {
-            .css(background, @_breadcrumbs-link-background-visited);
-            .background-gradient(
-                @_breadcrumbs-link-gradient-start-color-visited,
-                @_breadcrumbs-link-gradient-end-color-visited,
-                @_breadcrumbs-link-gradient-direction,
-                @_breadcrumbs-link-gradient
-            );
-            .css(border, @_breadcrumbs-link-border-visited);
-            .css(color, @_breadcrumbs-link-color-visited);
-            .css(text-decoration, @_breadcrumbs-link-text-decoration-visited);
-        }
-        &:hover {
-            .css(background, @_breadcrumbs-link-background-hover);
-            .background-gradient(
-                @_breadcrumbs-link-gradient-start-color-hover,
-                @_breadcrumbs-link-gradient-end-color-hover,
-                @_breadcrumbs-link-gradient-direction,
-                @_breadcrumbs-link-gradient
-            );
-            .css(border, @_breadcrumbs-link-border-hover);
-            .css(color, @_breadcrumbs-link-color-hover);
-            .css(text-decoration, @_breadcrumbs-link-text-decoration-hover);
-        }
-        &:active {
-            .css(background, @_breadcrumbs-link-background-active);
-            .background-gradient(
-                @_breadcrumbs-link-gradient-start-color-active,
-                @_breadcrumbs-link-gradient-end-color-active,
-                @_breadcrumbs-link-gradient-direction,
-                @_breadcrumbs-link-gradient
-            );
-            .css(border, @_breadcrumbs-link-border-active);
-            .css(color, @_breadcrumbs-link-color-active);
-            .css(text-decoration, @_breadcrumbs-link-text-decoration-active);
-        }
-    }
-    strong {
-        .css(background, @_breadcrumbs-current-background);
-        .background-gradient(
-            @_breadcrumbs-current-gradient-start-color,
-            @_breadcrumbs-current-gradient-end-color,
-            @_breadcrumbs-current-gradient-direction,
-            @_breadcrumbs-current-gradient
-        );
-        .css(border, @_breadcrumbs-current-border);
-        .css(display, @_breadcrumbs-display);
-        .css(padding, @_breadcrumbs-padding);
-        .css(font-weight, @_breadcrumbs-current-font-weight);
-    }
-
-    & when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) {  // Insert separating symbol to "content"
-        .item:not(:last-child) {
-            &:after {
-                .css(color, @_breadcrumbs-separator-color);
-                .css(content, @_breadcrumbs-separator-symbol);
-            }
-        }
-    }
-
-    & when (@_breadcrumbs-icon-use = true) {  // Use font icon as a separating symbol
-        .item:not(:last-child) {
-            .icon-font(
-                @_icon-font-content: @_breadcrumbs-icon-font-content,
-                @_icon-font: @_icon-font,
-                @_icon-font-size: @_icon-font-size,
-                @_icon-font-line-height: @_icon-font-line-height,
-                @_icon-font-color: @_icon-font-color,
-                @_icon-font-margin: @_icon-font-margin,
-                @_icon-font-vertical-align: @_icon-font-vertical-align,
-                @_icon-font-position: after
-            );
-        }
-    }
-}
diff --git a/lib/web/css/source/lib/buttons.less b/lib/web/css/source/lib/buttons.less
deleted file mode 100644
index 387e7d1d62fb0..0000000000000
--- a/lib/web/css/source/lib/buttons.less
+++ /dev/null
@@ -1,403 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-//
-//    Button with solid or pictire background
-//--------------------------------------
-.button(
-    @_button-font-family: @button-font-family,              // button font family
-    @_button-font-size: @button-font-size,                  // button font size
-    @_button-font-weight: @button-font-weight,              // button font weight
-    @_button-cursor: @button-cursor,                        // button cursor
-    @_button-display: @button-display,                      // button display
-    @_button-disabled-opacity: @button-disabled-opacity,    // button disabled opacity
-    @_button-line-height: @button-line-height,              // button line height
-    @_button-width: @button-width,                          // button width
-    @_button-margin: @button-margin,                        // margins of the button
-    @_button-padding: @button-padding,                      // paddings of the button
-    @_button-color: @button-color,                          // text color of the button
-    @_button-background: @button-background,                // background of the button
-    @_button-border: @button-border,                        // border of the button
-    @_button-color-hover: @button-color-hover,              // text color of the hovered button
-    @_button-background-hover: @button-background-hover,    // background of the hovered button
-    @_button-border-hover: @button-border-hover,            // border of the hovered button
-    @_button-color-active: @button-color-active,            // text color of the active button
-    @_button-background-active: @button-background-active,  // background of the active button
-    @_button-border-active: @button-border-active,          // border of the active button
-    @_button-gradient: @button-gradient,                    // does the button have gradient background
-    @_button-gradient-direction: @button-gradient-direction,                    // gradient direction the button
-    @_button-gradient-start-color: @button-gradient-start-color,                // gradient background start color
-    @_button-gradient-end-color: @button-gradient-end-color,                    // gradient background end color
-    @_button-gradient-start-color-hover: @button-gradient-start-color-hover,    // gradient background start color of the hovered button
-    @_button-gradient-end-color-hover: @button-gradient-end-color-hover,    // gradient background start color of the hovered button
-    @_button-gradient-start-color-active: @button-gradient-start-color-active,  // gradient background start color of the active button
-    @_button-gradient-end-color-active: @button-gradient-end-color-active,       // gradient background start color of the active button
-    @_button-icon-use: @button-icon-use,
-    @_button-font-content: @button-font-content,
-    @_button-icon-font: @button-icon-font,
-    @_button-icon-font-size: @button-icon-font-size,
-    @_button-icon-font-line-height: @button-icon-font-line-height,
-    @_button-icon-font-color: @button-icon-font-color,
-    @_button-icon-font-color-hover: @button-icon-font-color-hover,
-    @_button-icon-font-color-active: @button-icon-font-color-active,
-    @_button-icon-font-margin: @button-icon-font-margin,
-    @_button-icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_button-icon-font-position: @button-icon-font-position,
-    @_button-icon-font-text-hide: @button-icon-font-text-hide
-) {
-    background-image: none; // Reset unusual Firefox-on-Android default style
-    .css(background, @_button-background);
-    .background-gradient(
-        @_button-gradient-start-color,
-        @_button-gradient-end-color,
-        @_button-gradient-direction,
-        @_button-gradient
-    );
-    .css(padding, @_button-padding);
-    .css(width, @_button-width);
-    .css(color, @_button-color);
-    .css(border, @_button-border);
-    .css(cursor, @_button-cursor);
-    .css(display, @_button-display);
-    .css(font-family, @_button-font-family);
-    .font-size(@_button-font-size);
-    .css(font-weight, @_button-font-weight);
-    .line-height(@_button-line-height);
-    box-sizing: border-box;
-    .css(margin, @_button-margin);
-    vertical-align: middle;
-    ._button-icon (
-        @_button-icon-use: @_button-icon-use,
-        @_icon-font-content: @_button-font-content,
-        @_icon-font: @_button-icon-font,
-        @_icon-font-size: @_button-icon-font-size,
-        @_icon-font-line-height: @_button-icon-font-line-height,
-        @_icon-font-color: @_button-icon-font-color,
-        @_icon-font-color-hover: @_button-icon-font-color-hover,
-        @_icon-font-color-active: @_button-icon-font-color-active,
-        @_icon-font-margin: @_button-icon-font-margin,
-        @_icon-font-vertical-align: @_button-icon-font-vertical-align,
-        @_icon-font-position: @_button-icon-font-position,
-        @_icon-font-text-hide: @_button-icon-font-text-hide
-    );
-    &:focus,
-    &:active {
-        .css(background, @_button-background-active);
-        .background-gradient(
-            @_button-gradient-start-color-active,
-            @_button-gradient-end-color-active,
-            @_button-gradient-direction,
-            @_button-gradient
-        );
-        .css(border, @_button-border-active);
-        .css(color, @_button-color-active);
-    }
-    &:hover {
-        .css(background, @_button-background-hover);
-        .background-gradient(
-            @_button-gradient-start-color-hover,
-            @_button-gradient-end-color-hover,
-            @_button-gradient-direction,
-            @_button-gradient
-        );
-        .css(border, @_button-border-hover);
-        .css(color, @_button-color-hover);
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        cursor: default;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @_button-disabled-opacity);
-    }
-}
-
-//
-//    Button size
-//--------------------------------------
-.button-size(
-    @_button-line-height: @button-line-height,
-    @_button-padding: @button-padding
-){
-    .line-height(@_button-line-height);
-    .css(padding, @_button-padding);
-}
-
-//
-//    Large buttons
-//--------------------------------------
-.button-l(
-    @_button-l-font-size: @button-l-font-size,
-    @_button-l-height: @button-l-line-height,
-    @_button-l-padding: @button-l-padding
-) {
-    .button-size(
-        @_button-line-height: @_button-l-height,
-        @_button-padding: @_button-l-padding
-    );
-    .font-size(@_button-l-font-size);
-}
-
-//
-//    Small buttons
-//--------------------------------------
-.button-s(
-    @_button-s-font-size: @button-s-font-size,
-    @_button-s-height: @button-s-line-height,
-    @_button-s-padding: @button-s-padding
-) {
-    .button-size(
-        @_button-line-height: @_button-s-height,
-        @_button-padding: @_button-s-padding
-    );
-    .font-size(@_button-s-font-size);
-}
-
-//
-//    Link as button
-//--------------------------------------
-.link-as-button() {
-    .css(display, @button-display);
-    text-decoration: none;
-    &:hover,
-    &:active,
-    &:focus {
-        text-decoration: none;
-    }
-}
-
-//
-//    Button as link
-//--------------------------------------
-.button-as-link(
-    @_link-color: @link-color,
-    @_link-color-hover: @link-color-hover,
-    @_line-height: @line-height-base,
-    @_disabled_opacity: @button-disabled-opacity
-) {
-    background: none;
-    border: 0;
-    display: inline;
-    .css(line-height, @_line-height);
-    margin: 0;
-    padding: 0;
-    .link();
-    &:hover {
-        .css(color, @_link-color-hover);
-    }
-    &:hover,
-    &:active,
-    &:focus {
-        background: none;
-        border: 0;
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        .css(color, @_link-color);
-        text-decoration: underline;
-        cursor: default;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @_disabled_opacity);
-    }
-}
-
-//
-//    Responsive
-//--------------------------------------
-.button-responsive() {
-    width: 100%;
-}
-
-//
-//    Button reset
-//--------------------------------------
-.button-reset() {
-    background-image: none; // Reset unusual Firefox-on-Android default style
-    background: none;
-    border: 0;
-    margin: 0;
-    padding: 0;
-    -moz-box-sizing: content-box; // hack: fix Firefox button line-height problem
-    box-shadow: none;
-    text-shadow: none;
-    text-decoration: none;
-    line-height: inherit;
-    .css(font-weight, @font-weight-base);
-    &:focus,
-    &:active {
-        background: none;
-        border: none;
-    }
-    &:hover {
-        background: none;
-        border: none;
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        cursor: not-allowed;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @button-disabled-opacity);
-    }
-}
-
-//
-//    Button primary
-//--------------------------------------
-.button-primary(
-    @_button-line-height: @button-primary-line-height,
-    @_button-width: @button-primary-width,
-    @_button-margin: @button-primary-margin,
-    @_button-padding: @button-primary-padding,
-    @_button-color: @button-primary-color,
-    @_button-background: @button-primary-background,
-    @_button-border: @button-primary-border,
-    @_button-gradient-start-color: @button-primary-gradient-start-color,
-    @_button-gradient-end-color: @button-primary-gradient-end-color,
-    @_button-color-hover: @button-primary-color-hover,
-    @_button-background-hover: @button-primary-background-hover,
-    @_button-border-hover: @button-primary-border-hover,
-    @_button-gradient-start-color-hover: @button-primary-gradient-start-color-hover,
-    @_button-gradient-end-color-hover: @button-primary-gradient-end-color-hover,
-    @_button-color-active: @button-primary-color-active,
-    @_button-background-active: @button-primary-background-active,
-    @_button-border-active: @button-primary-border-active,
-    @_button-gradient-start-color-active: @button-primary-gradient-start-color-active,
-    @_button-gradient-end-color-active: @button-primary-gradient-end-color-active,
-    @_button-gradient: @button-primary-gradient,
-    @_button-gradient-direction: @button-primary-gradient-direction
-) {
-    .button(
-        @_button-line-height: @_button-line-height,
-        @_button-width: @_button-width,
-        @_button-margin: @_button-margin,
-        @_button-padding: @_button-padding,
-        @_button-color: @_button-color,
-        @_button-background: @_button-background,
-        @_button-border: @_button-border,
-        @_button-color-hover: @_button-color-hover,
-        @_button-background-hover: @_button-background-hover,
-        @_button-border-hover: @_button-border-hover,
-        @_button-color-active: @_button-color-active,
-        @_button-background-active: @_button-background-active,
-        @_button-border-active: @_button-border-active,
-        @_button-gradient: @_button-gradient,
-        @_button-gradient-direction: @_button-gradient-direction,
-        @_button-gradient-start-color: @_button-gradient-start-color,
-        @_button-gradient-end-color: @_button-gradient-end-color,
-        @_button-gradient-start-color-hover: @_button-gradient-start-color-hover,
-        @_button-gradient-end-color-hover: @_button-gradient-end-color-hover,
-        @_button-gradient-start-color-active: @_button-gradient-start-color-active,
-        @_button-gradient-end-color-active: @_button-gradient-end-color-active
-     );
-}
-
-//
-//    Button revert secondary color
-//--------------------------------------
-.button-revert-secondary-color(
-    @_button-color: @button-color,
-    @_button-background: @button-background,
-    @_button-border: @button-border,
-
-    @_button-color-hover: @button-color-hover,
-    @_button-background-hover: @button-background-hover,
-    @_button-border-hover: @button-border-hover,
-
-    @_button-color-active: @button-color-active,
-    @_button-background-active: @button-background-active,
-    @_button-border-active: @button-border-active
-) {
-    .css(background, @_button-background);
-    .css(color, @_button-color);
-    .css(border, @_button-border);
-    &:focus,
-    &:active {
-        .css(background, @_button-background-active);
-        .css(color, @_button-color-active);
-        .css(border, @_button-border-active);
-    }
-    &:hover {
-        .css(background, @_button-background-hover);
-        .css(color, @_button-color-hover);
-        .css(border, @_button-border-hover);
-    }
-}
-
-//
-//    Button revert secondary size
-//--------------------------------------
-.button-revert-secondary-size(
-    @_button-font-size: @button-font-size,
-    @_button-line-height: @button-line-height,
-    @_button-padding: @button-padding
-) {
-    .font-size(@_button-font-size);
-    .button-size(
-        @_button-line-height: @_button-line-height,
-        @_button-padding: @_button-padding
-    )
-}
-
-//
-//    Inner buttons mixins
-//--------------------------------------
-._button-icon (
-    @_button-icon-use: @button-icon-use,
-    @_icon-font-content: @button-font-content,
-    @_icon-font: @button-icon-font,
-    @_icon-font-size: @button-icon-font-size,
-    @_icon-font-line-height: @button-icon-font-line-height,
-    @_icon-font-color: @button-icon-font-color,
-    @_icon-font-color-hover: @button-icon-font-color-hover,
-    @_icon-font-color-active: @button-icon-font-color-active,
-    @_icon-font-margin: @button-icon-font-margin,
-    @_icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_icon-font-position: @button-icon-font-position,
-    @_icon-font-text-hide: @button-icon-font-text-hide
-) when (@_button-icon-use = true) {
-    .button-icon (
-        @_icon-font-content: @_icon-font-content,
-        @_icon-font: @_icon-font,
-        @_icon-font-size: @_icon-font-size,
-        @_icon-font-line-height: @_icon-font-line-height,
-        @_icon-font-color: @_icon-font-color,
-        @_icon-font-color-hover: @_icon-font-color-hover,
-        @_icon-font-color-active: @_icon-font-color-active,
-        @_icon-font-margin: @_icon-font-margin,
-        @_icon-font-vertical-align: @_icon-font-vertical-align,
-        @_icon-font-position: @_icon-font-position,
-        @_icon-font-text-hide: @_icon-font-text-hide
-    );
-}
-
-.button-icon (
-    @_icon-font-content,
-    @_icon-font: @button-icon-font,
-    @_icon-font-size: @button-icon-font-size,
-    @_icon-font-line-height: @button-icon-font-line-height,
-    @_icon-font-color: @button-icon-font-color,
-    @_icon-font-color-hover: @button-icon-font-color-hover,
-    @_icon-font-color-active: @button-icon-font-color-active,
-    @_icon-font-margin: @button-icon-font-margin,
-    @_icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_icon-font-position: @button-icon-font-position,
-    @_icon-font-text-hide: @button-icon-font-text-hide
-) {
-    .icon-font(
-        @_icon-font-content: @_icon-font-content,
-        @_icon-font: @_icon-font,
-        @_icon-font-size: @_icon-font-size,
-        @_icon-font-line-height: @_icon-font-line-height,
-        @_icon-font-color: @_icon-font-color,
-        @_icon-font-color-hover: @_icon-font-color-hover,
-        @_icon-font-color-active: @_icon-font-color-active,
-        @_icon-font-margin: @_icon-font-margin,
-        @_icon-font-vertical-align: @_icon-font-vertical-align,
-        @_icon-font-position: @_icon-font-position,
-        @_icon-font-text-hide: @_icon-font-text-hide
-    );
-}
diff --git a/lib/web/css/source/lib/lib.less b/lib/web/css/source/lib/lib.less
deleted file mode 100644
index 1291ec288716e..0000000000000
--- a/lib/web/css/source/lib/lib.less
+++ /dev/null
@@ -1,27 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-@import (reference) "abstract.less";
-@import "actions-toolbar.less";
-@import "breadcrumbs.less";
-@import "buttons.less";
-@import "dropdowns.less";
-@import "forms.less";
-@import "grids.less";
-@import "icons.less";
-@import "layout.less";
-@import "loaders.less";
-@import "messages.less";
-@import "navigation.less";
-@import "pages.less";
-@import "popups.less";
-@import "rating.less";
-@import "resets.less";
-@import "sections.less";
-@import "tables.less";
-@import "tooltips.less";
-@import "typography.less";
-@import "utilities.less";
-@import "variables.less";
diff --git a/lib/web/css/source/lib/responsive.less b/lib/web/css/source/lib/responsive.less
deleted file mode 100644
index 93aa98d2fd3fa..0000000000000
--- a/lib/web/css/source/lib/responsive.less
+++ /dev/null
@@ -1,64 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-//
-//    Media variables, that can be used for splitting styles into several files
-//------------------------------------------------------------------------------
-
-@media-common: true; // Sets whether to output common styles (true|false)
-@media-target: all; // Sets target device for styles output (all|desktop|mobile)
-
-//
-//    Media width mixin used to group styles output based on media queries
-//------------------------------------------------------------------------------
-
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) {
-}
-
-//
-//    Style groups for 'mobile' devices
-//------------------------------------------------------------------------------
-
-& when (@media-target = 'mobile'), (@media-target = 'all') {
-
-    @media only screen and (max-width: (@screen-xs - 1)) {
-        .media-width('max', @screen-xs);
-    }
-
-    @media only screen and (max-width: (@screen-s - 1)) {
-        .media-width('max', @screen-s);
-    }
-
-    @media only screen and (max-width: (@screen-m - 1)) {
-        .media-width('max', @screen-m);
-    }
-
-    @media all and (min-width: @screen-s) {
-        .media-width('min', @screen-s);
-    }
-
-}
-
-//
-//    Style groups for 'desktop' devices
-//------------------------------------------------------------------------------
-
-& when (@media-target = 'desktop'), (@media-target = 'all') {
-
-    @media all and (min-width: @screen-m),
-    print {
-        .media-width('min', @screen-m);
-    }
-
-    @media all and (min-width: @screen-l),
-    print {
-        .media-width('min', @screen-l);
-    }
-
-    @media all and (min-width: @screen-xl),
-    print {
-        .media-width('min', @screen-xl);
-    }
-}
diff --git a/lib/web/css/source/lib/variables.less b/lib/web/css/source/lib/variables.less
deleted file mode 100644
index 3cd5303d83a34..0000000000000
--- a/lib/web/css/source/lib/variables.less
+++ /dev/null
@@ -1,1540 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-//
-//  Variables list
-//  _____________________________________________
-
-// Base directory path
-@baseDir: "../";
-
-//
-//  Typography
-//  ---------------------------------------------
-
-//  Base
-@font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-@font-family-serif: Georgia, 'Times New Roman', Times, serif;
-@font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
-@font-path: "../../fonts/";
-@icon-font-path: "@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons";
-@icon-font-name: 'icons-blank-theme';
-
-//  Colors
-@color-white: #fff;
-@color-black: #000;
-
-@color-gray19: #303030;
-@color-gray20: #333;
-@color-gray34: #575757;
-@color-gray40: #666;
-@color-gray52: #858585;
-@color-gray55: #8c8c8c;
-@color-gray56: #8f8f8f;
-@color-gray60: #999;
-@color-gray62: #9e9e9e;
-@color-gray64: #a3a3a3;
-@color-gray68: #adadad;
-@color-gray76: #c2c2c2;
-@color-gray78: #c7c7c7;
-@color-gray79: #c9c9c9;
-@color-gray80: #ccc;
-@color-gray82: #d1d1d1;
-@color-gray89: #e3e3e3;
-@color-gray90: #e5e5e5;
-@color-gray91: #e8e8e8;
-@color-gray92: #ebebeb;
-@color-gray94: #f0f0f0;
-@color-gray95: #f2f2f2;
-@color-white-smoke: #f5f5f5;
-
-@color-gray-light0: #f6f6f6;
-@color-gray-light01: #f4f4f4;
-@color-gray-light1: #e5efe5;
-@color-gray-light2: #bbb;
-@color-gray-light3: #aeaeae;
-@color-gray-light4: #cecece;
-@color-gray-light5: #c1c1c1;
-@color-gray-light6: #c5c5c5;
-
-@color-gray-middle1: #e4e4e4;
-@color-gray-middle2: #c6c6c6;
-@color-gray-middle3: #7e807e;
-
-@color-gray-darken0: #eee;
-@color-gray-darken1: #e2e2e2;
-@color-gray-darken2: #cdcdcd;
-@color-gray-darken3: #555;
-@color-gray-darken4: #494949;
-
-@color-red9: #ff0101;
-@color-red10: #e02b27;
-@color-red11: #b30000;
-@color-red12: #d10029;
-
-@color-orange-red1: #ff5501;
-@color-orange-red2: #ff5601;
-@color-orange-red3: #ff5700;
-@color-orange-red4: #fc5e10;
-
-@color-dark-green1: #006400;
-
-@color-blue1: #1979c3;
-@color-blue2: #006bb4;
-@color-sky-blue1: #68a8e0;
-
-@color-pink1: #fae5e5;
-@color-dark-pink1: #800080;
-
-@color-brownie1: #6f4400;
-@color-brownie-light1: #c07600;
-
-@color-yellow-light1: #fdf0d5;
-@color-yellow-light2: #ffee9c;
-@color-yellow-light3: #d6ca8e;
-
-//  Color nesting
-@color-primary: @color-gray20;
-@color-primary-dark: darken(@color-primary, 35%); //  #000
-@color-primary-darker: darken(@color-primary, 13.5%); //  #111
-@color-primary-lighter: lighten(@color-primary, 29%); //  #7d7d7d
-@color-primary-light: lighten(@color-primary, 45%); //  #a6a6a6
-@color-secondary: @color-gray91;
-@color-secondary-light: lighten(@color-secondary, 5%);
-@page-bg-color: @color-white;
-@panel-bg: darken(@page-bg-color, 6%);
-@color-active: @color-orange-red1;
-@color-error: @color-red10;
-@color-focus: @color-sky-blue1;
-
-@font-family-base: @font-family-sans-serif;
-//  Setting font-size for HTML tag, use % units
-@font-size-root: 62.5%; //  Defines ratio between root font size and base font size
-@font-size-base-ratio: 1.4;
-@font-rem-ratio: unit(@font-size-root * 16/100);
-@font-size-base: unit((@font-size-root / 100) * 16 * @font-size-base-ratio, px); //  Base font size value in px
-@font-size-xl: ceil(1.5 * @font-size-base); //  21
-@font-size-l: ceil(1.25 * @font-size-base); //  18
-@font-size-s: ceil(.85 * @font-size-base); //  12
-@font-size-xs: floor(.75 * @font-size-base); //  11
-
-@font-weight-base: 400;
-@font-weight-light: 300;
-@font-weight-semibold: 600;
-@font-weight-bold: 700;
-@font-style-base: normal;
-@font-style-emphasis: italic;
-
-@line-height-base: 1.428571429;
-@line-height-computed: floor(@font-size-base * @line-height-base);
-@line-height-s: 1.33;
-@line-height-l: 1.5;
-
-@text-color: @color-primary;
-@text-color-intense: @color-primary-darker;
-@text-color-muted: @color-primary-lighter;
-
-@indent-base: @line-height-computed; //  20px
-@indent-xl-base: @indent-base * 2; //  40px
-@indent-l-base: @indent-base * 1.5; //  30px
-@indent-m-base: @indent-base * 1.25; //  25px
-@indent-s-base: @indent-base / 2; //  10px
-@indent-xs-base: @indent-base / 4; //  5px
-
-@border-color-base: darken(@page-bg-color, 18%);
-@border-width-base: 1px;
-
-//  Links
-@link-color: @color-blue1;
-@link-text-decoration: none;
-
-@link-color-visited: @color-dark-pink1;
-@link-text-decoration-visited: none;
-
-@link-color-hover: @color-blue2;
-@link-text-decoration-hover: underline;
-
-@link-color-active: @color-active;
-@link-text-decoration-active: underline;
-
-//  Lists
-@list-color-base: false;
-@list-font-size-base: false;
-@list-margin-top: 0;
-@list-margin-bottom: @indent-m-base;
-@list-item-margin-top: 0;
-@list-item-margin-bottom: @indent-s-base;
-
-@dl-margin-top: 0;
-@dl-margin-bottom: @indent-base;
-@dt-margin-top: 0;
-@dt-margin-bottom: @indent-xs-base;
-@dt-font-weight: @font-weight-bold;
-@dd-margin-top: 0;
-@dd-margin-bottom: @indent-s-base;
-
-//  Paragraphs
-@p-margin-top: 0;
-@p-margin-bottom: @indent-s-base;
-
-//  Headings
-@heading-font-family-base: false;
-@heading-font-weight-base: @font-weight-light;
-@heading-line-height-base: 1.1;
-@heading-color-base: false;
-@heading-font-style-base: false;
-@heading-margin-top-base: @indent-base;
-@heading-margin-bottom-base: @indent-base;
-
-@h1-font-size: ceil((@font-size-base * 2.85)); //  40px
-@h1-font-color: @heading-color-base;
-@h1-font-family: @heading-font-family-base;
-@h1-font-weight: @heading-font-weight-base;
-@h1-font-style: @heading-font-style-base;
-@h1-line-height: @heading-line-height-base;
-@h1-margin-top: 0;
-@h1-margin-bottom: @heading-margin-bottom-base;
-
-@h2-font-size: ceil((@font-size-base * 1.85)); //  26px
-@h2-font-color: @heading-color-base;
-@h2-font-family: @heading-font-family-base;
-@h2-font-weight: @heading-font-weight-base;
-@h2-font-style: @heading-font-style-base;
-@h2-line-height: @heading-line-height-base;
-@h2-margin-top: @indent-m-base;
-@h2-margin-bottom: @heading-margin-bottom-base;
-
-@h3-font-size: ceil((@font-size-base * 1.28)); //  18px
-@h3-font-color: @heading-color-base;
-@h3-font-family: @heading-font-family-base;
-@h3-font-weight: @heading-font-weight-base;
-@h3-font-style: @heading-font-style-base;
-@h3-line-height: @heading-line-height-base;
-@h3-margin-top: @indent-base * .75;
-@h3-margin-bottom: @indent-s-base;
-
-@h4-font-size: @font-size-base; //  14px
-@h4-font-color: @heading-color-base;
-@h4-font-family: @heading-font-family-base;
-@h4-font-weight: @font-weight-bold;
-@h4-font-style: @heading-font-style-base;
-@h4-line-height: @heading-line-height-base;
-@h4-margin-top: @heading-margin-top-base;
-@h4-margin-bottom: @heading-margin-bottom-base;
-
-@h5-font-size: ceil((@font-size-base * .85)); //  12px
-@h5-font-color: @heading-color-base;
-@h5-font-family: @heading-font-family-base;
-@h5-font-weight: @font-weight-bold;
-@h5-font-style: @heading-font-style-base;
-@h5-line-height: @heading-line-height-base;
-@h5-margin-top: @heading-margin-top-base;
-@h5-margin-bottom: @heading-margin-bottom-base;
-
-@h6-font-size: ceil((@font-size-base * .7)); //  10px
-@h6-font-color: @heading-color-base;
-@h6-font-family: @heading-font-family-base;
-@h6-font-weight: @font-weight-bold;
-@h6-font-style: @heading-font-style-base;
-@h6-line-height: @heading-line-height-base;
-@h6-margin-top: @heading-margin-top-base;
-@h6-margin-bottom: @heading-margin-bottom-base;
-
-@heading-small-color: @color-primary;
-@heading-small-line-height: 1;
-@heading-small-size: (@font-size-xs/@font-size-base) * 100%;
-
-//  Focus
-@focus-box-shadow: 0 0 3px 1px @color-focus;
-
-//  Code blocks
-@code-bg: @panel-bg;
-@code-color: @color-primary-darker;
-@code-font-size: @font-size-s;
-@code-padding: 2px 4px;
-
-@pre-bg: @panel-bg;
-@pre-border-color: @border-color-base;
-@pre-border-width: @border-width-base;
-@pre-color: @color-primary-darker;
-
-@kbd-bg: @panel-bg;
-@kbd-color: @color-primary-darker;
-
-//  Blockquote
-@blockquote-border-color: @border-color-base;
-@blockquote-border-width: 0;
-@blockquote-before-content: '\2014 \00A0';
-@blockquote-font-size: @font-size-base;
-@blockquote-font-style: @font-style-emphasis;
-@blockquote-margin: 0 0 @indent-base @indent-xl-base;
-@blockquote-padding: 0;
-@blockquote-small-color: @color-primary;
-@blockquote-small-font-size: @font-size-xs;
-
-@cite-font-style: @font-style-base;
-
-//  Misc
-@hr-border-color: @border-color-base;
-@hr-border-style: solid;
-@hr-border-width: @border-width-base;
-
-@mark-color: @color-primary-dark;
-@mark-bg: @panel-bg;
-
-@abbr-border-color: @border-color-base;
-
-//  Disable filters output in css
-@disable-filters: false;
-
-//
-//  Tables
-//  ---------------------------------------------
-
-@table-width: 100%;
-@table-margin-bottom: false;
-@table-bg: false;
-@table-head-bg: @table-bg;
-@table-foot-bg: @table-bg;
-@table-td-bg: @table-bg;
-@table-body-th-bg: @table-bg;
-
-@table-cell-padding-horizontal: @indent-s-base;
-@table-cell-padding-vertical: 8px;
-
-@table-border-color: @border-color-base;
-@table-border-width: @border-width-base;
-@table-border-style: solid;
-
-@table-caption-hide: true; //  [true|false]
-@table-caption-font-size: false;
-@table-caption-color: false;
-@table-caption-font-family: false;
-@table-caption-font-weight: false;
-@table-caption-font-style: false;
-@table-caption-line-height: false;
-@table-caption-alignment: false;
-@table-caption-margin-top: false;
-@table-caption-margin-bottom: false;
-
-@table-td-font-size: false;
-@table-td-color: false;
-@table-td-font-family: false;
-@table-td-font-weight: false;
-@table-td-line-height: false;
-@table-td-font-style: false;
-
-@table-th-font-size: false;
-@table-th-color: @text-color-intense;
-@table-th-font-family: false;
-@table-th-font-weight: @font-weight-bold;
-@table-th-line-height: false;
-@table-th-font-style: false;
-
-@table-cell-bg-stripped: lighten(@table-cell-bg-hover, 15%);
-@table-cell-bg-hover: @panel-bg;
-@table-cell-color-stripped: @table-td-color;
-
-@table-bg-responsive: @table-bg;
-@table-th-bg-responsive: false;
-@table-responsive-cell-padding: @indent-xs-base 0;
-
-//
-//  Page layout
-//  ---------------------------------------------
-
-//  Layout widths variables
-@layout-width: ''; //  for the fixed width layout
-@layout-max-width: 1280px;
-@layout-indent: 20px;
-@layout-width-xs-indent: 15px;
-
-//  Classnames defining different layouts
-@layout-class-1column: page-layout-1column;
-@layout-class-2columns-left: page-layout-2columns-left;
-@layout-class-2columns-right: page-layout-2columns-right;
-@layout-class-3columns: page-layout-3columns;
-
-//  Variables used for layout grid
-@total-columns: 12;
-@gutter-width: 0;
-
-//  Variables for layout columns
-@layout-columns-width: @total-columns;
-@layout-column-sidebar-width: 2;
-@layout-column-left-width: @layout-column-sidebar-width;
-@layout-column-right-width: @layout-column-sidebar-width;
-
-//  Variables for layout columns depending on layout used
-@layout-column-main-width-1: 100%;
-@layout-column-main-width-2-left: @layout-columns-width - @layout-column-left-width;
-@layout-column-main-width-2-right: @layout-columns-width - @layout-column-right-width;
-@layout-column-main-width-3: @layout-columns-width - @layout-column-left-width - @layout-column-right-width;
-
-//  Checkout columns width
-@layout-column-checkout-left-width: 3;
-@layout-column-checkout-main-width: @layout-columns-width - @layout-column-checkout-left-width;
-
-//
-//  Responsive
-//  ---------------------------------------------
-
-//  Settings variables (TO DO: should be global)
-@use-flex: true; //  Use flexbox [true|false]
-@responsive: true; //  Theme is responsive [true|false]
-
-@screen-xxs: 320px;
-@screen-xs: 480px;
-@screen-s: 640px;
-@screen-m: 768px;
-@screen-l: 1024px;
-@screen-xl: 1440px;
-
-//
-//  Navigation
-//  ---------------------------------------------
-
-@navigation-background: @color-secondary-light;
-@navigation-border: '';
-@navigation-level0-font-size: 16;
-@navigation-level0-font-weight: @font-weight-bold;
-@navigation-level0-item-line-height: false;
-@navigation-level0-item-margin: 0;
-@navigation-level0-item-padding: 8px @indent-base;
-@navigation-level0-text-transform: uppercase;
-
-@navigation-level0-item-background: '';
-@navigation-level0-item-border: 1px solid @color-gray82;
-@navigation-level0-item-color: @color-gray34;
-@navigation-level0-item-text-decoration: none;
-
-@navigation-level0-item-background-active: '';
-@navigation-level0-item-border-active: '';
-@navigation-level0-item-color-active: '';
-@navigation-level0-item-text-decoration-active: '';
-
-@submenu-background: '';
-@submenu-border: '';
-@submenu-padding: 0 0 0 @indent-base;
-@submenu-font-size: '';
-@submenu-font-weight: @font-weight-base;
-@submenu-item-padding: 8px 0;
-
-@submenu-item-background: '';
-@submenu-item-border: '';
-@submenu-item-color: @color-gray34;
-@submenu-item-text-decoration: '';
-
-@submenu-item-background-active: '';
-@submenu-item-border-active: '';
-@submenu-item-color-active: '';
-@submenu-item-text-decoration-active: '';
-
-//  Desktop navigation
-@navigation-desktop-background: @navigation-background;
-@navigation-desktop-border: '';
-@navigation-desktop-font-size: '';
-@navigation-desktop-font-weight: @font-weight-bold;
-
-@navigation-desktop-level0-item-line-height: 53px;
-@navigation-desktop-level0-item-margin: 0 @indent-s-base 0 0;
-@navigation-desktop-level0-item-padding: 0 12px;
-
-@navigation-desktop-level0-item-background: '';
-@navigation-desktop-level0-item-border: '';
-@navigation-desktop-level0-item-color: @color-gray34;
-@navigation-desktop-level0-item-text-decoration: none;
-
-@navigation-desktop-level0-item-background-hover: '';
-@navigation-desktop-level0-item-border-hover: '';
-@navigation-desktop-level0-item-color-hover: @color-primary;
-@navigation-desktop-level0-item-text-decoration-hover: @navigation-desktop-level0-item-text-decoration;
-
-@navigation-desktop-level0-item-background-active: '';
-@navigation-desktop-level0-item-border-active: '';
-@navigation-desktop-level0-item-color-active: @navigation-desktop-level0-item-color-hover;
-@navigation-desktop-level0-item-text-decoration-active: @navigation-desktop-level0-item-text-decoration;
-
-@submenu-desktop-background: @page-bg-color;
-@submenu-desktop-border-width: @border-width-base;
-@submenu-desktop-border-style: solid;
-@submenu-desktop-border-color: @border-color-base;
-@submenu-desktop-box-shadow: 0 @indent-xs-base @indent-xs-base rgba(0, 0, 0, .19);
-@submenu-desktop-font-size: '';
-@submenu-desktop-font-weight: @font-weight-bold;
-@submenu-desktop-min-width: 230px;
-@submenu-desktop-padding: 15px 0;
-
-@submenu-desktop-arrow: true; // [true|false]
-@submenu-desktop-arrow-size: 10px;
-@submenu-desktop-arrow-left: 20px;
-
-@submenu-desktop-item-padding: 8px @indent-base;
-@submenu-desktop-item-background: '';
-@submenu-desktop-item-border: '';
-@submenu-desktop-item-color: @navigation-desktop-level0-item-color;
-@submenu-desktop-item-text-decoration: '';
-
-@submenu-desktop-item-background-hover: @color-secondary;
-@submenu-desktop-item-border-hover: '';
-@submenu-desktop-item-color-hover: @navigation-desktop-level0-item-color-hover;
-@submenu-desktop-item-text-decoration-hover: @navigation-desktop-level0-item-text-decoration;
-
-@submenu-desktop-item-background-active: '';
-@submenu-desktop-item-border-active: '';
-@submenu-desktop-item-color-active: '';
-@submenu-desktop-item-text-decoration-active: '';
-
-//
-//  Sections
-//  ---------------------------------------------
-
-//  Tabs
-
-//  Tabs controls
-@tab-control-font-size: @font-size-base;
-@tab-control-font-family: false;
-@tab-control-font-weight: @font-weight-semibold;
-@tab-control-font-style: false;
-@tab-control-line-height: @tab-control-height;
-
-//  Current tab
-@tab-control-bg: @panel-bg;
-@tab-control-color: @text-color-muted;
-@tab-control-text-decoration: none;
-
-//  Hovered tab
-@tab-control-bg-hover: lighten(@tab-control-bg, 5%);
-@tab-control-color-hover: @tab-control-color;
-@tab-control-text-decoration-hover: @tab-control-text-decoration;
-
-//  Active tab
-@tab-control-bg-active: lighten(@tab-control-bg, 15%);
-@tab-control-color-active: @text-color;
-@tab-control-text-decoration-active: @tab-control-text-decoration;
-
-@tab-control-height-base: @line-height-computed;
-@tab-control-height: @indent-base;
-@tab-control-margin-right: @indent-xs-base;
-@tab-control-padding: @indent-xs-base @indent-xl-base;
-
-@tab-control-padding-top: @indent-xs-base;
-@tab-control-padding-right: @indent-base;
-@tab-control-padding-bottom: @tab-control-padding-top;
-@tab-control-padding-left: @tab-control-padding-right;
-
-//  Tabs content
-@tab-content-bg: @tab-control-bg-active;
-@tab-content-border-top-status: false;
-@tab-control-border-color: @border-color-base;
-@tab-control-border-width: @border-width-base;
-@tab-content-border: @tab-control-border-width solid @tab-control-border-color;
-
-@tab-content-padding: @indent-base;
-
-@tab-content-margin-top: @tab-control-height + @tab-control-border-width + @tab-control-padding-top + @tab-control-padding-bottom;
-
-@tab-content-padding-top: @indent-base;
-@tab-content-padding-right: @indent-base;
-@tab-content-padding-bottom: @tab-content-padding-top;
-@tab-content-padding-left: @tab-content-padding-right;
-
-//  Accordions
-@accordion-control-font-family: @tab-control-font-family;
-@accordion-control-font-size: @font-size-l;
-@accordion-control-font-style: @tab-control-font-style;
-@accordion-control-font-weight: @tab-control-font-weight;
-@accordion-control-line-height: @accordion-control-height;
-
-@accordion-control-border-top: @tab-control-border-width solid @tab-control-border-color;
-@accordion-control-border-right: @tab-control-border-width solid @tab-control-border-color;
-@accordion-control-border-bottom: @tab-control-border-width solid @tab-control-border-color;
-@accordion-control-border-left: @tab-control-border-width solid @tab-control-border-color;
-
-@accordion-control-bg: @tab-control-bg;
-@accordion-control-color: @tab-control-color;
-@accordion-control-text-decoration: @tab-control-text-decoration;
-
-@accordion-control-color-visited: @accordion-control-color;
-@accordion-control-text-decoration-visited: @accordion-control-text-decoration;
-
-@accordion-control-bg-hover: @tab-control-bg-hover;
-@accordion-control-color-hover: @tab-control-color-hover;
-@accordion-control-text-decoration-hover: @tab-control-text-decoration-hover;
-
-@accordion-control-bg-active: @tab-control-bg-active;
-@accordion-control-color-active: @tab-control-color-active;
-@accordion-control-text-decoration-active: @tab-control-text-decoration-active;
-
-@accordion-control-height: @indent-xl-base;
-@accordion-control-margin-bottom: @indent-xs-base;
-
-@accordion-control-padding-top: @tab-control-padding-top;
-@accordion-control-padding-right: @indent-base;
-@accordion-control-padding-bottom: @tab-control-padding-bottom;
-@accordion-control-padding-left: @accordion-control-padding-right;
-
-@accordion-content-bg: @tab-control-bg-active;
-@accordion-content-border: @tab-content-border;
-
-@accordion-content-margin: 0 0 @indent-xs-base;
-@accordion-content-padding: @tab-content-padding-top @tab-content-padding-right @tab-content-padding-bottom @tab-content-padding-left;
-
-//
-//  Buttons
-//  ---------------------------------------------
-
-//  Button font style
-@button-font-family: @font-family-base;
-@button-font-size: @font-size-base;
-@button-font-weight: @font-weight-bold;
-@button-line-height: @font-size-base + 2;
-@button-margin: 0;
-@button-padding: 7px 15px; //  is set up to false when buttons don't depend on side paddings or have fixed width
-@button-width: false; //  is set up to false when buttons depend on side paddings or to fixed value when needed
-
-//  Buttons display settings
-@button-display: inline-block;
-@button-default-border: @button-border;
-@button-cursor: pointer;
-@button-disabled-opacity: .5;
-
-//  Default = secondary button
-@button-color: @color-primary;
-@button-background: @color-gray95;
-@button-border: 1px solid @color-gray-darken2;
-@button-gradient-start-color: false;
-@button-gradient-end-color: false;
-
-@button-color-hover: @color-gray-darken3;
-@button-background-hover: @color-gray-darken1;
-@button-border-hover: @button-border;
-@button-gradient-start-color-hover: false;
-@button-gradient-end-color-hover: false;
-
-@button-color-active: @button-color;
-@button-background-active: @button-background-hover;
-@button-border-active: @button-border;
-@button-gradient-start-color-active: false;
-@button-gradient-end-color-active: false;
-
-//  Primary button
-@button-primary-line-height: false;
-@button-primary-width: false;
-@button-primary-margin: false;
-@button-primary-padding: @button-padding;
-@button-primary-gradient: false;
-@button-primary-gradient-direction: false;
-
-@button-primary-background: @color-blue1;
-@button-primary-border: 1px solid @color-blue1;
-@button-primary-color: @color-white;
-@button-primary-gradient-start-color: false;
-@button-primary-gradient-end-color: false;
-
-@button-primary-background-hover: @color-blue2;
-@button-primary-border-hover: 1px solid @color-blue2;
-@button-primary-color-hover: @button-primary-color;
-@button-primary-gradient-start-color-hover: false;
-@button-primary-gradient-end-color-hover: false;
-
-@button-primary-background-active: @button-primary-background-hover;
-@button-primary-border-active: @button-primary-border-hover;
-@button-primary-color-active: @button-primary-color;
-@button-primary-gradient-start-color-active: false;
-@button-primary-gradient-end-color-active: false;
-
-//  Gradient button
-@button-gradient: false; // [true|false] - button has a gradient background
-@button-gradient-direction: false; // button gradient direction if button has a gradient background
-
-//  Button with icon
-@button-icon-use: false;
-@button-font-content: @icon-settings;
-@button-icon-font: @icon-font;
-@button-icon-font-size: 22px;
-@button-icon-font-line-height: @button-icon-font-size;
-@button-icon-font-color: inherit;
-@button-icon-font-color-hover: inherit;
-@button-icon-font-color-active: inherit;
-@button-icon-font-margin: 0;
-@button-icon-font-vertical-align: top;
-@button-icon-font-position: @icon-position;
-@button-icon-font-text-hide: false;
-
-//  Large button
-@button-l-font-size: @font-size-l;
-@button-l-line-height: @font-size-l + 4;
-@button-l-padding: 14px 17px;
-
-//  Small button
-@button-s-font-size: 11px;
-@button-s-line-height: @button-s-font-size + 1;
-@button-s-padding: @indent-xs-base 8px;
-
-//
-//  Icons
-//  ---------------------------------------------
-
-@icon-position: before;
-@icon-text-hide: false;
-@icon-height: 26px;
-@icon-width: 26px;
-@icon-margin: '';
-@icon-vertical-align: middle;
-
-@icon-image-position-x: 0;
-@icon-image-position-y: 0;
-
-@icon-sprite-position-x: 0;
-@icon-sprite-position-y: 0;
-@icon-sprite-grid: 26px;
-
-@icon-font: @icon-font-name;
-@icon-font-position: @icon-position;
-@icon-font-text-hide: @icon-text-hide;
-@icon-font-margin: @icon-margin;
-@icon-font-size: inherit;
-@icon-font-line-height: @icon-font-size;
-@icon-font-color: inherit;
-@icon-font-color-hover: false;
-@icon-font-color-active: false;
-@icon-font-vertical-align: @icon-vertical-align;
-@icon-font-display: inline-block;
-
-//  Variables for icons-blank-theme
-@icon-wishlist-full: '\e600';
-@icon-wishlist-empty: '\e601';
-@icon-warning: '\e602';
-@icon-update: '\e603';
-@icon-trash: '\e604';
-@icon-star: '\e605';
-@icon-settings: '\e606';
-@icon-pointer-down: '\e607';
-@icon-next: '\e608';
-@icon-menu: '\e609';
-@icon-location: '\e60a';
-@icon-list: '\e60b';
-@icon-info: '\e60c';
-@icon-grid: '\e60d';
-@icon-comment-reflected: '\e60e';
-@icon-collapse: '\e60f';
-@icon-checkmark: '\e610';
-@icon-cart: '\e611';
-@icon-calendar: '\e612';
-@icon-arrow-up: '\e613';
-@icon-arrow-down: '\e614';
-@icon-search: '\e615';
-@icon-remove: '\e616';
-@icon-prev: '\e617';
-@icon-pointer-up: '\e618';
-@icon-pointer-right: '\e619';
-@icon-pointer-left: '\e61a';
-@icon-flag: '\e61b';
-@icon-expand: '\e61c';
-@icon-envelope: '\e61d';
-@icon-compare-full: '\e61e';
-@icon-compare-empty: '\e61f';
-@icon-comment: '\e620';
-@icon-up: '\e621';
-@icon-down: '\e622';
-@icon-arrow-up-thin: '\e623';
-@icon-arrow-right-thin: '\e624';
-@icon-arrow-left-thin: '\e625';
-@icon-arrow-down-thin: '\e626';
-@icon-account: '\e627';
-
-//
-//  Messages variables
-//  ---------------------------------------------
-
-@message-padding: @indent-s-base @indent-base;
-@message-margin: 0 0 @indent-s-base;
-
-@message-color: false; //  Each message type has its own message color
-@message-font-size: 13px;
-@message-font-family: false;
-@message-font-style: false;
-@message-font-weight: false;
-@message-line-height: 1.2em;
-
-@message-icon-font-size: ceil(@message-font-size * 2 + 2);
-@message-icon-font-line-height: @message-icon-font-size;
-@message-icon-inner-padding-left: 40px;
-@message-icon-lateral-width: 30px;
-@message-icon-lateral-arrow-size: 5px;
-@message-icon-top: 18px;
-@message-icon-right: false;
-@message-icon-bottom: false;
-@message-icon-left: 0;
-
-@message-border-width: false;
-@message-border-color: false;
-@message-border-style: false;
-@message-border-radius: false;
-
-//  Information message
-@message-info-color: @color-brownie1;
-@message-info-background: @color-yellow-light1;
-@message-info-link-color: @link-color;
-@message-info-link-color-hover: @link-color-hover;
-@message-info-link-color-active: @link-color-hover;
-@message-info-border-color: @message-border-color;
-@message-info-icon: @icon-warning;
-@message-info-icon-color-inner: @color-brownie-light1;
-@message-info-icon-color-lateral: @color-white;
-@message-info-icon-background: @color-brownie1;
-@message-info-icon-top: @message-icon-top;
-@message-info-icon-right: @message-icon-right;
-@message-info-icon-bottom: @message-icon-bottom;
-@message-info-icon-left: @message-icon-left;
-
-//  Warning message
-@message-warning-color: @message-info-color;
-@message-warning-background: @message-info-background;
-@message-warning-link-color: @message-info-link-color;
-@message-warning-link-color-hover: @message-info-link-color-hover;
-@message-warning-link-color-active: @message-info-link-color-active;
-@message-warning-border-color: @message-info-border-color;
-@message-warning-icon: @message-info-icon;
-@message-warning-icon-color-inner: @message-info-icon-color-inner;
-@message-warning-icon-color-lateral: @message-info-icon-color-lateral;
-@message-warning-icon-background: @message-info-icon-background;
-@message-warning-icon-top: @message-icon-top;
-@message-warning-icon-right: @message-icon-right;
-@message-warning-icon-bottom: @message-icon-bottom;
-@message-warning-icon-left: @message-icon-left;
-
-//  Error message
-@message-error-color: @color-error;
-@message-error-background: @color-pink1;
-@message-error-link-color: @link-color;
-@message-error-link-color-hover: @link-color-hover;
-@message-error-link-color-active: @link-color-hover;
-@message-error-border-color: @message-border-color;
-@message-error-icon: @icon-warning;
-@message-error-icon-color-inner: @color-red11;
-@message-error-icon-color-lateral: @color-white;
-@message-error-icon-background: @color-red11;
-@message-error-icon-top: @message-icon-top;
-@message-error-icon-right: @message-icon-right;
-@message-error-icon-bottom: @message-icon-bottom;
-@message-error-icon-left: @message-icon-left;
-
-//  Success message
-@message-success-color: @color-dark-green1;
-@message-success-background: @color-gray-light1;
-@message-success-link-color: @link-color;
-@message-success-link-color-hover: @link-color-hover;
-@message-success-link-color-active: @link-color-hover;
-@message-success-border-color: @message-border-color;
-@message-success-icon: @icon-checkmark;
-@message-success-icon-color-inner: @color-dark-green1;
-@message-success-icon-color-lateral: @color-white;
-@message-success-icon-background: @color-dark-green1;
-@message-success-icon-top: @message-icon-top;
-@message-success-icon-right: @message-icon-right;
-@message-success-icon-bottom: @message-icon-bottom;
-@message-success-icon-left: @message-icon-left;
-
-//  Notice message
-@message-notice-color: @message-info-color;
-@message-notice-background: @message-info-background;
-@message-notice-link-color: @message-info-link-color;
-@message-notice-link-color-hover: @message-info-link-color-hover;
-@message-notice-link-color-active: @message-info-link-color-active;
-@message-notice-border-color: @message-info-border-color;
-@message-notice-icon: @message-info-icon;
-@message-notice-icon-color-inner: @message-info-icon-color-inner;
-@message-notice-icon-color-lateral: @message-info-icon-color-lateral;
-@message-notice-icon-background: @message-info-icon-background;
-@message-notice-icon-top: @message-icon-top;
-@message-notice-icon-right: @message-icon-right;
-@message-notice-icon-bottom: @message-icon-bottom;
-@message-notice-icon-left: @message-icon-left;
-
-//
-//  Tooltips
-//  ---------------------------------------------
-
-@tooltip-background: @color-white;
-@tooltip-border-color: @color-gray-light2;
-@tooltip-border-width: 1px;
-@tooltip-border-radius: false;
-@tooltip-color: @color-primary;
-@tooltip-cursor: help;
-@tooltip-font-size: false;
-@tooltip-font-family: false;
-@tooltip-font-weight: false;
-@tooltip-line-height: 1.4;
-@tooltip-font-style: false;
-@tooltip-margin: false;
-@tooltip-padding: 12px 16px;
-@tooltip-min-width: 210px;
-@tooltip-max-width: 360px;
-@tooltip-arrow-size: 5px;
-@tooltip-arrow-offset: 10px;
-@tooltip-z-index: 100;
-
-//
-//  Loaders variables
-//  ---------------------------------------------
-
-@loader-overlay-background-color: rgba(255, 255, 255, .5);
-@loader-overlay-z-index: 9999;
-@loader-icon-width: 160px;
-@loader-icon-height: 160px;
-@loader-icon-background-color: transparent;
-@loader-icon-background-image: url('@{baseDir}images/loader-2.gif');
-@loader-icon-background-position: 50% 50%;
-@loader-icon-border-radius: 5px;
-@loader-icon-padding: '';
-@loader-text: false;
-@loader-text-color: @color-primary;
-@loader-text-font-size: @font-size-base;
-@loader-text-font-family: @font-family-base;
-@loader-text-font-weight: @font-weight-base;
-@loader-text-font-style: @font-style-base;
-@loader-text-padding: 130px 0 0;
-@loading-background-color: @loader-overlay-background-color;
-@loading-background-image: @loader-icon-background-image;
-
-//
-//  Forms variables
-//  ---------------------------------------------
-
-//  Form elements inputs default variables
-@form-element-input-type: ''; //  [input-text|select|textarea|input-radio|input-checkbox]
-@form-element-input-background: @color-white;
-@form-element-input-border-color: @color-gray76;
-@form-element-input-border: 1px solid @form-element-input-border-color;
-@form-element-input-border-radius: 1px;
-@form-element-input-height: 32px;
-@form-element-input-width: 100%;
-@form-element-input-margin: false;
-@form-element-input-padding: 0 9px;
-@form-element-input-vertical-align: baseline;
-@form-element-input-background-clip: padding-box; //  [border-box|content-box|padding-box]
-@form-element-input-font-size: @font-size-base;
-@form-element-input-color: false;
-@form-element-input-font-family: @font-family-base;
-@form-element-input-font-weight: false;
-@form-element-input-font-style: false;
-@form-element-input-line-height: @line-height-base;
-
-//  Placeholder
-@form-element-input-placeholder-color: @color-gray76;
-@form-element-input-placeholder-font-style: @form-element-input-font-style;
-
-//  Disabled state
-@form-element-input-disabled-background: @form-element-input-background;
-@form-element-input-disabled-border: @form-element-input-border;
-@form-element-input-disabled-opacity: .5;
-@form-element-input-disabled-color: @form-element-input-color;
-@form-element-input-disabled-font-style: @form-element-input-font-style;
-
-//  Focus state
-@form-element-input-focus-background: @form-element-input-background;
-@form-element-input-focus-border: @form-element-input-border;
-@form-element-input-focus-color: @form-element-input-color;
-@form-element-input-focus-font-style: @form-element-input-font-style;
-
-//  Form elements choice default variables
-@form-element-choice-type: ''; //  [radio|checkbox]
-@form-element-choice-vertical-align: false;
-@form-element-choice-margin: 2px @indent-xs-base 0 0;
-@form-element-choice-disabled-opacity: @form-element-input-disabled-opacity;
-
-//  Input-text
-@input-text-background: @form-element-input-background;
-@input-text-border: @form-element-input-border;
-@input-text-border-radius: @form-element-input-border-radius;
-@input-text-height: @form-element-input-height;
-@input-text-width: @form-element-input-width;
-@input-text-margin: @form-element-input-margin;
-@input-text-padding: @form-element-input-padding;
-@input-text-vertical-align: @form-element-input-vertical-align;
-@input-text-background-clip: @form-element-input-background-clip; //  [border-box|content-box|padding-box]
-@input-text-font-size: @form-element-input-font-size;
-@input-text-color: @form-element-input-color;
-@input-text-font-family: @form-element-input-font-family;
-@input-text-font-weight: @form-element-input-font-weight;
-@input-text-font-style: @form-element-input-font-style;
-@input-text-line-height: @form-element-input-line-height;
-
-//  Placeholder
-@input-text-placeholder-color: @form-element-input-placeholder-color;
-@input-text-placeholder-font-style: @form-element-input-placeholder-font-style;
-
-//  Disabled state
-@input-text-disabled-background: @form-element-input-disabled-background;
-@input-text-disabled-border: @form-element-input-disabled-border;
-@input-text-disabled-opacity: @form-element-input-disabled-opacity;
-@input-text-disabled-color: @form-element-input-disabled-color;
-@input-text-disabled-font-style: @form-element-input-disabled-font-style;
-
-//  Focus state
-@input-text-focus-background: @form-element-input-focus-background;
-@input-text-focus-border: @form-element-input-focus-border;
-@input-text-focus-color: @form-element-input-focus-color;
-@input-text-focus-font-style: @form-element-input-focus-font-style;
-
-//  Select
-@select-background: @form-element-input-background;
-@select-border: @form-element-input-border;
-@select-border-radius: @form-element-input-border-radius;
-@select-height: @form-element-input-height;
-@select-width: @form-element-input-width;
-@select-margin: @form-element-input-margin;
-@select-padding: @indent-xs-base @indent-s-base 4px;
-@select-vertical-align: @form-element-input-vertical-align;
-@select-background-clip: @form-element-input-background-clip; //  [border-box|content-box|padding-box]
-@select-font-size: @form-element-input-font-size;
-@select-color: @form-element-input-color;
-@select-font-family: @form-element-input-font-family;
-@select-font-weight: @form-element-input-font-weight;
-@select-font-style: @form-element-input-font-style;
-@select-line-height: @form-element-input-line-height;
-
-//  Placeholder
-@select-placeholder-color: false;
-@select-placeholder-font-style: false;
-
-//  Disabled state
-@select-disabled-background: @form-element-input-disabled-background;
-@select-disabled-border: @form-element-input-disabled-border;
-@select-disabled-opacity: @form-element-input-disabled-opacity;
-@select-disabled-color: @form-element-input-disabled-color;
-@select-disabled-font-style: @form-element-input-disabled-font-style;
-
-//  Focus state
-@select-focus-background: @form-element-input-focus-background;
-@select-focus-border: @form-element-input-focus-border;
-@select-focus-color: @form-element-input-focus-color;
-@select-focus-font-style: @form-element-input-focus-font-style;
-
-//  Textarea
-@textarea-background: @form-element-input-background;
-@textarea-border: @form-element-input-border;
-@textarea-border-radius: @form-element-input-border-radius;
-@textarea-height: auto;
-@textarea-width: @form-element-input-width;
-@textarea-padding: @indent-s-base;
-@textarea-margin: 0;
-@textarea-vertical-align: @form-element-input-vertical-align;
-@textarea-background-clip: @form-element-input-background-clip; //  [border-box|content-box|padding-box]
-@textarea-font-size: @form-element-input-font-size;
-@textarea-color: @form-element-input-color;
-@textarea-font-family: @form-element-input-font-family;
-@textarea-font-weight: @form-element-input-font-weight;
-@textarea-font-style: @form-element-input-font-style;
-@textarea-line-height: @form-element-input-line-height;
-@textarea-resize: vertical; //  [none|both|horizontal|vertical|inherit]
-
-//  Placeholder
-@textarea-placeholder-color: @form-element-input-placeholder-color;
-@textarea-placeholder-font-style: @form-element-input-placeholder-font-style;
-
-//  Disabled state
-@textarea-disabled-background: @form-element-input-disabled-background;
-@textarea-disabled-border: @form-element-input-disabled-border;
-@textarea-disabled-opacity: @form-element-input-disabled-opacity;
-@textarea-disabled-color: @form-element-input-disabled-color;
-@textarea-disabled-font-style: @form-element-input-disabled-font-style;
-
-//  Focus state
-@textarea-focus-background: @form-element-input-focus-background;
-@textarea-focus-border: @form-element-input-focus-border;
-@textarea-focus-color: @form-element-input-focus-color;
-@textarea-focus-font-style: @form-element-input-focus-font-style;
-
-//  Radio
-@input-radio-vertical-align: @form-element-choice-vertical-align;
-@input-radio-margin: @form-element-choice-margin;
-@input-radio-disabled-opacity: @form-element-choice-disabled-opacity;
-
-//  Checkbox
-@input-checkbox-vertical-align: @form-element-choice-vertical-align;
-@input-checkbox-margin: @form-element-choice-margin;
-@input-checkbox-disabled-opacity: @form-element-choice-disabled-opacity;
-
-//  Validation variables
-@form-validation-note-color-error: @color-error;
-@form-validation-note-font-size: @font-size-s;
-@form-validation-note-font-family: false;
-@form-validation-note-font-style: false;
-@form-validation-note-font-weight: false;
-@form-validation-note-line-height: false;
-@form-validation-note-margin: 3px 0 0;
-@form-validation-note-padding: false;
-
-@form-validation-note-icon-use: false;
-@form-validation-note-icon-font-content: @icon-pointer-up;
-@form-validation-note-icon-font: @icon-font;
-@form-validation-note-icon-font-size: @form-validation-note-font-size * 2;
-@form-validation-note-icon-font-line-height: @form-validation-note-font-size;
-@form-validation-note-icon-font-color: @form-validation-note-color-error;
-@form-validation-note-icon-font-color-hover: false;
-@form-validation-note-icon-font-color-active: false;
-@form-validation-note-icon-font-margin: false;
-@form-validation-note-icon-font-vertical-align: @icon-font-vertical-align;
-@form-validation-note-icon-font-position: @icon-font-position;
-@form-validation-note-icon-font-text-hide: @icon-font-text-hide;
-
-@form-element-validation-color-error: false;
-@form-element-validation-color-valid: false;
-@form-element-validation-border-error: lighten(@form-validation-note-color-error, 20%);
-@form-element-validation-border-valid: false;
-@form-element-validation-background-error: false;
-@form-element-validation-background-valid: false;
-
-//  Fieldset
-@form-fieldset-border: 0;
-@form-fieldset-margin: 0 0 @indent-xl-base;
-@form-fieldset-padding: 0;
-@form-fieldset-legend-color: false;
-@form-fieldset-legend-font-size: 20px;
-@form-fieldset-legend-font-family: false;
-@form-fieldset-legend-font-weight: false;
-@form-fieldset-legend-font-style: false;
-@form-fieldset-legend-line-height: 1.2;
-@form-fieldset-legend-margin: 0 0 @indent-m-base;
-@form-fieldset-legend-padding: 0;
-@form-fieldset-legend-width: false;
-
-//  Field
-@form-field-type: block; //  [inline|block]
-@form-field-type-revert: inline; //  [inline|block|false]
-@form-field-border: false;
-@form-field-column: false;
-@form-field-column-padding: 0 12px 0 0;
-@form-field-column-number: 2;
-@form-field-vertical-indent: @indent-base;
-@form-field-additional-vertical-indent: @form-field-vertical-indent/2;
-@form-field-type-block-margin: 0 0 @form-field-vertical-indent;
-@form-field-type-inline-margin: 0 0 @form-field-vertical-indent;
-
-//  Form field label
-@form-field-label-align: false;
-@form-field-label-color: false;
-@form-field-label-font-size: false;
-@form-field-label-font-family: false;
-@form-field-label-font-weight: @font-weight-bold;
-@form-field-label-font-style: false;
-@form-field-label-line-height: false;
-@form-field-type-inline-label-margin: false;
-@form-field-type-inline-label-padding-top: 6px;
-@form-field-type-inline-label-padding: @form-field-type-inline-label-padding-top 15px 0 0;
-@form-field-type-inline-label-width: 25.8%;
-@form-field-type-inline-label-align: right;
-@form-field-type-block-label-margin: 0 0 @indent-xs-base;
-@form-field-type-block-label-padding: false;
-@form-field-type-block-label-align: @form-field-label-align;
-
-//  Form field control
-@form-field-type-inline-control-width: 74.2%;
-
-//  Form field label asterisk
-@form-field-label-asterisk-color: @color-red10;
-@form-field-label-asterisk-font-size: @font-size-s;
-@form-field-label-asterisk-font-family: false;
-@form-field-label-asterisk-font-weight: false;
-@form-field-label-asterisk-font-style: false;
-@form-field-label-asterisk-line-height: false;
-@form-field-label-asterisk-margin: 0 0 0 @indent-xs-base;
-
-//  Form field note
-@form-field-note-color: false;
-@form-field-note-font-size: @font-size-s;
-@form-field-note-font-family: false;
-@form-field-note-font-weight: false;
-@form-field-note-font-style: false;
-@form-field-note-line-height: false;
-@form-field-note-margin: 3px 0 0;
-@form-field-note-padding: 0;
-
-//  Form field note icon
-@form-field-note-icon-font-content: @icon-pointer-up;
-@form-field-note-icon-font: @icon-font;
-@form-field-note-icon-font-size: @form-field-note-font-size * 2;
-@form-field-note-icon-font-line-height: @form-field-note-font-size;
-@form-field-note-icon-font-color: @form-field-note-color;
-@form-field-note-icon-font-color-hover: false;
-@form-field-note-icon-font-color-active: false;
-@form-field-note-icon-font-margin: false;
-@form-field-note-icon-font-vertical-align: @icon-font-vertical-align;
-@form-field-note-icon-font-position: @icon-font-position;
-@form-field-note-icon-font-text-hide: @icon-font-text-hide;
-
-//  Hasrequired
-@form-hasrequired-position: top; //  [top|bottom]
-@form-hasrequired-color: @form-field-label-asterisk-color;
-@form-hasrequired-font-size: @font-size-s;
-@form-hasrequired-font-family: false;
-@form-hasrequired-font-weight: false;
-@form-hasrequired-font-style: false;
-@form-hasrequired-line-height: false;
-@form-hasrequired-border: false;
-@form-hasrequired-margin: @indent-s-base 0 0;
-@form-hasrequired-padding: false;
-
-//
-//  Pager
-//  ---------------------------------------------
-
-@pager-label-display: none;
-@pager-item-display: inline-block;
-@pager-reset-spaces: true;  //  Reset spaces between inline-block elements
-
-@pager-font-size: @font-size-s;
-@pager-font-weight: @font-weight-bold;
-@pager-line-height: 32px;
-@pager-item-margin: 0 2px 0 0;
-@pager-item-padding: 0 4px;
-@pager-actions-padding: 0;
-
-//  Pager current page
-@pager-current-font-weight: @font-weight-bold;
-@pager-current-color: @color-primary;
-@pager-current-border: false;
-@pager-current-background: false;
-
-@pager-current-gradient: false;
-@pager-current-gradient-direction: false;
-
-@pager-current-gradient-start-color: false;
-@pager-current-gradient-end-color: false;
-
-//  Pager link page
-@pager-gradient: false;
-@pager-gradient-direction: false;
-
-//  Pager link default
-@pager-color: @link-color;
-@pager-border: false;
-@pager-text-decoration: none;
-@pager-background: false;
-@pager-gradient-start-color: false;
-@pager-gradient-end-color: false;
-
-//  Pager link visited
-@pager-color-visited: @link-color-visited;
-@pager-border-visited: false;
-@pager-background-visited: false;
-@pager-gradient-start-color-visited: false;
-@pager-gradient-end-color-visited: false;
-
-//  Pager link hover
-@pager-color-hover: @link-color-hover;
-@pager-border-hover: false;
-@pager-text-decoration-hover: none;
-@pager-background-hover: false;
-@pager-gradient-start-color-hover: false;
-@pager-gradient-end-color-hover: false;
-
-//  Pager link active
-@pager-color-active: @link-color-active;
-@pager-border-active: false;
-@pager-background-active: false;
-@pager-gradient-start-color-active: false;
-@pager-gradient-end-color-active: false;
-
-//  Pager link.action
-@pager-icon-use: true;
-@pager-icon-previous-content: @icon-prev;
-@pager-icon-next-content: @icon-next;
-@pager-icon-text-hide: true;
-@pager-icon-position: before;
-@pager-icon-font: @icon-font;
-@pager-icon-font-margin: 0 0 0 -6px;
-@pager-icon-font-vertical-align: top;
-@pager-icon-font-size: 46px;
-@pager-icon-font-line-height: @icon-font-line-height;
-
-//  Pager link.action gradient: element has a gradient background
-@pager-action-gradient: false; //  [true|false]
-@pager-action-gradient-direction: false; //  [true|false]
-
-//  Pager link.action default
-@pager-action-color: @text-color-muted;
-@pager-action-border: @border-width-base solid @border-color-base;
-@pager-action-text-decoration: @pager-text-decoration;
-@pager-action-background: @pager-background;
-@pager-action-gradient-start-color: false;
-@pager-action-gradient-end-color: false;
-
-//  Pager link.action visited
-@pager-action-color-visited: @pager-action-color;
-@pager-action-border-visited: false;
-@pager-action-background-visited: false;
-@pager-action-gradient-start-color-visited: false;
-@pager-action-gradient-end-color-visited: false;
-
-//  Pager link.action hover
-@pager-action-color-hover: @pager-action-color;
-@pager-action-border-hover: false;
-@pager-action-background-hover: false;
-@pager-action-text-decoration-hover: @pager-text-decoration-hover;
-@pager-action-gradient-start-color-hover: false;
-@pager-action-gradient-end-color-hover: false;
-
-//  Pager link.action active
-@pager-action-color-active: @pager-action-color;
-@pager-action-border-active: false;
-@pager-action-background-active: false;
-@pager-action-gradient-start-color-active: false;
-@pager-action-gradient-end-color-active: false;
-
-//
-//  Ratings variables
-//  ---------------------------------------------
-
-@rating-icon-count: 5;
-@rating-icon-content: @icon-star;
-@rating-icon-font: @icon-font;
-@rating-icon-font-size: 28px;
-@rating-icon-letter-spacing: -10px;
-@rating-icon-color: @color-gray78;
-@rating-icon-color-active: @color-orange-red2;
-@rating-label-hide: false;
-
-//
-//  Dropdowns variables
-//  ---------------------------------------------
-
-//  Variables simple dropdown
-@dropdown-actions-padding: false;
-@dropdown-list-min-width: 100%;
-@dropdown-list-width: false;
-@dropdown-list-height: false;
-@dropdown-list-margin-top: 4px;
-@dropdown-list-position-top: 100%;
-@dropdown-list-position-right: false;
-@dropdown-list-position-bottom: false;
-@dropdown-list-position-left: false;
-@dropdown-list-pointer: true; //  [true|false]
-@dropdown-list-background: @color-white;
-@dropdown-list-border: 1px solid @color-gray-light2;
-@dropdown-list-pointer-border: @color-gray-light2;
-@dropdown-list-pointer-position: left; //  [left|right]
-@dropdown-list-pointer-position-top: -12px;
-@dropdown-list-pointer-position-left-right: 10px;
-@dropdown-list-item-border: 0;
-@dropdown-list-item-padding: 3px @indent-xs-base;
-@dropdown-list-item-margin: 0;
-@dropdown-list-item-hover: @color-gray91;
-@dropdown-list-shadow: 0 3px 3px rgba(0,0,0,.15); //  [''|none|value]
-@dropdown-list-z-index: 100;
-
-@dropdown-toggle-icon-content: @icon-pointer-down;
-@dropdown-toggle-active-icon-content: @icon-pointer-up;
-@dropdown-toggle-icon-font: @button-icon-font;
-@dropdown-toggle-icon-font-size: @button-icon-font-size;
-@dropdown-toggle-icon-font-line-height: @button-icon-font-line-height;
-@dropdown-toggle-icon-font-color: @button-icon-font-color;
-@dropdown-toggle-icon-font-color-hover: @button-icon-font-color-hover;
-@dropdown-toggle-icon-font-color-active: @button-icon-font-color-active;
-@dropdown-toggle-icon-font-margin: @button-icon-font-margin;
-@dropdown-toggle-icon-position: after;
-@dropdown-toggle-icon-font-vertical-align: @button-icon-font-vertical-align;
-@dropdown-toggle-icon-text-hide: @button-icon-font-text-hide;
-
-//  Variables split dropdown
-@dropdown-split-actions-padding: 0 @indent-xs-base;
-@dropdown-split-toggle-actions-padding: 4px @indent-xs-base;
-@dropdown-split-button-actions-padding: false;
-@dropdown-split-toggle-position: right;
-@dropdown-split-list-min-width: @dropdown-list-min-width;
-@dropdown-split-list-width: @dropdown-list-width;
-@dropdown-split-list-height: @dropdown-list-height;
-@dropdown-split-list-margin-top: @dropdown-list-margin-top;
-@dropdown-split-list-position-top: @dropdown-list-position-top;
-@dropdown-split-list-position-right: @dropdown-list-position-right;
-@dropdown-split-list-position-bottom: @dropdown-list-position-bottom;
-@dropdown-split-list-position-left: @dropdown-list-position-left;
-@dropdown-split-list-background: @dropdown-list-background;
-@dropdown-split-list-border: @dropdown-list-border;
-@dropdown-split-list-pointer: @dropdown-list-pointer;
-@dropdown-split-list-pointer-border: @dropdown-list-pointer-border;
-@dropdown-split-list-pointer-position: @dropdown-split-toggle-position;
-@dropdown-split-list-pointer-position-top: @dropdown-list-pointer-position-top;
-@dropdown-split-list-pointer-position-left-right: @dropdown-list-pointer-position-left-right;
-@dropdown-split-list-item-border: @dropdown-list-item-border;
-@dropdown-split-list-item-padding: @dropdown-list-item-padding;
-@dropdown-split-list-item-margin: @dropdown-list-item-margin;
-@dropdown-split-list-item-hover: @dropdown-list-item-hover;
-@dropdown-split-button-border-radius-fix: false;
-@dropdown-split-list-shadow: @dropdown-list-shadow; //  [''|none|value]
-@dropdown-split-list-z-index: @dropdown-list-z-index;
-
-@dropdown-split-toggle-icon-content: @dropdown-toggle-icon-content;
-@dropdown-split-toggle-active-icon-content: @dropdown-toggle-active-icon-content;
-@dropdown-split-toggle-icon-font: @button-icon-font;
-@dropdown-split-toggle-icon-font-size: @button-icon-font-size;
-@dropdown-split-toggle-icon-font-line-height: @button-icon-font-line-height;
-@dropdown-split-toggle-icon-font-color: @button-icon-font-color;
-@dropdown-split-toggle-icon-font-color-hover: @button-icon-font-color-hover;
-@dropdown-split-toggle-icon-font-color-active: @button-icon-font-color-active;
-@dropdown-split-toggle-icon-font-margin: @button-icon-font-margin;
-@dropdown-split-toggle-icon-font-vertical-align: @button-icon-font-vertical-align;
-@dropdown-split-toggle-icon-position: @dropdown-toggle-icon-position;
-@dropdown-split-toggle-icon-text-hide: true; //  [true|false]
-
-//
-//  Actions-toolbar variables
-//  ---------------------------------------------
-
-@actions-toolbar-actions-position: justify; //  [left|right|center|justify]
-@actions-toolbar-actions-reverse: false; //  [true|false]
-@actions-toolbar-margin: false;
-@actions-toolbar-padding: false;
-@actions-toolbar-actions-margin: false;
-@actions-toolbar-primary-actions-margin: 0 @indent-xs-base 0 0;
-@actions-toolbar-secondary-actions-margin: false;
-@actions-toolbar-actions-links-margin-top: false;
-@actions-toolbar-primary-actions-links-margin-top: false;
-@actions-toolbar-secondary-actions-links-margin-top: 6px;
-
-//
-//  Breadcrumbs variables
-//  ---------------------------------------------
-
-@breadcrumbs-font-size: @font-size-s;
-@breadcrumbs-display: false;
-@breadcrumbs-container-margin: 0 0 @indent-base;
-@breadcrumbs-padding: false;
-
-@breadcrumbs-separator-symbol: false;
-@breadcrumbs-separator-color: @breadcrumbs-current-color;
-
-@breadcrumbs-icon-use: true;
-@breadcrumbs-icon-font-content: @icon-next;
-@breadcrumbs-icon-font: @icon-font;
-@breadcrumbs-icon-font-size: 24px;
-@breadcrumbs-icon-font-line-height: 18px;
-@breadcrumbs-icon-font-color: false;
-@breadcrumbs-icon-font-margin: 0;
-@breadcrumbs-icon-font-vertical-align: top;
-
-//  Breadcrumbs - current page
-@breadcrumbs-current-color: @color-gray64;
-@breadcrumbs-current-font-weight: @font-weight-base;
-@breadcrumbs-current-background: false;
-@breadcrumbs-current-border: false;
-
-//  Breadcrumbs - current page - gradient background
-@breadcrumbs-current-gradient: false;
-@breadcrumbs-current-gradient-direction: vertical;
-@breadcrumbs-current-gradient-start-color: false;
-@breadcrumbs-current-gradient-end-color: false;
-
-//  Breadcrumbs - link
-//  Breadcrumbs link - gradient
-@breadcrumbs-link-gradient: false; //  [true|false]
-@breadcrumbs-link-gradient-direction: false; //  [true|false]
-
-@breadcrumbs-link-color: @color-primary;
-@breadcrumbs-link-background: false;
-@breadcrumbs-link-border: false;
-@breadcrumbs-link-text-decoration: none;
-@breadcrumbs-link-gradient-start-color: false;
-@breadcrumbs-link-gradient-end-color: false;
-
-//  Breadcrumbs link - visited
-@breadcrumbs-link-color-visited: @color-primary;
-@breadcrumbs-link-background-visited: @breadcrumbs-link-background;
-@breadcrumbs-link-border-visited: @breadcrumbs-link-border;
-@breadcrumbs-link-text-decoration-visited: none;
-@breadcrumbs-link-gradient-start-color-visited: false;
-@breadcrumbs-link-gradient-end-color-visited: false;
-
-//  Breadcrumbs link - hover
-@breadcrumbs-link-color-hover: @color-primary;
-@breadcrumbs-link-background-hover: false;
-@breadcrumbs-link-border-hover: @breadcrumbs-link-border;
-@breadcrumbs-link-text-decoration-hover: underline;
-@breadcrumbs-link-gradient-start-color-hover: false;
-@breadcrumbs-link-gradient-end-color-hover: false;
-
-//  Breadcrumbs link - active
-@breadcrumbs-link-color-active: @color-primary;
-@breadcrumbs-link-background-active: @breadcrumbs-link-background;
-@breadcrumbs-link-border-active: @breadcrumbs-link-border;
-@breadcrumbs-link-text-decoration-active: none;
-@breadcrumbs-link-gradient-start-color-active: false;
-@breadcrumbs-link-gradient-end-color-active: false;
-
-//
-//  Popups
-//  ---------------------------------------------
-
-@popup-width: auto;
-@popup-height: auto;
-@popup-padding: 22px;
-@popup-background: @color-white;
-@popup-border: 1px solid @color-gray-light3;
-@popup-shadow: 0 3px 3px rgba(0,0,0,.15);
-@popup-fade: opacity .3s linear;
-@popup-z-index: 1001;
-
-@popup-position: fixed;
-@popup-position-top: 0;
-@popup-position-right: 0;
-@popup-position-bottom: 0;
-@popup-position-left: 0;
-
-@popup-margin-top: false;
-@popup-margin-right: false;
-@popup-margin-bottom: false;
-@popup-margin-left: false;
-
-@popup-content-height: auto;
-@popup-header-margin: 0 0 25px;
-@popup-content-margin: false;
-@popup-footer-margin: false;
-
-@popup-title-headings: true; //  [true|false]
-@popup-title-headings-level: h3; //  [h1|h2|h3|h4|h5|h6]
-
-@popup-button-close-icon: true; //  [true|false]
-@popup-button-close-reset: true; //  [true|false]
-@popup-button-close-position: absolute;
-@popup-button-close-position-top: @indent-s-base;
-@popup-button-close-position-right: @indent-s-base;
-@popup-button-close-position-bottom: false;
-@popup-button-close-position-left: false;
-
-//  Actions toolbar variables
-@popup-action-toolbar: false; //  [true|false]
-@popup-actions-toolbar-actions-position: @actions-toolbar-actions-position;
-@popup-actions-toolbar-actions-reverse: @actions-toolbar-actions-reverse;
-@popup-actions-toolbar-margin: @actions-toolbar-margin;
-@popup-actions-toolbar-padding: @actions-toolbar-padding;
-@popup-actions-toolbar-actions-margin: @actions-toolbar-actions-margin;
-@popup-actions-toolbar-primary-actions-margin: @actions-toolbar-primary-actions-margin;
-@popup-actions-toolbar-secondary-actions-margin: @actions-toolbar-secondary-actions-margin;
-@popup-actions-toolbar-actions-links-margin-top: @actions-toolbar-actions-links-margin-top;
-@popup-actions-toolbar-primary-actions-links-margin-top: @actions-toolbar-primary-actions-links-margin-top;
-@popup-actions-toolbar-secondary-actions-links-margin-top: @actions-toolbar-secondary-actions-links-margin-top;
-
-//  Popup Icons variables
-@popup-icon-font-content: @icon-remove;
-@popup-icon-font: @button-icon-font;
-@popup-icon-font-size: @button-icon-font-size;
-@popup-icon-font-line-height: @button-icon-font-line-height;
-@popup-icon-font-color: @button-icon-font-color;
-@popup-icon-font-color-hover: @button-icon-font-color-hover;
-@popup-icon-font-color-active: @button-icon-font-color-active;
-@popup-icon-font-margin: @button-icon-font-margin;
-@popup-icon-font-vertical-align: @button-icon-font-vertical-align;
-@popup-icon-font-position: @button-icon-font-position;
-@popup-icon-font-text-hide: true;
-
-//  Window overlay variables
-@overlay-background: @color-black;
-@overlay-opacity: .5;
-@overlay-opacity-old: 50;
-@overlay-fade: opacity .15s linear;
-@overlay-z-index: 1000;
diff --git a/lib/web/css/source/lib/variables/_actions-toolbar.less b/lib/web/css/source/lib/variables/_actions-toolbar.less
new file mode 100644
index 0000000000000..0bbeb23c80f56
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_actions-toolbar.less
@@ -0,0 +1,22 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Actions-toolbar variables
+//  _____________________________________________
+
+@actions-toolbar__margin: false;
+@actions-toolbar__padding: false;
+
+@actions-toolbar-actions__position: justify; // [left|right|center|justify]
+@actions-toolbar-actions__reverse: false; // [true|false]
+@actions-toolbar-actions__margin: false;
+
+@actions-toolbar-actions-primary__margin: 0 @indent__xs 0 0;
+@actions-toolbar-actions-secondary__margin: false;
+
+@actions-toolbar-actions-links__margin-top: false;
+@actions-toolbar-actions-links-primary__margin-top: false;
+@actions-toolbar-actions-links-secondary__margin-top: 6px;
diff --git a/lib/web/css/source/lib/variables/_breadcrumbs.less b/lib/web/css/source/lib/variables/_breadcrumbs.less
new file mode 100644
index 0000000000000..63cf89f5f3b03
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_breadcrumbs.less
@@ -0,0 +1,76 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Breadcrumbs variables
+//  _____________________________________________
+
+@breadcrumbs__font-size: @font-size__s;
+@breadcrumbs__display: false;
+@breadcrumbs__container-margin: 0 0 @indent__base;
+@breadcrumbs__padding: false;
+
+@breadcrumbs-separator__symbol: false;
+@breadcrumbs-separator__color: @breadcrumbs-current__color;
+
+@breadcrumbs-icon__use: true;
+@breadcrumbs-icon__font-content: @icon-next;
+@breadcrumbs-icon__font: @icon-font;
+@breadcrumbs-icon__font-size: 24px;
+@breadcrumbs-icon__font-line-height: 18px;
+@breadcrumbs-icon__font-color: false;
+@breadcrumbs-icon__font-margin: 0;
+@breadcrumbs-icon__font-vertical-align: top;
+
+//  Current page
+@breadcrumbs-current__color: @color-gray64;
+@breadcrumbs-current__font-weight: @font-weight__regular;
+@breadcrumbs-current__background: false;
+@breadcrumbs-current__border: false;
+
+//  Current page - gradient background
+@breadcrumbs-current__gradient: false;
+@breadcrumbs-current__gradient-direction: vertical;
+@breadcrumbs-current__gradient-color-start: false;
+@breadcrumbs-current__gradient-color-end: false;
+
+//
+//  Link
+//  ---------------------------------------------
+
+//  Gradient
+@breadcrumbs-link__gradient: false; // [true|false]
+@breadcrumbs-link__gradient-direction: false; // [true|false]
+
+@breadcrumbs-link__color: @primary__color;
+@breadcrumbs-link__background: false;
+@breadcrumbs-link__border: false;
+@breadcrumbs-link__text-decoration: none;
+@breadcrumbs-link__gradient-color-start: false;
+@breadcrumbs-link__gradient-color-end: false;
+
+//  Visited
+@breadcrumbs-link__visited__color: @primary__color;
+@breadcrumbs-link__visited__background: @breadcrumbs-link__background;
+@breadcrumbs-link__visited__border: @breadcrumbs-link__border;
+@breadcrumbs-link__visited__text-decoration: none;
+@breadcrumbs-link__visited__gradient-color-start: false;
+@breadcrumbs-link__visited__gradient-color-end: false;
+
+//  Hover
+@breadcrumbs-link__hover__color: @primary__color;
+@breadcrumbs-link__hover__background: false;
+@breadcrumbs-link__hover__border: @breadcrumbs-link__border;
+@breadcrumbs-link__hover__text-decoration: underline;
+@breadcrumbs-link__hover__gradient-color-start: false;
+@breadcrumbs-link__hover__gradient-color-end: false;
+
+//  Active
+@breadcrumbs-link__active__color: @primary__color;
+@breadcrumbs-link__active__background: @breadcrumbs-link__background;
+@breadcrumbs-link__active__border: @breadcrumbs-link__border;
+@breadcrumbs-link__active__text-decoration: none;
+@breadcrumbs-link__active__gradient-color-start: false;
+@breadcrumbs-link__active__gradient-color-end: false;
diff --git a/lib/web/css/source/lib/variables/_buttons.less b/lib/web/css/source/lib/variables/_buttons.less
new file mode 100644
index 0000000000000..0b0ffa3075829
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_buttons.less
@@ -0,0 +1,102 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Buttons variables
+//  _____________________________________________
+
+//
+//  Buttons
+//  ---------------------------------------------
+
+//  Font style
+@button__font-family: @font-family__base;
+@button__font-size: @font-size__base;
+@button__font-weight: @font-weight__bold;
+@button__line-height: @font-size__base + 2;
+@button__margin: 0;
+@button__padding: 7px 15px; // is set up to false when buttons don't depend on side paddings or have fixed width
+@button__width: false; // is set up to false when buttons depend on side paddings or to fixed value when needed
+
+//  Display settings
+@button__display: inline-block;
+@button__cursor: pointer;
+@button__border-radius: 3px;
+
+@button__disabled__opacity: .5;
+
+//  Default = secondary button
+@button__color: @primary__color;
+@button__background: @color-gray95;
+@button__border: 1px solid @color-gray-darken2;
+@button__gradient-color-start: false;
+@button__gradient-color-end: false;
+
+@button__hover__color: @color-gray-darken3;
+@button__hover__background: @color-gray-darken1;
+@button__hover__border: @button__border;
+@button__hover__gradient-color-start: false;
+@button__hover__gradient-color-end: false;
+
+@button__active__color: @button__color;
+@button__active__background: @button__hover__background;
+@button__active__border: @button__border;
+@button__active__gradient-color-start: false;
+@button__active__gradient-color-end: false;
+
+//  Primary button
+@button-primary__line-height: false;
+@button-primary__width: false;
+@button-primary__margin: false;
+@button-primary__padding: @button__padding;
+@button-primary__gradient: false;
+@button-primary__gradient-direction: false;
+
+@button-primary__background: @color-blue1;
+@button-primary__border: 1px solid @color-blue1;
+@button-primary__color: @color-white;
+@button-primary__gradient-color-start: false;
+@button-primary__gradient-color-end: false;
+
+@button-primary__hover__background: @color-blue2;
+@button-primary__hover__border: 1px solid @color-blue2;
+@button-primary__hover__color: @button-primary__color;
+@button-primary__hover__gradient-color-start: false;
+@button-primary__hover__gradient-color-end: false;
+
+@button-primary__active__background: @button-primary__hover__background;
+@button-primary__active__border: @button-primary__hover__border;
+@button-primary__active__color: @button-primary__color;
+@button-primary__active__gradient-color-start: false;
+@button-primary__active__gradient-color-end: false;
+
+//  Gradient button
+@button__gradient: false; // [true|false] - button has a gradient background
+@button__gradient-direction: false; // button gradient direction if button has a gradient background
+
+//  Button with icon
+@button-icon__use: false;
+@button-icon__content: @icon-settings;
+@button-icon__font: @icon-font;
+@button-icon__font-size: 22px;
+@button-icon__line-height: @button-icon__font-size;
+@button-icon__color: inherit;
+@button-icon__margin: 0;
+@button-icon__vertical-align: top;
+@button-icon__position: @icon__position;
+@button-icon__text-hide: false;
+
+@button-icon__hover__font-color: inherit;
+@button-icon__active__font-color: inherit;
+
+//  Large button
+@button__font-size__l: @font-size__l;
+@button__line-height__l: @font-size__l + 4;
+@button__padding__l: 14px 17px;
+
+//  Small button
+@button__font-size__s: 11px;
+@button__line-height__s: @button__font-size__s + 1;
+@button__padding__s: @indent__xs 8px;
diff --git a/lib/web/css/source/lib/variables/_colors.less b/lib/web/css/source/lib/variables/_colors.less
new file mode 100644
index 0000000000000..3eb252c1fe1ed
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_colors.less
@@ -0,0 +1,99 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Color variables
+//  _____________________________________________
+
+@color-white: #fff;
+@color-black: #000;
+
+@color-gray19: #303030;
+@color-gray20: #333;
+@color-gray34: #575757;
+@color-gray40: #666;
+@color-gray52: #858585;
+@color-gray55: #8c8c8c;
+@color-gray56: #8f8f8f;
+@color-gray60: #999;
+@color-gray62: #9e9e9e;
+@color-gray64: #a3a3a3;
+@color-gray68: #adadad;
+@color-gray76: #c2c2c2;
+@color-gray78: #c7c7c7;
+@color-gray79: #c9c9c9;
+@color-gray80: #ccc;
+@color-gray82: #d1d1d1;
+@color-gray89: #e3e3e3;
+@color-gray90: #e5e5e5;
+@color-gray91: #e8e8e8;
+@color-gray92: #ebebeb;
+@color-gray94: #f0f0f0;
+@color-gray95: #f2f2f2;
+@color-white-smoke: #f5f5f5;
+
+@color-gray-light0: #f6f6f6;
+@color-gray-light01: #f4f4f4;
+@color-gray-light1: #e5efe5;
+@color-gray-light2: #bbb;
+@color-gray-light3: #aeaeae;
+@color-gray-light4: #cecece;
+@color-gray-light5: #c1c1c1;
+@color-gray-light6: #c5c5c5;
+
+@color-gray-middle1: #e4e4e4;
+@color-gray-middle2: #c6c6c6;
+@color-gray-middle3: #7e807e;
+
+@color-gray-darken0: #eee;
+@color-gray-darken1: #e2e2e2;
+@color-gray-darken2: #cdcdcd;
+@color-gray-darken3: #555;
+@color-gray-darken4: #494949;
+
+@color-red9: #ff0101;
+@color-red10: #e02b27;
+@color-red11: #b30000;
+@color-red12: #d10029;
+
+@color-orange-red1: #ff5501;
+@color-orange-red2: #ff5601;
+@color-orange-red3: #ff5700;
+@color-orange-red4: #fc5e10;
+
+@color-dark-green1: #006400;
+
+@color-blue1: #1979c3;
+@color-blue2: #006bb4;
+@color-sky-blue1: #68a8e0;
+
+@color-pink1: #fae5e5;
+@color-dark-pink1: #800080;
+
+@color-brownie1: #6f4400;
+@color-brownie-light1: #c07600;
+
+@color-yellow-light1: #fdf0d5;
+@color-yellow-light2: #ffee9c;
+@color-yellow-light3: #d6ca8e;
+
+//
+//  Color nesting
+//  ---------------------------------------------
+
+@primary__color: @color-gray20;
+@primary__color__dark: darken(@primary__color, 35%); // #000
+@primary__color__darker: darken(@primary__color, 13.5%); // #111
+@primary__color__lighter: lighten(@primary__color, 29%); // #7d7d7d
+@primary__color__light: lighten(@primary__color, 45%); // #a6a6a6
+
+@secondary__color: @color-gray91;
+@secondary__color__light: lighten(@secondary__color, 5%);
+
+@page__background-color: @color-white;
+@panel__background-color: darken(@page__background-color, 6%);
+
+@active__color: @color-orange-red1;
+@error__color: @color-red10;
diff --git a/lib/web/css/source/lib/variables/_dropdowns.less b/lib/web/css/source/lib/variables/_dropdowns.less
new file mode 100644
index 0000000000000..6bf175a76b9d4
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_dropdowns.less
@@ -0,0 +1,99 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Dropdowns variables
+//  _____________________________________________
+
+//
+//  Variables simple dropdown
+//  ---------------------------------------------
+
+@dropdown-actions__padding: false;
+
+@dropdown-list__min-width: 100%;
+@dropdown-list__width: false;
+@dropdown-list__height: false;
+@dropdown-list__margin-top: 4px;
+@dropdown-list__position-top: 100%;
+@dropdown-list__position-right: false;
+@dropdown-list__position-bottom: false;
+@dropdown-list__position-left: false;
+@dropdown-list__pointer: true; // [true|false]
+@dropdown-list__background: @color-white;
+@dropdown-list__border: 1px solid @color-gray-light2;
+@dropdown-list__shadow: 0 3px 3px rgba(0,0,0,.15); // [''|none|value]
+@dropdown-list__z-index: 100;
+
+@dropdown-list-pointer__border: @color-gray-light2;
+@dropdown-list-pointer__position: left; // [left|right]
+@dropdown-list-pointer__position-top: -12px;
+@dropdown-list-pointer__position-left-right: 10px;
+
+@dropdown-list-item__border: 0;
+@dropdown-list-item__padding: 3px @indent__xs;
+@dropdown-list-item__margin: 0;
+@dropdown-list-item__hover: @color-gray91;
+
+@dropdown-toggle-icon__content: @icon-pointer-down;
+@dropdown-toggle-icon__font: @button-icon__font;
+@dropdown-toggle-icon__font-size: @button-icon__font-size;
+@dropdown-toggle-icon__font-line-height: @button-icon__line-height;
+@dropdown-toggle-icon__font-color: @button-icon__color;
+@dropdown-toggle-icon__font-color-hover: @button-icon__hover__font-color;
+@dropdown-toggle-icon__font-color-active: @button-icon__active__font-color;
+@dropdown-toggle-icon__font-margin: @button-icon__margin;
+@dropdown-toggle-icon__position: after;
+@dropdown-toggle-icon__font-vertical-align: @button-icon__vertical-align;
+@dropdown-toggle-icon__text-hide: @button-icon__text-hide;
+
+@dropdown-toggle-icon__active__content: @icon-pointer-up;
+
+//
+//  Variables split dropdown
+//  ---------------------------------------------
+
+@dropdown-split-actions__padding: 0 @indent__xs;
+@dropdown-split-toggle__actions__padding: 4px @indent__xs;
+@dropdown-split-button__actions__padding: false;
+@dropdown-split-toggle__position: right;
+
+@dropdown-split-list__min-width: @dropdown-list__min-width;
+@dropdown-split-list__width: @dropdown-list__width;
+@dropdown-split-list__height: @dropdown-list__height;
+@dropdown-split-list__margin-top: @dropdown-list__margin-top;
+@dropdown-split-list__position-top: @dropdown-list__position-top;
+@dropdown-split-list__position-right: @dropdown-list__position-right;
+@dropdown-split-list__position-bottom: @dropdown-list__position-bottom;
+@dropdown-split-list__position-left: @dropdown-list__position-left;
+@dropdown-split-list__background: @dropdown-list__background;
+@dropdown-split-list__border: @dropdown-list__border;
+@dropdown-split-list__pointer: @dropdown-list__pointer;
+@dropdown-split-list__pointer-border: @dropdown-list-pointer__border;
+@dropdown-split-list__pointer-position: @dropdown-split-toggle__position;
+@dropdown-split-list__pointer-position-top: @dropdown-list-pointer__position-top;
+@dropdown-split-list__pointer-position-left-right: @dropdown-list-pointer__position-left-right;
+@dropdown-split-list__item-border: @dropdown-list-item__border;
+@dropdown-split-list__item-padding: @dropdown-list-item__padding;
+@dropdown-split-list__item-margin: @dropdown-list-item__margin;
+@dropdown-split-list__item-hover: @dropdown-list-item__hover;
+
+@dropdown-split-button__border-radius-fix: false;
+@dropdown-split-list__shadow: @dropdown-list__shadow; // [''|none|value]
+@dropdown-split-list__z-index: @dropdown-list__z-index;
+
+@dropdown-split-toggle-icon__content: @dropdown-toggle-icon__content;
+@dropdown-split-toggle-icon__font: @button-icon__font;
+@dropdown-split-toggle-icon__font-size: @button-icon__font-size;
+@dropdown-split-toggle-icon__font-line-height: @button-icon__line-height;
+@dropdown-split-toggle-icon__font-color: @button-icon__color;
+@dropdown-split-toggle-icon__font-color-hover: @button-icon__hover__font-color;
+@dropdown-split-toggle-icon__font-color-active: @button-icon__active__font-color;
+@dropdown-split-toggle-icon__font-margin: @button-icon__margin;
+@dropdown-split-toggle-icon__font-vertical-align: @button-icon__vertical-align;
+@dropdown-split-toggle-icon__position: @dropdown-toggle-icon__position;
+@dropdown-split-toggle-icon__text-hide: true; // [true|false]
+
+@dropdown-split-toggle-icon__active__content: @dropdown-toggle-icon__active__content;
diff --git a/lib/web/css/source/lib/variables/_forms.less b/lib/web/css/source/lib/variables/_forms.less
new file mode 100644
index 0000000000000..2d0753010201e
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_forms.less
@@ -0,0 +1,315 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Form variables
+//  _____________________________________________
+
+//
+//  Form elements inputs default variables
+//  ---------------------------------------------
+
+@form-element-input-type: ''; // [input-text|select|textarea|input-radio|input-checkbox]
+@form-element-input__background: @color-white;
+@form-element-input__border-color: @color-gray76;
+@form-element-input__border: 1px solid @form-element-input__border-color;
+@form-element-input__border-radius: 1px;
+@form-element-input__height: 32px;
+@form-element-input__width: 100%;
+@form-element-input__margin: false;
+@form-element-input__padding: 0 9px;
+@form-element-input__vertical-align: baseline;
+@form-element-input__background-clip: padding-box; // [border-box|content-box|padding-box]
+@form-element-input__font-size: @font-size__base;
+@form-element-input__color: false;
+@form-element-input__font-family: @font-family__base;
+@form-element-input__font-weight: false;
+@form-element-input__font-style: false;
+@form-element-input__line-height: @line-height__base;
+
+//  Placeholder
+@form-element-input-placeholder__color: @color-gray76;
+@form-element-input-placeholder__font-style: @form-element-input__font-style;
+
+//  Disabled state
+@form-element-input__disabled__background: @form-element-input__background;
+@form-element-input__disabled__border: @form-element-input__border;
+@form-element-input__disabled__opacity: .5;
+@form-element-input__disabled__color: @form-element-input__color;
+@form-element-input__disabled__font-style: @form-element-input__font-style;
+
+//  Focus state
+@form-element-input__focus__background: @form-element-input__background;
+@form-element-input__focus__border: @form-element-input__border;
+@form-element-input__focus__color: @form-element-input__color;
+@form-element-input__focus__font-style: @form-element-input__font-style;
+
+//  Form elements choice default variables
+@form-element-choice__type: ''; // [radio|checkbox]
+@form-element-choice__vertical-align: false;
+@form-element-choice__margin: 2px @indent__xs 0 0;
+@form-element-choice__disabled__opacity: @form-element-input__disabled__opacity;
+
+//
+//  Input-text
+//  ---------------------------------------------
+
+@input-text__background: @form-element-input__background;
+@input-text__border: @form-element-input__border;
+@input-text__border-radius: @form-element-input__border-radius;
+@input-text__height: @form-element-input__height;
+@input-text__width: @form-element-input__width;
+@input-text__margin: @form-element-input__margin;
+@input-text__padding: @form-element-input__padding;
+@input-text__vertical-align: @form-element-input__vertical-align;
+@input-text__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box]
+@input-text__font-size: @form-element-input__font-size;
+@input-text__color: @form-element-input__color;
+@input-text__font-family: @form-element-input__font-family;
+@input-text__font-weight: @form-element-input__font-weight;
+@input-text__font-style: @form-element-input__font-style;
+@input-text__line-height: @form-element-input__line-height;
+
+//  Placeholder
+@input-text-placeholder__color: @form-element-input-placeholder__color;
+@input-text-placeholder__font-style: @form-element-input-placeholder__font-style;
+
+//  Disabled state
+@input-text__disabled__background: @form-element-input__disabled__background;
+@input-text__disabled__border: @form-element-input__disabled__border;
+@input-text__disabled__opacity: @form-element-input__disabled__opacity;
+@input-text__disabled__color: @form-element-input__disabled__color;
+@input-text__disabled__font-style: @form-element-input__disabled__font-style;
+
+//  Focus state
+@input-text__focus__background: @form-element-input__focus__background;
+@input-text__focus__border: @form-element-input__focus__border;
+@input-text__focus__color: @form-element-input__focus__color;
+@input-text__focus__font-style: @form-element-input__focus__font-style;
+
+//
+//  Select
+//  ---------------------------------------------
+
+@select__background: @form-element-input__background;
+@select__border: @form-element-input__border;
+@select__border-radius: @form-element-input__border-radius;
+@select__height: @form-element-input__height;
+@select__width: @form-element-input__width;
+@select__margin: @form-element-input__margin;
+@select__padding: @indent__xs @indent__s 4px;
+@select__vertical-align: @form-element-input__vertical-align;
+@select__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box]
+@select__font-size: @form-element-input__font-size;
+@select__color: @form-element-input__color;
+@select__font-family: @form-element-input__font-family;
+@select__font-weight: @form-element-input__font-weight;
+@select__font-style: @form-element-input__font-style;
+@select__line-height: @form-element-input__line-height;
+
+//  Placeholder
+@select-placeholder__color: false;
+@select-placeholder__font-style: false;
+
+//  Disabled state
+@select__disabled__background: @form-element-input__disabled__background;
+@select__disabled__border: @form-element-input__disabled__border;
+@select__disabled__opacity: @form-element-input__disabled__opacity;
+@select__disabled__color: @form-element-input__disabled__color;
+@select__disabled__font-style: @form-element-input__disabled__font-style;
+
+//  Focus state
+@select__focus__background: @form-element-input__focus__background;
+@select__focus__border: @form-element-input__focus__border;
+@select__focus__color: @form-element-input__focus__color;
+@select__focus__font-style: @form-element-input__focus__font-style;
+
+//
+//  Textarea
+//  ---------------------------------------------
+
+@textarea__background: @form-element-input__background;
+@textarea__border: @form-element-input__border;
+@textarea__border-radius: @form-element-input__border-radius;
+@textarea__height: auto;
+@textarea__width: @form-element-input__width;
+@textarea__padding: @indent__s;
+@textarea__margin: 0;
+@textarea__vertical-align: @form-element-input__vertical-align;
+@textarea__background-clip: @form-element-input__background-clip; // [border-box|content-box|padding-box]
+@textarea__font-size: @form-element-input__font-size;
+@textarea__color: @form-element-input__color;
+@textarea__font-family: @form-element-input__font-family;
+@textarea__font-weight: @form-element-input__font-weight;
+@textarea__font-style: @form-element-input__font-style;
+@textarea__line-height: @form-element-input__line-height;
+@textarea__resize: vertical; // [none|both|horizontal|vertical|inherit]
+
+//  Placeholder
+@textarea-placeholder__color: @form-element-input-placeholder__color;
+@textarea-placeholder__font-style: @form-element-input-placeholder__font-style;
+
+//  Disabled state
+@textarea__disabled__background: @form-element-input__disabled__background;
+@textarea__disabled__border: @form-element-input__disabled__border;
+@textarea__disabled__opacity: @form-element-input__disabled__opacity;
+@textarea__disabled__color: @form-element-input__disabled__color;
+@textarea__disabled__font-style: @form-element-input__disabled__font-style;
+
+//  Focus state
+@textarea__focus__background: @form-element-input__focus__background;
+@textarea__focus__border: @form-element-input__focus__border;
+@textarea__focus__color: @form-element-input__focus__color;
+@textarea__focus__font-style: @form-element-input__focus__font-style;
+
+//
+//  Radio
+//  ---------------------------------------------
+
+@input-radio__vertical-align: @form-element-choice__vertical-align;
+@input-radio__margin: @form-element-choice__margin;
+
+@input-radio__disabled__opacity: @form-element-choice__disabled__opacity;
+
+//
+//  Checkbox
+//  ---------------------------------------------
+
+@input-checkbox__vertical-align: @form-element-choice__vertical-align;
+@input-checkbox__margin: @form-element-choice__margin;
+
+@input-checkbox__disabled__opacity: @form-element-choice__disabled__opacity;
+
+//
+//  Validation
+//  ---------------------------------------------
+
+@form-validation-note__color-error: @error__color;
+@form-validation-note__font-size: @font-size__s;
+@form-validation-note__font-family: false;
+@form-validation-note__font-style: false;
+@form-validation-note__font-weight: false;
+@form-validation-note__line-height: false;
+@form-validation-note__margin: 3px 0 0;
+@form-validation-note__padding: false;
+
+@form-validation-note-icon__use: false;
+@form-validation-note-icon__font-content: @icon-pointer-up;
+@form-validation-note-icon__font: @icon-font;
+@form-validation-note-icon__font-size: @form-validation-note__font-size * 2;
+@form-validation-note-icon__font-line-height: @form-validation-note__font-size;
+@form-validation-note-icon__font-color: @form-validation-note__color-error;
+@form-validation-note-icon__font-color-hover: false;
+@form-validation-note-icon__font-color-active: false;
+@form-validation-note-icon__font-margin: false;
+@form-validation-note-icon__font-vertical-align: @icon-font__vertical-align;
+@form-validation-note-icon__font-position: @icon-font__position;
+@form-validation-note-icon__font-text-hide: @icon-font__text-hide;
+
+@form-element-validation__color-error: false;
+@form-element-validation__color-valid: false;
+@form-element-validation__border-error: lighten(@form-validation-note__color-error, 20%);
+@form-element-validation__border-valid: false;
+@form-element-validation__background-error: false;
+@form-element-validation__background-valid: false;
+
+//
+//  Fieldset
+//  ---------------------------------------------
+
+@form-fieldset__border: 0;
+@form-fieldset__margin: 0 0 @indent__xl;
+@form-fieldset__padding: 0;
+@form-fieldset-legend__color: false;
+@form-fieldset-legend__font-size: 20px;
+@form-fieldset-legend__font-family: false;
+@form-fieldset-legend__font-weight: false;
+@form-fieldset-legend__font-style: false;
+@form-fieldset-legend__line-height: 1.2;
+@form-fieldset-legend__margin: 0 0 @indent__m;
+@form-fieldset-legend__padding: 0;
+@form-fieldset-legend__width: false;
+
+//
+//  Field
+//  ---------------------------------------------
+
+@form-field-type: block; // [inline|block]
+@form-field-type-revert: inline; // [inline|block|false]
+@form-field__border: false;
+@form-field__vertical-indent: @indent__base;
+@form-field__additional-vertical-indent: @form-field__vertical-indent/2;
+@form-field-type-block__margin: 0 0 @form-field__vertical-indent;
+@form-field-type-inline__margin: 0 0 @form-field__vertical-indent;
+
+@form-field-column: false;
+@form-field-column__padding: 0 12px 0 0;
+@form-field-column__number: 2;
+
+//  Form field label
+@form-field-label__align: false;
+@form-field-label__color: false;
+@form-field-label__font-size: false;
+@form-field-label__font-family: false;
+@form-field-label__font-weight: @font-weight__bold;
+@form-field-label__font-style: false;
+@form-field-label__line-height: false;
+
+@form-field-type-label-inline__margin: false;
+@form-field-type-label-inline__padding-top: 6px;
+@form-field-type-label-inline__padding: @form-field-type-label-inline__padding-top 15px 0 0;
+@form-field-type-label-inline__width: 25.8%;
+@form-field-type-label-inline__align: right;
+
+@form-field-type-label-block__margin: 0 0 @indent__xs;
+@form-field-type-label-block__padding: false;
+@form-field-type-label-block__align: @form-field-label__align;
+
+//  Form field control
+@form-field-type-control-inline__width: 74.2%;
+
+//  Form field label asterisk
+@form-field-label-asterisk__color: @color-red10;
+@form-field-label-asterisk__font-size: @font-size__s;
+@form-field-label-asterisk__font-family: false;
+@form-field-label-asterisk__font-weight: false;
+@form-field-label-asterisk__font-style: false;
+@form-field-label-asterisk__line-height: false;
+@form-field-label-asterisk__margin: 0 0 0 @indent__xs;
+
+//  Form field note
+@form-field-note__color: false;
+@form-field-note__font-size: @font-size__s;
+@form-field-note__font-family: false;
+@form-field-note__font-weight: false;
+@form-field-note__font-style: false;
+@form-field-note__line-height: false;
+@form-field-note__margin: 3px 0 0;
+@form-field-note__padding: 0;
+
+//  Form field note icon
+@form-field-note-icon-font: @icon-font;
+@form-field-note-icon-font__content: @icon-pointer-up;
+@form-field-note-icon-font__size: @form-field-note__font-size * 2;
+@form-field-note-icon-font__line-height: @form-field-note__font-size;
+@form-field-note-icon-font__color: @form-field-note__color;
+@form-field-note-icon-font__color-hover: false;
+@form-field-note-icon-font__color-active: false;
+@form-field-note-icon-font__margin: false;
+@form-field-note-icon-font__vertical-align: @icon-font__vertical-align;
+@form-field-note-icon-font__position: @icon-font__position;
+@form-field-note-icon-font__text-hide: @icon-font__text-hide;
+
+//  Hasrequired
+@form-hasrequired__position: top; // [top|bottom]
+@form-hasrequired__color: @form-field-label-asterisk__color;
+@form-hasrequired__font-size: @font-size__s;
+@form-hasrequired__font-family: false;
+@form-hasrequired__font-weight: false;
+@form-hasrequired__font-style: false;
+@form-hasrequired__line-height: false;
+@form-hasrequired__border: false;
+@form-hasrequired__margin: @indent__s 0 0;
+@form-hasrequired__padding: false;
diff --git a/lib/web/css/source/lib/variables/_icons.less b/lib/web/css/source/lib/variables/_icons.less
new file mode 100644
index 0000000000000..5b6cd989881c1
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_icons.less
@@ -0,0 +1,80 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Icons variables
+//  _____________________________________________
+
+@icon__position: before;
+@icon__text-hide: false;
+@icon__height: 26px;
+@icon__width: 26px;
+@icon__margin: '';
+@icon__vertical-align: middle;
+
+@icon-image__position-x: 0;
+@icon-image__position-y: 0;
+
+@icon-sprite__position-x: 0;
+@icon-sprite__position-y: 0;
+@icon-sprite__grid: 26px;
+
+@icon-font: @icons__font-name;
+@icon-font__position: @icon__position;
+@icon-font__text-hide: @icon__text-hide;
+@icon-font__margin: @icon__margin;
+@icon-font__size: inherit;
+@icon-font__line-height: @icon-font__size;
+@icon-font__color: inherit;
+@icon-font__color-hover: false;
+@icon-font__color-active: false;
+@icon-font__vertical-align: @icon__vertical-align;
+@icon-font__display: inline-block;
+
+//
+//  Variables for icons-blank-theme
+//  ---------------------------------------------
+
+// ToDo UI: move it to blank theme variables
+@icon-wishlist-full: '\e600';
+@icon-wishlist-empty: '\e601';
+@icon-warning: '\e602';
+@icon-update: '\e603';
+@icon-trash: '\e604';
+@icon-star: '\e605';
+@icon-settings: '\e606';
+@icon-pointer-down: '\e607';
+@icon-next: '\e608';
+@icon-menu: '\e609';
+@icon-location: '\e60a';
+@icon-list: '\e60b';
+@icon-info: '\e60c';
+@icon-grid: '\e60d';
+@icon-comment-reflected: '\e60e';
+@icon-collapse: '\e60f';
+@icon-checkmark: '\e610';
+@icon-cart: '\e611';
+@icon-calendar: '\e612';
+@icon-arrow-up: '\e613';
+@icon-arrow-down: '\e614';
+@icon-search: '\e615';
+@icon-remove: '\e616';
+@icon-prev: '\e617';
+@icon-pointer-up: '\e618';
+@icon-pointer-right: '\e619';
+@icon-pointer-left: '\e61a';
+@icon-flag: '\e61b';
+@icon-expand: '\e61c';
+@icon-envelope: '\e61d';
+@icon-compare-full: '\e61e';
+@icon-compare-empty: '\e61f';
+@icon-comment: '\e620';
+@icon-up: '\e621';
+@icon-down: '\e622';
+@icon-arrow-up-thin: '\e623';
+@icon-arrow-right-thin: '\e624';
+@icon-arrow-left-thin: '\e625';
+@icon-arrow-down-thin: '\e626';
+@icon-account: '\e627';
diff --git a/lib/web/css/source/lib/variables/_layout.less b/lib/web/css/source/lib/variables/_layout.less
new file mode 100644
index 0000000000000..9e72c0a431d4c
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_layout.less
@@ -0,0 +1,40 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Layout variables
+//  _____________________________________________
+
+//  Widths
+@layout__width: ''; // for the fixed width layout
+@layout__max-width: 1280px;
+@layout-indent__width: 20px;
+@layout__width-xs-indent: 15px;
+
+//  Classnames defining different layouts
+@layout-class-1column: page-layout-1column;
+@layout-class-2columns__left: page-layout-2columns-left;
+@layout-class-2columns__right: page-layout-2columns-right;
+@layout-class-3columns: page-layout-3columns;
+
+//  Variables used for layout grid
+@total-columns: 12;
+@gutter-width: 0;
+
+//  Variables for layout columns
+@layout-column__width: @total-columns;
+@layout-column__sidebar-width: 2;
+@layout-column__left-width: @layout-column__sidebar-width;
+@layout-column__right-width: @layout-column__sidebar-width;
+
+//  Variables for layout columns depending on layout used
+@layout-column-main__width-1: 100%;
+@layout-column-main__width-2-left: @layout-column__width - @layout-column__left-width;
+@layout-column-main__width-2-right: @layout-column__width - @layout-column__right-width;
+@layout-column-main__width-3: @layout-column__width - @layout-column__left-width - @layout-column__right-width;
+
+//  Checkout columns width
+@layout-column-checkout__width-left: 3;
+@layout-column-checkout__width-main: @layout-column__width - @layout-column-checkout__width-left;
diff --git a/lib/web/css/source/lib/variables/_loaders.less b/lib/web/css/source/lib/variables/_loaders.less
new file mode 100644
index 0000000000000..463c270d4e550
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_loaders.less
@@ -0,0 +1,30 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Loader variables
+//  _____________________________________________
+
+@loader-overlay__background-color: rgba(255, 255, 255, .5);
+@loader-overlay__z-index: 9999;
+
+@loader-icon__width: 160px;
+@loader-icon__height: 160px;
+@loader-icon__background-color: transparent;
+@loader-icon__background-image: url('@{baseDir}images/loader-2.gif');
+@loader-icon__background-position: 50% 50%;
+@loader-icon__border-radius: 5px;
+@loader-icon__padding: '';
+
+@loader-text: false;
+@loader-text__color: @primary__color;
+@loader-text__font-size: @font-size__base;
+@loader-text__font-family: @font-family__base;
+@loader-text__font-weight: @font-weight__regular;
+@loader-text__font-style: @font-style__base;
+@loader-text__padding: 130px 0 0;
+
+@loading__background-color: @loader-overlay__background-color;
+@loading__background-image: @loader-icon__background-image;
diff --git a/lib/web/css/source/lib/variables/_messages.less b/lib/web/css/source/lib/variables/_messages.less
new file mode 100644
index 0000000000000..38d7bbec9b642
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_messages.less
@@ -0,0 +1,123 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Messages variables
+//  _____________________________________________
+
+@message__padding: @indent__s @indent__base;
+@message__margin: 0 0 @indent__s;
+
+@message__color: false; // Each message type has its own message color
+@message__font-size: 13px;
+@message__font-family: false;
+@message__font-style: false;
+@message__font-weight: false;
+@message__line-height: 1.2em;
+
+@message-icon__font-size: ceil(@message__font-size * 2 + 2);
+@message-icon__font-line-height: @message-icon__font-size;
+@message-icon__inner-padding-left: 40px;
+@message-icon__lateral-width: 30px;
+@message-icon__lateral-arrow-size: 5px;
+@message-icon__top: 18px;
+@message-icon__right: false;
+@message-icon__bottom: false;
+@message-icon__left: 0;
+
+@message__border-width: false;
+@message__border-color: false;
+@message__border-style: false;
+@message__border-radius: false;
+
+//  Information message
+@message-info__color: @color-brownie1;
+@message-info__background: @color-yellow-light1;
+@message-info__border-color: @message__border-color;
+
+@message-info-link__color: @link__color;
+@message-info-link__color-hover: @link__hover__color;
+@message-info-link__color-active: @link__hover__color;
+
+@message-info-icon: @icon-warning;
+@message-info-icon__color-inner: @color-brownie-light1;
+@message-info-icon__color-lateral: @color-white;
+@message-info-icon__background: @color-brownie1;
+@message-info-icon__top: @message-icon__top;
+@message-info-icon__right: @message-icon__right;
+@message-info-icon__bottom: @message-icon__bottom;
+@message-info-icon__left: @message-icon__left;
+
+//  Warning message
+@message-warning__color: @message-info__color;
+@message-warning__background: @message-info__background;
+@message-warning__border-color: @message-info__border-color;
+
+@message-warning-link__color: @message-info-link__color;
+@message-warning-link__color-hover: @message-info-link__color-hover;
+@message-warning-link__color-active: @message-info-link__color-active;
+
+@message-warning-icon: @message-info-icon;
+@message-warning-icon__color-inner: @message-info-icon__color-inner;
+@message-warning-icon__color-lateral: @message-info-icon__color-lateral;
+@message-warning-icon__background: @message-info-icon__background;
+@message-warning-icon__top: @message-icon__top;
+@message-warning-icon__right: @message-icon__right;
+@message-warning-icon__bottom: @message-icon__bottom;
+@message-warning-icon__left: @message-icon__left;
+
+//  Error message
+@message-error__color: @error__color;
+@message-error__background: @color-pink1;
+@message-error__border-color: @message__border-color;
+
+@message-error-link__color: @link__color;
+@message-error-link__color-hover: @link__hover__color;
+@message-error-link__color-active: @link__hover__color;
+
+@message-error-icon: @icon-warning;
+@message-error-icon__color-inner: @color-red11;
+@message-error-icon__color-lateral: @color-white;
+@message-error-icon__background: @color-red11;
+@message-error-icon__top: @message-icon__top;
+@message-error-icon__right: @message-icon__right;
+@message-error-icon__bottom: @message-icon__bottom;
+@message-error-icon__left: @message-icon__left;
+
+//  Success message
+@message-success__color: @color-dark-green1;
+@message-success__background: @color-gray-light1;
+@message-success__border-color: @message__border-color;
+
+@message-success-link__color: @link__color;
+@message-success-link__color-hover: @link__hover__color;
+@message-success-link__color-active: @link__hover__color;
+
+@message-success-icon: @icon-checkmark;
+@message-success-icon__color-inner: @color-dark-green1;
+@message-success-icon__color-lateral: @color-white;
+@message-success-icon__background: @color-dark-green1;
+@message-success-icon__top: @message-icon__top;
+@message-success-icon__right: @message-icon__right;
+@message-success-icon__bottom: @message-icon__bottom;
+@message-success-icon__left: @message-icon__left;
+
+//  Notice message
+@message-notice__color: @message-info__color;
+@message-notice__background: @message-info__background;
+@message-notice__border-color: @message-info__border-color;
+
+@message-notice-link__color: @message-info-link__color;
+@message-notice-link__color-hover: @message-info-link__color-hover;
+@message-notice-link__color-active: @message-info-link__color-active;
+
+@message-notice-icon: @message-info-icon;
+@message-notice-icon__color-inner: @message-info-icon__color-inner;
+@message-notice-icon__color-lateral: @message-info-icon__color-lateral;
+@message-notice-icon__background: @message-info-icon__background;
+@message-notice-icon__top: @message-icon__top;
+@message-notice-icon__right: @message-icon__right;
+@message-notice-icon__bottom: @message-icon__bottom;
+@message-notice-icon__left: @message-icon__left;
diff --git a/lib/web/css/source/lib/variables/_navigation.less b/lib/web/css/source/lib/variables/_navigation.less
new file mode 100644
index 0000000000000..e3013bc9b9471
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_navigation.less
@@ -0,0 +1,103 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Navigation variables
+//  _____________________________________________
+
+@navigation__background: @secondary__color__light;
+@navigation__border: '';
+
+@navigation-level0-item__font-size: 16;
+@navigation-level0-item__font-weight: @font-weight__bold;
+@navigation-level0-item__line-height: false;
+@navigation-level0-item__margin: 0;
+@navigation-level0-item__padding: 8px @indent__base;
+@navigation-level0-item__text-transform: uppercase;
+
+@navigation-level0-item__background: '';
+@navigation-level0-item__border: 1px solid @color-gray82;
+@navigation-level0-item__color: @color-gray34;
+@navigation-level0-item__text-decoration: none;
+
+@navigation-level0-item__active__background: '';
+@navigation-level0-item__active__border: '';
+@navigation-level0-item__active__color: '';
+@navigation-level0-item__active__text-decoration: '';
+
+@submenu__background: '';
+@submenu__border: '';
+@submenu__padding: 0 0 0 @indent__base;
+@submenu__font-size: '';
+@submenu__font-weight: @font-weight__regular;
+
+@submenu-item__padding: 8px 0;
+@submenu-item__background: '';
+@submenu-item__border: '';
+@submenu-item__color: @color-gray34;
+@submenu-item__text-decoration: '';
+
+@submenu-item__active__background: '';
+@submenu-item__active__border: '';
+@submenu-item__active__color: '';
+@submenu-item__active__text-decoration: '';
+
+//
+//  Desktop navigation
+//  ---------------------------------------------
+
+@navigation-desktop__background: @navigation__background;
+@navigation-desktop__border: '';
+@navigation-desktop__font-size: '';
+@navigation-desktop__font-weight: @font-weight__bold;
+
+@navigation-desktop-level0-item__line-height: 53px;
+@navigation-desktop-level0-item__margin: 0 @indent__s 0 0;
+@navigation-desktop-level0-item__padding: 0 12px;
+
+@navigation-desktop-level0-item__background: '';
+@navigation-desktop-level0-item__border: '';
+@navigation-desktop-level0-item__color: @color-gray34;
+@navigation-desktop-level0-item__text-decoration: none;
+
+@navigation-desktop-level0-item__hover__background: '';
+@navigation-desktop-level0-item__hover__border: '';
+@navigation-desktop-level0-item__hover__color: @primary__color;
+@navigation-desktop-level0-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration;
+
+@navigation-desktop-level0-item__active__background: '';
+@navigation-desktop-level0-item__active__border: '';
+@navigation-desktop-level0-item__active__color: @navigation-desktop-level0-item__hover__color;
+@navigation-desktop-level0-item__active__text-decoration: @navigation-desktop-level0-item__text-decoration;
+
+@submenu-desktop__background: @page__background-color;
+@submenu-desktop__border-width: @border-width__base;
+@submenu-desktop__border-style: solid;
+@submenu-desktop__border-color: @border-color__base;
+@submenu-desktop__box-shadow: 0 @indent__xs @indent__xs rgba(0, 0, 0, .19);
+@submenu-desktop__font-size: '';
+@submenu-desktop__font-weight: @font-weight__bold;
+@submenu-desktop__min-width: 230px;
+@submenu-desktop__padding: 15px 0;
+
+@submenu-desktop-arrow: true; // [true|false]
+@submenu-desktop-arrow__size: 10px;
+@submenu-desktop-arrow__left: 20px;
+
+@submenu-desktop-item__padding: 8px @indent__base;
+@submenu-desktop-item__background: '';
+@submenu-desktop-item__border: '';
+@submenu-desktop-item__color: @navigation-desktop-level0-item__color;
+@submenu-desktop-item__text-decoration: '';
+
+@submenu-desktop-item__hover__background: @secondary__color;
+@submenu-desktop-item__hover__border: '';
+@submenu-desktop-item__hover__color: @navigation-desktop-level0-item__hover__color;
+@submenu-desktop-item__hover__text-decoration: @navigation-desktop-level0-item__text-decoration;
+
+@submenu-desktop-item__active__background: '';
+@submenu-desktop-item__active__border: '';
+@submenu-desktop-item__active__color: '';
+@submenu-desktop-item__active__text-decoration: '';
diff --git a/lib/web/css/source/lib/variables/_pages.less b/lib/web/css/source/lib/variables/_pages.less
new file mode 100644
index 0000000000000..69204fd88c125
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_pages.less
@@ -0,0 +1,111 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Pager variables
+//  _____________________________________________
+
+@pager-label__display: none;
+@pager-reset-spaces: true;  // Reset spaces between inline-block elements
+
+@pager__font-size: @font-size__s;
+@pager__font-weight: @font-weight__bold;
+@pager__line-height: 32px;
+
+@pager-item__display: inline-block;
+@pager-item__margin: 0 2px 0 0;
+@pager-item__padding: 0 4px;
+
+@pager-actions__padding: 0;
+
+//  Pager current page
+@pager-current__font-weight: @font-weight__bold;
+@pager-current__color: @primary__color;
+@pager-current__border: false;
+@pager-current__background: false;
+@pager-current__gradient: false;
+@pager-current__gradient-direction: false;
+@pager-current__gradient-color-start: false;
+@pager-current__gradient-color-end: false;
+
+//  Pager link page
+@pager__gradient: false;
+@pager__gradient-direction: false;
+
+//  Pager link default
+@pager__color: @link__color;
+@pager__border: false;
+@pager__text-decoration: none;
+@pager__background: false;
+@pager__gradient-color-start: false;
+@pager__gradient-color-end: false;
+
+//  Pager link visited
+@pager__visited__color: @link__visited__color;
+@pager__visited__border: false;
+@pager__visited__background: false;
+@pager__visited__gradient-color-start: false;
+@pager__visited__gradient-color-end: false;
+
+//  Pager link hover
+@pager__hover__color: @link__hover__color;
+@pager__hover__border: false;
+@pager__hover__text-decoration: none;
+@pager__hover__background: false;
+@pager__hover__gradient-color-start: false;
+@pager__hover__gradient-color-end: false;
+
+//  Pager link active
+@pager__active__color: @link__active__color;
+@pager__active__border: false;
+@pager__active__background: false;
+@pager__active__gradient-color-start: false;
+@pager__active__gradient-color-end: false;
+
+//  Pager link.action
+@pager-icon__use: true;
+@pager-icon__previous-content: @icon-prev;
+@pager-icon__next-content: @icon-next;
+@pager-icon__text-hide: true;
+@pager-icon__position: before;
+@pager-icon__font: @icon-font;
+@pager-icon__font-margin: 0 0 0 -6px;
+@pager-icon__font-vertical-align: top;
+@pager-icon__font-size: 46px;
+@pager-icon__font-line-height: @icon-font__line-height;
+
+//  Pager link.action gradient: element has a gradient background
+@pager-action__gradient: false; // [true|false]
+@pager-action__gradient-direction: false; // [true|false]
+
+//  Pager link.action default
+@pager-action__color: @text__color__muted;
+@pager-action__border: @border-width__base solid @border-color__base;
+@pager-action__text-decoration: @pager__text-decoration;
+@pager-action__background: @pager__background;
+@pager-action__gradient-color-start: false;
+@pager-action__gradient-color-end: false;
+
+//  Pager link.action visited
+@pager-action__visited__color: @pager-action__color;
+@pager-action__visited__border: false;
+@pager-action__visited__background: false;
+@pager-action__visited__gradient-color-start: false;
+@pager-action__visited__gradient-color-end: false;
+
+//  Pager link.action hover
+@pager-action__hover__color: @pager-action__color;
+@pager-action__hover__border: false;
+@pager-action__hover__background: false;
+@pager-action__hover__text-decoration: @pager__hover__text-decoration;
+@pager-action__hover__gradient-color-start: false;
+@pager-action__hover__gradient-color-end: false;
+
+//  Pager link.action active
+@pager-action__active__color: @pager-action__color;
+@pager-action__active__border: false;
+@pager-action__active__background: false;
+@pager-action__active__gradient-color-start: false;
+@pager-action__active__gradient-color-end: false;
diff --git a/lib/web/css/source/lib/variables/_popups.less b/lib/web/css/source/lib/variables/_popups.less
new file mode 100644
index 0000000000000..36e76675063a1
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_popups.less
@@ -0,0 +1,79 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Popup variables
+//  _____________________________________________
+
+@popup__width: auto;
+@popup__height: auto;
+@popup__padding: 22px;
+@popup__background: @color-white;
+@popup__border: 1px solid @color-gray-light3;
+@popup__shadow: 0 3px 3px rgba(0,0,0,.15);
+@popup__fade: opacity .3s linear;
+@popup__z-index: 1001;
+
+@popup__position: fixed;
+@popup__position-top: 0;
+@popup__position-right: 0;
+@popup__position-bottom: 0;
+@popup__position-left: 0;
+
+@popup__margin-top: false;
+@popup__margin-right: false;
+@popup__margin-bottom: false;
+@popup__margin-left: false;
+
+@popup-content__height: auto;
+@popup-content__margin: false;
+@popup-header__margin: 0 0 25px;
+@popup-footer__margin: false;
+
+@popup-title-headings: true; // [true|false]
+@popup-title-headings__level: h3; // [h1|h2|h3|h4|h5|h6]
+
+@popup-button-close__icon: true; // [true|false]
+@popup-button-close__reset: true; // [true|false]
+@popup-button-close__position: absolute;
+@popup-button-close__position-top: @indent__s;
+@popup-button-close__position-right: @indent__s;
+@popup-button-close__position-bottom: false;
+@popup-button-close__position-left: false;
+
+//  Actions toolbar variables
+@popup-actions-toolbar: false; // [true|false]
+@popup-actions-toolbar__margin: @actions-toolbar__margin;
+@popup-actions-toolbar__padding: @actions-toolbar__padding;
+
+@popup-actions-toolbar-actions__position: @actions-toolbar-actions__position;
+@popup-actions-toolbar-actions__reverse: @actions-toolbar-actions__reverse;
+@popup-actions-toolbar-actions__margin: @actions-toolbar-actions__margin;
+@popup-actions-toolbar-actions-primary__margin: @actions-toolbar-actions-primary__margin;
+@popup-actions-toolbar-actions-secondary__margin: @actions-toolbar-actions-secondary__margin;
+
+@popup-actions-toolbar-actions-links__margin-top: @actions-toolbar-actions-links__margin-top;
+@popup-actions-toolbar-actions-links-primary__margin-top: @actions-toolbar-actions-links-primary__margin-top;
+@popup-actions-toolbar-actions-links-secondary__margin-top: @actions-toolbar-actions-links-secondary__margin-top;
+
+//  Popup Icons variables
+@popup-icon-font: @button-icon__font;
+@popup-icon-font__content: @icon-remove;
+@popup-icon-font__size: @button-icon__font-size;
+@popup-icon-font__line-height: @button-icon__line-height;
+@popup-icon-font__color: @button-icon__color;
+@popup-icon-font__color-hover: @button-icon__hover__font-color;
+@popup-icon-font__color-active: @button-icon__active__font-color;
+@popup-icon-font__margin: @button-icon__margin;
+@popup-icon-font__vertical-align: @button-icon__vertical-align;
+@popup-icon-font__position: @button-icon__position;
+@popup-icon-font__text-hide: true;
+
+//  Window overlay variables
+@overlay__background: @color-black;
+@overlay__opacity: .5;
+@overlay__opacity-old: 50;
+@overlay__fade: opacity .15s linear;
+@overlay__z-index: 1000;
diff --git a/lib/web/css/source/lib/variables/_rating.less b/lib/web/css/source/lib/variables/_rating.less
new file mode 100644
index 0000000000000..6a2205ba22e13
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_rating.less
@@ -0,0 +1,19 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Rating variables
+//  _____________________________________________
+
+@rating-icon__count: 5;
+@rating-icon__content: @icon-star;
+@rating-icon__font: @icon-font;
+@rating-icon__font-size: 28px;
+@rating-icon__letter-spacing: -10px;
+@rating-icon__color: @color-gray78;
+
+@rating-icon__active__color: @color-orange-red2;
+
+@rating-label__hide: false;
diff --git a/lib/web/css/source/lib/variables/_responsive.less b/lib/web/css/source/lib/variables/_responsive.less
new file mode 100644
index 0000000000000..7431435170dbc
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_responsive.less
@@ -0,0 +1,18 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Responsive variables
+//  _____________________________________________
+
+@use-flex: true; // Use flexbox [true|false]
+@responsive: true; // Theme is responsive [true|false]
+
+@screen__xxs: 320px;
+@screen__xs: 480px;
+@screen__s: 640px;
+@screen__m: 768px;
+@screen__l: 1024px;
+@screen__xl: 1440px;
diff --git a/lib/web/css/source/lib/variables/_sections.less b/lib/web/css/source/lib/variables/_sections.less
new file mode 100644
index 0000000000000..dedb90941ff3a
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_sections.less
@@ -0,0 +1,89 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Sections variables
+//  _____________________________________________
+
+//
+//  Tabs
+//  ---------------------------------------------
+
+//  Tabs controls
+@tab-control__font-size: @font-size__base;
+@tab-control__font-family: false;
+@tab-control__font-weight: @font-weight__semibold;
+@tab-control__font-style: false;
+@tab-control__line-height: @tab-control__height;
+@tab-control__height__base: @line-height__computed;
+@tab-control__height: @indent__base;
+@tab-control__margin-right: @indent__xs;
+@tab-control__padding-top: @indent__xs;
+@tab-control__padding-right: @indent__base;
+@tab-control__padding-bottom: @tab-control__padding-top;
+@tab-control__padding-left: @tab-control__padding-right;
+@tab-control__border-color: @border-color__base;
+@tab-control__border-width: @border-width__base;
+
+//  Current tab
+@tab-control__background-color: @panel__background-color;
+@tab-control__color: @text__color__muted;
+@tab-control__text-decoration: none;
+
+@tab-control__hover__background-color: lighten(@tab-control__background-color, 5%);
+@tab-control__hover__color: @tab-control__color;
+@tab-control__hover__text-decoration: @tab-control__text-decoration;
+
+@tab-control__active__background-color: lighten(@tab-control__background-color, 15%);
+@tab-control__active__color: @text__color;
+@tab-control__active__text-decoration: @tab-control__text-decoration;
+
+@tab-content__background-color: @tab-control__active__background-color;
+@tab-content__border-top-status: false;
+@tab-content__border: @tab-control__border-width solid @tab-control__border-color;
+@tab-content__margin-top: @tab-control__height + @tab-control__border-width + @tab-control__padding-top + @tab-control__padding-bottom;
+@tab-content__padding-top: @indent__base;
+@tab-content__padding-right: @indent__base;
+@tab-content__padding-bottom: @tab-content__padding-top;
+@tab-content__padding-left: @tab-content__padding-right;
+
+//
+//  Accordions
+//  ---------------------------------------------
+
+@accordion-control__font-family: @tab-control__font-family;
+@accordion-control__font-size: @font-size__l;
+@accordion-control__font-style: @tab-control__font-style;
+@accordion-control__font-weight: @tab-control__font-weight;
+@accordion-control__line-height: @accordion-control__height;
+@accordion-control__border-top: @tab-control__border-width solid @tab-control__border-color;
+@accordion-control__border-right: @tab-control__border-width solid @tab-control__border-color;
+@accordion-control__border-bottom: @tab-control__border-width solid @tab-control__border-color;
+@accordion-control__border-left: @tab-control__border-width solid @tab-control__border-color;
+@accordion-control__background-color: @tab-control__background-color;
+@accordion-control__color: @tab-control__color;
+@accordion-control__text-decoration: @tab-control__text-decoration;
+@accordion-control__height: @indent__xl;
+@accordion-control__margin-bottom: @indent__xs;
+@accordion-control__padding-top: @tab-control__padding-top;
+@accordion-control__padding-right: @indent__base;
+@accordion-control__padding-bottom: @tab-control__padding-bottom;
+@accordion-control__padding-left: @accordion-control__padding-right;
+
+@accordion-control__visited__color: @accordion-control__color;
+@accordion-control__visited__text-decoration: @accordion-control__text-decoration;
+
+@accordion-control__hover__background-color: @tab-control__hover__background-color;
+@accordion-control__hover__color: @tab-control__hover__color;
+@accordion-control__hover__text-decoration: @tab-control__hover__text-decoration;
+
+@accordion-control__active__background-color: @tab-control__active__background-color;
+@accordion-control__active__color: @tab-control__active__color;
+@accordion-control__active__text-decoration: @tab-control__active__text-decoration;
+
+@accordion-content__background-color: @tab-control__active__background-color;
+@accordion-content__border: @tab-content__border;
+@accordion-content__margin: 0 0 @indent__xs;
+@accordion-content__padding: @tab-content__padding-top @tab-content__padding-right @tab-content__padding-bottom @tab-content__padding-left;
diff --git a/lib/web/css/source/lib/variables/_tables.less b/lib/web/css/source/lib/variables/_tables.less
new file mode 100644
index 0000000000000..18f42174a8fa4
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_tables.less
@@ -0,0 +1,55 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Table variables
+//  _____________________________________________
+
+@table__width: 100%;
+@table__margin-bottom: false;
+@table__background-color: false;
+@table__border-color: @border-color__base;
+@table__border-width: @border-width__base;
+@table__border-style: solid;
+
+@table-head__background-color: @table__background-color;
+@table-foot__background-color: @table__background-color;
+@table-body-th__background-color: @table__background-color;
+
+@table-caption__hide: true; // [true|false]
+@table-caption__font-size: false;
+@table-caption__color: false;
+@table-caption__font-family: false;
+@table-caption__font-weight: false;
+@table-caption__font-style: false;
+@table-caption__line-height: false;
+@table-caption__alignment: false;
+@table-caption__margin-top: false;
+@table-caption__margin-bottom: false;
+
+@table-td__background-color: @table__background-color;
+@table-td__font-size: false;
+@table-td__color: false;
+@table-td__font-family: false;
+@table-td__font-weight: false;
+@table-td__line-height: false;
+@table-td__font-style: false;
+
+@table-th__font-size: false;
+@table-th__color: @text__color__intense;
+@table-th__font-family: false;
+@table-th__font-weight: @font-weight__bold;
+@table-th__line-height: false;
+@table-th__font-style: false;
+
+@table-cell__padding-horizontal: @indent__s;
+@table-cell__padding-vertical: 8px;
+@table-cell__hover__background-color: @panel__background-color;
+@table-cell-stripped__background-color: lighten(@table-cell__hover__background-color, 15%);
+@table-cell-stripped__color: @table-td__color;
+
+@table-responsive__background-color: @table__background-color;
+@table-responsive-th__background-color: false;
+@table-responsive-cell__padding: @indent__xs 0;
diff --git a/lib/web/css/source/lib/variables/_tooltips.less b/lib/web/css/source/lib/variables/_tooltips.less
new file mode 100644
index 0000000000000..78ab73bb58b82
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_tooltips.less
@@ -0,0 +1,28 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Tooltips variables
+//  _____________________________________________
+
+@tooltip__background: @color-white;
+@tooltip__border-color: @color-gray-light2;
+@tooltip__border-width: 1px;
+@tooltip__border-radius: false;
+@tooltip__color: @primary__color;
+@tooltip__cursor: help;
+@tooltip__font-size: false;
+@tooltip__font-family: false;
+@tooltip__font-weight: false;
+@tooltip__line-height: 1.4;
+@tooltip__font-style: false;
+@tooltip__margin: false;
+@tooltip__padding: 12px 16px;
+@tooltip__min-width: 210px;
+@tooltip__max-width: 360px;
+@tooltip__z-index: 100;
+
+@tooltip-arrow__size: 5px;
+@tooltip-arrow__offset: 10px;
diff --git a/lib/web/css/source/lib/variables/_typography.less b/lib/web/css/source/lib/variables/_typography.less
new file mode 100644
index 0000000000000..571cd32b2d646
--- /dev/null
+++ b/lib/web/css/source/lib/variables/_typography.less
@@ -0,0 +1,240 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Typography variables
+//  _____________________________________________
+
+//
+//  Fonts
+//  ---------------------------------------------
+
+//  Path
+@font-path: "../../fonts/";
+@icons__font-path: "@{baseDir}fonts/Blank-Theme-Icons/Blank-Theme-Icons";
+
+//  Names
+@icons__font-name: 'icons-blank-theme'; // ToDo UI: we need to rename (it shouldn't use blank theme name) or move icon fonts to blank theme
+
+//  Font families
+@font-family__sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+@font-family__serif: Georgia, 'Times New Roman', Times, serif;
+@font-family__monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
+
+@font-family__base: @font-family__sans-serif;
+
+//  Sizes
+@root__font-size: 62.5%; // Defines ratio between root font size and base font size, 1rem = 10px
+@font-size-ratio__base: 1.4;
+@font-rem-ratio: unit(@root__font-size * 16/100);
+
+@font-size__base: unit((@root__font-size / 100) * 16 * @font-size-ratio__base, px); // Base font size value in px
+@font-size__xl: ceil(1.5 * @font-size__base); // 21
+@font-size__l: ceil(1.25 * @font-size__base); // 18
+@font-size__s: ceil(.85 * @font-size__base); // 12
+@font-size__xs: floor(.75 * @font-size__base); // 11
+
+//  Weights
+@font-weight__light: 300;
+@font-weight__regular: 400;
+@font-weight__semibold: 600;
+@font-weight__bold: 700;
+
+//  Styles
+@font-style__base: normal;
+@font-style__emphasis: italic;
+
+//  Line heights
+@line-height__base: 1.428571429;
+@line-height__computed: floor(@font-size__base * @line-height__base);
+@line-height__l: 1.5;
+@line-height__s: 1.33;
+
+//  Colors
+@text__color: @primary__color;
+@text__color__intense: @primary__color__darker;
+@text__color__muted: @primary__color__lighter;
+
+//
+//  Indents
+//  ---------------------------------------------
+
+@indent__base: @line-height__computed; // 20px
+@indent__xl: @indent__base * 2; // 40px
+@indent__l: @indent__base * 1.5; // 30px
+@indent__m: @indent__base * 1.25; // 25px
+@indent__s: @indent__base / 2; // 10px
+@indent__xs: @indent__base / 4; // 5px
+
+//
+//  Borders
+//  ---------------------------------------------
+
+@border-color__base: darken(@page__background-color, 18%);
+@border-width__base: 1px;
+
+//
+//  Links
+//  ---------------------------------------------
+
+@link__color: @color-blue1;
+@link__text-decoration: none;
+
+@link__visited__color: @link__color;
+@link__visited__text-decoration: none;
+
+@link__hover__color: @color-blue2;
+@link__hover__text-decoration: underline;
+
+@link__active__color: @active__color;
+@link__active__text-decoration: underline;
+
+//
+//  Focus
+//  ---------------------------------------------
+
+@focus__color: @color-sky-blue1;
+@focus__box-shadow: 0 0 3px 1px @focus__color;
+
+//
+//  Lists
+//  ---------------------------------------------
+
+@list__color__base: false;
+@list__font-size__base: false;
+@list__margin-top: 0;
+@list__margin-bottom: @indent__m;
+
+@list-item__margin-top: 0;
+@list-item__margin-bottom: @indent__s;
+
+@dl__margin-top: 0;
+@dl__margin-bottom: @indent__base;
+
+@dt__margin-top: 0;
+@dt__margin-bottom: @indent__xs;
+@dt__font-weight: @font-weight__bold;
+
+@dd__margin-top: 0;
+@dd__margin-bottom: @indent__s;
+
+//
+//  Paragraphs
+//  ---------------------------------------------
+
+@p__margin-top: 0;
+@p__margin-bottom: @indent__s;
+
+//
+//  Headings
+//  ---------------------------------------------
+
+@heading__font-family__base: false;
+@heading__font-weight__base: @font-weight__light;
+@heading__line-height__base: 1.1;
+@heading__color__base: false;
+@heading__font-style__base: false;
+@heading__margin-top__base: @indent__base;
+@heading__margin-bottom__base: @indent__base;
+
+@h1__font-size: ceil((@font-size__base * 1.85)); // 26px
+@h1__font-color: @heading__color__base;
+@h1__font-family: @heading__font-family__base;
+@h1__font-weight: @heading__font-weight__base;
+@h1__font-style: @heading__font-style__base;
+@h1__line-height: @heading__line-height__base;
+@h1__margin-top: 0;
+@h1__margin-bottom: @heading__margin-bottom__base;
+@h1__font-size-desktop: ceil((@font-size__base * 2.85)); // 40px
+
+@h2__font-size: ceil((@font-size__base * 1.85)); // 26px
+@h2__font-color: @heading__color__base;
+@h2__font-family: @heading__font-family__base;
+@h2__font-weight: @heading__font-weight__base;
+@h2__font-style: @heading__font-style__base;
+@h2__line-height: @heading__line-height__base;
+@h2__margin-top: @indent__m;
+@h2__margin-bottom: @heading__margin-bottom__base;
+
+@h3__font-size: ceil((@font-size__base * 1.28)); // 18px
+@h3__font-color: @heading__color__base;
+@h3__font-family: @heading__font-family__base;
+@h3__font-weight: @heading__font-weight__base;
+@h3__font-style: @heading__font-style__base;
+@h3__line-height: @heading__line-height__base;
+@h3__margin-top: @indent__base * .75;
+@h3__margin-bottom: @indent__s;
+
+@h4__font-size: @font-size__base; // 14px
+@h4__font-color: @heading__color__base;
+@h4__font-family: @heading__font-family__base;
+@h4__font-weight: @font-weight__bold;
+@h4__font-style: @heading__font-style__base;
+@h4__line-height: @heading__line-height__base;
+@h4__margin-top: @heading__margin-top__base;
+@h4__margin-bottom: @heading__margin-bottom__base;
+
+@h5__font-size: ceil((@font-size__base * .85)); // 12px
+@h5__font-color: @heading__color__base;
+@h5__font-family: @heading__font-family__base;
+@h5__font-weight: @font-weight__bold;
+@h5__font-style: @heading__font-style__base;
+@h5__line-height: @heading__line-height__base;
+@h5__margin-top: @heading__margin-top__base;
+@h5__margin-bottom: @heading__margin-bottom__base;
+
+@h6__font-size: ceil((@font-size__base * .7)); // 10px
+@h6__font-color: @heading__color__base;
+@h6__font-family: @heading__font-family__base;
+@h6__font-weight: @font-weight__bold;
+@h6__font-style: @heading__font-style__base;
+@h6__line-height: @heading__line-height__base;
+@h6__margin-top: @heading__margin-top__base;
+@h6__margin-bottom: @heading__margin-bottom__base;
+
+@heading__small-color: @primary__color;
+@heading__small-line-height: 1;
+@heading__small-size: (@font-size__xs/@font-size__base) * 100%;
+
+//  Code blocks
+@code__background-color: @panel__background-color;
+@code__color: @primary__color__darker;
+@code__font-size: @font-size__s;
+@code__padding: 2px 4px;
+
+@pre__background-color: @panel__background-color;
+@pre__border-color: @border-color__base;
+@pre__border-width: @border-width__base;
+@pre__color: @primary__color__darker;
+
+@kbd__background-color: @panel__background-color;
+@kbd__color: @primary__color__darker;
+
+//  Blockquote
+@blockquote__border-color: @border-color__base;
+@blockquote__border-width: 0;
+@blockquote__content-before: '\2014 \00A0';
+@blockquote__font-size: @font-size__base;
+@blockquote__font-style: @font-style__emphasis;
+@blockquote__margin: 0 0 @indent__base @indent__xl;
+@blockquote__padding: 0;
+
+@blockquote-small__color: @primary__color;
+@blockquote-small__font-size: @font-size__xs;
+
+@cite__font-style: @font-style__base;
+
+//  Misc
+@hr__border-color: @border-color__base;
+@hr__border-style: solid;
+@hr__border-width: @border-width__base;
+
+@mark__color: @primary__color__dark;
+@mark__background-color: @panel__background-color;
+
+@abbr__border-color: @border-color__base;
+
+//  Disable filters output in css
+@disable-filters: false;
diff --git a/lib/web/css/source/theme.less b/lib/web/css/source/theme.less
deleted file mode 100644
index aa022529ea625..0000000000000
--- a/lib/web/css/source/theme.less
+++ /dev/null
@@ -1,4 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
diff --git a/lib/web/css/styles.less b/lib/web/css/styles.less
index c6d5a8a1e960c..16442f7b16903 100644
--- a/lib/web/css/styles.less
+++ b/lib/web/css/styles.less
@@ -4,6 +4,6 @@
  * See COPYING.txt for license details.
  */
 
-@import "source/lib/lib.less"; // Import all lib files
-@import "source/theme.less"; // import theme styles
-@import "source/lib/responsive.less"; // import responsive styles
+@import 'source/lib/_lib'; // Library files
+@import 'source/_theme'; // Theme overrides
+@import 'source/lib/_responsive'; // Media queries collector
diff --git a/lib/web/mage/gallery.less b/lib/web/mage/gallery.less
index 9aee7a0f5ba5e..d7a87df82eab3 100644
--- a/lib/web/mage/gallery.less
+++ b/lib/web/mage/gallery.less
@@ -7,9 +7,9 @@
 @gallery-sprite-svg: '../images/sprite-gallery.svg';
 @gallery-sprite-png: '../images/sprite-gallery.png';
 @gallery-lightbox-offset: 20px;
-@gallery-lightbox-border-color: @border-color-base;
+@gallery-lightbox-border-color: @border-color__base;
 @gallery-lightbox-border-width: 1px;
-@gallery-overlay-bg: rgba(204, 204, 204, .5);
+@gallery-overlay-background-color: rgba(204, 204, 204, .5);
 @gallery-close-position-top: 20px;
 @gallery-close-position-right: 20px;
 @gallery-close-height: 13px;
@@ -30,15 +30,15 @@
 @gallery-main-img-margin-bottom: @gallery-thumbnails-padding-top + @gallery-thumbnails-padding-bottom + (2 * @gallery-thumb-border-width) + 40px;
 @gallery-main-img-margin-left: 20px;
 @gallery-main-img-margin-right: 20px;
-@gallery-lens-border-color: @border-color-base;
-@gallery-lens-border-width: @border-width-base;
+@gallery-lens-border-color: @border-color__base;
+@gallery-lens-border-width: @border-width__base;
 
-@import "../css/source/lib/lib.less";
-@import "../css/source/theme.less";
+@import '../css/source/lib/_lib';
+@import '../css/source/_theme';
 
 .loading-mask {
     .loading();
-    z-index: @loader-overlay-z-index;
+    z-index: @loader-overlay__z-index;
     .loader > p {
         display: none;
     }
@@ -50,15 +50,15 @@
     right: 0;
     bottom: 0;
     left: 0;
-    background: @gallery-overlay-bg;
-    z-index: @loader-overlay-z-index - 1;
+    background: @gallery-overlay-background-color;
+    z-index: @loader-overlay__z-index - 1;
 }
 
 .zoom.lense {
     position: absolute;
     z-index: 9999;
     overflow: hidden;
-    background: @page-bg-color;
+    background: @page__background-color;
     .zoom.inner > img {
         position: absolute;
         max-width: none;
@@ -74,9 +74,9 @@
     right: @gallery-lightbox-offset;
     bottom: @gallery-lightbox-offset;
     border: @gallery-lightbox-border-width solid @gallery-lightbox-border-color;
-    background-color: @page-bg-color;
+    background-color: @page__background-color;
     box-shadow: 0 5px 5px rgba(0,0,0,.2);
-    z-index: @loader-overlay-z-index;
+    z-index: @loader-overlay__z-index;
 
     .img.photo.container img {
         position: absolute;
@@ -91,7 +91,7 @@
     }
 
     .ui-dialog-titlebar {
-        background-color: @page-bg-color;
+        background-color: @page__background-color;
     }
 
     .ui-dialog-titlebar-close {
@@ -164,7 +164,7 @@
     .product.photo.thumbs {
         width: 95%;
         padding: @gallery-thumbnails-padding;
-        background: @page-bg-color;
+        background: @page__background-color;
         position: absolute;
         bottom:0;
         box-sizing: border-box;
@@ -198,4 +198,4 @@
     }
 }
 
-@import "../css/source/lib/responsive.less";
+@import '../css/source/lib/_responsive';
diff --git a/package.json b/package.json
index 1fe7921b68ec9..8f03a4c1d39c5 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
     "connect": "^3.3.3",
     "grunt": "^0.4.5",
     "grunt-autoprefixer": "^2.0.0",
+    "grunt-banner": "^0.3.1",
     "grunt-contrib-clean": "^0.6.0",
-    "grunt-contrib-concat": "^0.5.0",
     "grunt-contrib-cssmin": "^0.10.0",
     "grunt-contrib-imagemin": "^0.9.2",
     "grunt-contrib-jasmine": "^0.8.1",
diff --git a/setup/module/Magento/Setup/styles/components/_navigation-bar.less b/setup/module/Magento/Setup/styles/components/_navigation-bar.less
index 0805c9cc19a98..483c4d3d1681e 100644
--- a/setup/module/Magento/Setup/styles/components/_navigation-bar.less
+++ b/setup/module/Magento/Setup/styles/components/_navigation-bar.less
@@ -85,7 +85,7 @@
 
     //  Progress line tunnel
     &:before {
-        .background-gradient( @_background-gradient: true, @_background-gradient-direction: vertical, @_background-gradient-start-color: @color-gray82, @_background-gradient-end-color: @color-gray83 );
+        .background-gradient( @_background-gradient: true, @_background-gradient-direction: vertical, @_background-gradient-color-start: @color-gray82, @_background-gradient-color-end: @color-gray83 );
         border-bottom: 1px solid @nav-bar-bullet-wrap__border-bottom-color;
         border-top: 1px solid @nav-bar-bullet-wrap__border-top-color;
         content: '';
@@ -175,7 +175,7 @@
         color: @nav-bar__color;
         display: block;
         font-size: @nav-bar__font-size;
-        font-weight: @font-weight-semibold;
+        font-weight: @font-weight__semibold;
         line-height: 1.2;
         overflow: hidden;
         padding: 3rem .5em 0;
@@ -228,9 +228,9 @@
 //  Desktop
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-l) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) {
     .nav {
-        padding-bottom: @btn-base__height + @nav-bar-items__indent-bottom;
+        padding-bottom: @btn__height__base + @nav-bar-items__indent-bottom;
         padding-left: 1.5rem;
         text-align: center;
     }
@@ -244,7 +244,7 @@
     .nav-bar-outer-actions {
         display: inline-block;
         float: none;
-        margin-top: -(@main__indent-top + @btn-base__height + @nav-bar-items__indent-bottom + .1rem);
+        margin-top: -(@main__indent-top + @btn__height__base + @nav-bar-items__indent-bottom + .1rem);
         text-align: center;
         vertical-align: top;
         width: 100%;
@@ -261,7 +261,7 @@
 //  Mobile
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .nav {
         padding-bottom: 0;
         padding-left: 0;
@@ -296,7 +296,7 @@
     }
 }
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-xs) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
     .nav-bar {
         width: @nav-bar-step__width * .75 * 3;
         > li {
diff --git a/setup/module/Magento/Setup/styles/components/tooltips/_tooltips.less b/setup/module/Magento/Setup/styles/components/tooltips/_tooltips.less
index 4959f1ac878f3..116b5c9411c3a 100644
--- a/setup/module/Magento/Setup/styles/components/tooltips/_tooltips.less
+++ b/setup/module/Magento/Setup/styles/components/tooltips/_tooltips.less
@@ -27,9 +27,9 @@
 //  Base class
 .tooltip {
     display: block;
-    font-family: @base__font-family;
+    font-family: @font-family__base;
     font-size: @small__font-size;
-    font-weight: @font-weight-regular;
+    font-weight: @font-weight__regular;
     line-height: 1.4;
     opacity: 0;
     position: absolute;
@@ -177,7 +177,7 @@
     }
 }
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .tooltip {
         display: none !important;
     }
diff --git a/setup/module/Magento/Setup/styles/lib/_buttons.less b/setup/module/Magento/Setup/styles/lib/_buttons.less
index 9559e34489160..42ef9ca8bd5ff 100644
--- a/setup/module/Magento/Setup/styles/lib/_buttons.less
+++ b/setup/module/Magento/Setup/styles/lib/_buttons.less
@@ -9,11 +9,11 @@
 
 //  Colors
 
-@btn-base__background-color: @color-gray89;
-@btn-base__color: @color-brownie;
-@btn-base__active__background-color: darken(@btn-base__background-color, 5%);
-@btn-base__disabled__background-color: lighten(@btn-base__background-color, 5%);
-@btn-base__hover__background-color: darken(@btn-base__background-color, 3%);
+@btn__base__background-color: @color-gray89;
+@btn__base__color: @color-brownie;
+@btn__base__active__background-color: darken(@btn__base__background-color, 5%);
+@btn__base__disabled__background-color: lighten(@btn__base__background-color, 5%);
+@btn__base__hover__background-color: darken(@btn__base__background-color, 3%);
 
 @btn-prime__color: @color-white;
 @btn-prime__background-color: @color-prime;
@@ -28,7 +28,7 @@
 @btn-secondary__disabled__background-color: lighten(@btn-secondary__background-color, 0%);
 @btn-secondary__active__background-color: lighten(@btn-secondary__background-color, 2%);
 
-@triangle-base__size: @btn-base__height / 2;
+@triangle__base__size: @btn__height__base / 2;
 
 //
 //  Common
@@ -42,21 +42,21 @@
 }
 
 .btn {
-    background: @btn-base__background-color none;
+    background: @btn__base__background-color none;
     border: none;
-    color: @btn-base__color;
+    color: @btn__base__color;
     display: inline-block;
-    font-size: @btn-base__font-size;
-    font-weight: @font-weight-semibold;
-    padding: @btn-base__padding-top .5em;
+    font-size: @btn__base__font-size;
+    font-weight: @font-weight__semibold;
+    padding: @btn__base__padding-top .5em;
     text-align: center;
     &:hover {
-        background-color: @btn-base__hover__background-color;
+        background-color: @btn__base__hover__background-color;
         color: @color-brownie;
         text-decoration: none;
     }
     &:active {
-        background-color: @btn-base__active__background-color;
+        background-color: @btn__base__active__background-color;
     }
     //  Disabled state
     &[disabled],
@@ -65,7 +65,7 @@
         opacity: @disabled__opacity;
         pointer-events: none;
         .ie9 & {
-            background-color: @btn-base__disabled__background-color;
+            background-color: @btn__base__disabled__background-color;
             opacity: 1;
             text-shadow: none;
         }
@@ -84,7 +84,7 @@
     background-color: transparent;
     border: none;
     color: @link__color;
-    font-family: @btn-base__font-size;
+    font-family: @btn__base__font-size;
     font-size: 1.5rem; // ToDo UI: Check font-size and standardize
     &:hover {
         background-color: transparent;
@@ -100,8 +100,8 @@
         .background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: @btn-prime__color-gradient-start,
-        @_background-gradient-end-color: @btn-prime__color-gradient-end
+        @_background-gradient-color-start: @btn-prime__color-gradient-start,
+        @_background-gradient-color-end: @btn-prime__color-gradient-end
         );
         color: @btn-prime__color;
     }
@@ -109,8 +109,8 @@
         .background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: horizontal,
-        @_background-gradient-start-color: @btn-prime__color-gradient-end,
-        @_background-gradient-end-color: @btn-prime__color-gradient-start
+        @_background-gradient-color-start: @btn-prime__color-gradient-end,
+        @_background-gradient-color-end: @btn-prime__color-gradient-start
         );
     }
     //  Disabled state for IE9
@@ -177,24 +177,24 @@
 //  Right
 .btn-wrap-triangle-right {
     display: inline-block;
-    padding-right: @triangle-base__size - .1;
+    padding-right: @triangle__base__size - .1;
     position: relative;
     .btn {
-        text-indent: @triangle-base__size / 2;
+        text-indent: @triangle__base__size / 2;
         &:after {
-            border-color: transparent transparent transparent @btn-base__background-color;
-            border-width: @triangle-base__size 0 @triangle-base__size @triangle-base__size;
+            border-color: transparent transparent transparent @btn__base__background-color;
+            border-width: @triangle__base__size 0 @triangle__base__size @triangle__base__size;
             left: 100%;
-            margin-left: -@triangle-base__size + .1;
+            margin-left: -@triangle__base__size + .1;
         }
         &:hover {
             &:after {
-                border-left-color: @btn-base__hover__background-color;
+                border-left-color: @btn__base__hover__background-color;
             }
         }
         &:active {
             &:after {
-                border-left-color: @btn-base__active__background-color;
+                border-left-color: @btn__base__active__background-color;
             }
         }
         &:not([disabled]),
@@ -208,14 +208,14 @@
         &.disabled {
             &:after {
                 .ie9 & {
-                    border-color: transparent transparent transparent @btn-base__disabled__background-color;
+                    border-color: transparent transparent transparent @btn__base__disabled__background-color;
                 }
             }
             &:hover,
             &:active {
                 &:after {
                     .ie9 & {
-                        border-left-color: @btn-base__disabled__background-color;
+                        border-left-color: @btn__base__disabled__background-color;
                     }
                 }
             }
@@ -266,23 +266,23 @@
 
 .btn-wrap-triangle-left {
     display: inline-block;
-    padding-left: @triangle-base__size - .1;
+    padding-left: @triangle__base__size - .1;
     .btn {
-        text-indent: -@triangle-base__size / 2;
+        text-indent: -@triangle__base__size / 2;
         &:after {
-            border-color: transparent @btn-base__background-color transparent transparent;
-            border-width: @triangle-base__size @triangle-base__size @triangle-base__size 0;
-            margin-right: -@triangle-base__size + .1;
+            border-color: transparent @btn__base__background-color transparent transparent;
+            border-width: @triangle__base__size @triangle__base__size @triangle__base__size 0;
+            margin-right: -@triangle__base__size + .1;
             right: 100%;
         }
         &:hover {
             &:after {
-                border-right-color: @btn-base__hover__background-color;
+                border-right-color: @btn__base__hover__background-color;
             }
         }
         &:active {
             &:after {
-                border-right-color: @btn-base__active__background-color;
+                border-right-color: @btn__base__active__background-color;
             }
         }
         &:not([disabled]),
@@ -296,14 +296,14 @@
         &.disabled {
             &:after {
                 .ie9 & {
-                    border-color: transparent @btn-base__disabled__background-color transparent transparent;
+                    border-color: transparent @btn__base__disabled__background-color transparent transparent;
                 }
             }
             &:hover,
             &:active {
                 &:after {
                     .ie9 & {
-                        border-right-color: @btn-base__disabled__background-color;
+                        border-right-color: @btn__base__disabled__background-color;
                     }
                 }
             }
@@ -362,9 +362,9 @@
     background-color: transparent;
     border: none;
     color: @color-btn-expand;
-    font-family: @base__font-family;
+    font-family: @font-family__base;
     font-size: @base__font-size;
-    font-weight: @font-weight-bold;
+    font-weight: @font-weight__bold;
     padding: 0;
     position: relative;
     &.expanded {
diff --git a/setup/module/Magento/Setup/styles/lib/_collector.less b/setup/module/Magento/Setup/styles/lib/_collector.less
index 8352fc50f5e98..423ba08c85186 100644
--- a/setup/module/Magento/Setup/styles/lib/_collector.less
+++ b/setup/module/Magento/Setup/styles/lib/_collector.less
@@ -3,8 +3,6 @@
 //  * See COPYING.txt for license details.
 //  */
 
-// ToDo UI: When Installer will be merged in mainline: Expand functionality of responsive.less in lib and merge it with this collector
-
 //
 //  Media variables, that can be used for splitting styles into several files
 //  _____________________________________________
@@ -18,7 +16,7 @@
 //  Media width mixin used to group styles output based on media queries
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-s) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
 }
 
 //
@@ -27,20 +25,20 @@
 
 & when (@media-target = 'desktop'), (@media-target = 'all') {
 
-    @media all and (max-width: (@screen-l - 1)) {
-        .media-width('max', @screen-l);
+    @media all and (max-width: (@screen__l - 1)) {
+        .media-width('max', @screen__l);
     }
 
-    @media all and (min-width: @screen-m) {
-        .media-width('min', @screen-m);
+    @media all and (min-width: @screen__m) {
+        .media-width('min', @screen__m);
     }
 
-    @media all and (min-width: @screen-l) {
-        .media-width('min', @screen-l);
+    @media all and (min-width: @screen__l) {
+        .media-width('min', @screen__l);
     }
 
-    @media all and (min-width: @screen-xl) {
-        .media-width('min', @screen-xl);
+    @media all and (min-width: @screen__xl) {
+        .media-width('min', @screen__xl);
     }
 }
 
@@ -50,19 +48,19 @@
 
 & when (@media-target = 'mobile'), (@media-target = 'all') {
 
-    @media all and (min-width: @screen-s) {
-        .media-width('min', @screen-s);
+    @media all and (min-width: @screen__s) {
+        .media-width('min', @screen__s);
     }
 
-    @media all and (max-width: (@screen-m - 1)) {
-        .media-width('max', @screen-m);
+    @media all and (max-width: (@screen__m - 1)) {
+        .media-width('max', @screen__m);
     }
 
-    @media all and (max-width: (@screen-s - 1)) {
-        .media-width('max', @screen-s);
+    @media all and (max-width: (@screen__s - 1)) {
+        .media-width('max', @screen__s);
     }
 
-    @media all and (max-width: (@screen-xs - 1)) {
-        .media-width('max', @screen-xs);
+    @media all and (max-width: (@screen__xs - 1)) {
+        .media-width('max', @screen__xs);
     }
 }
diff --git a/setup/module/Magento/Setup/styles/lib/_grid.less b/setup/module/Magento/Setup/styles/lib/_grid.less
index b4c386e957943..0900322aea678 100644
--- a/setup/module/Magento/Setup/styles/lib/_grid.less
+++ b/setup/module/Magento/Setup/styles/lib/_grid.less
@@ -46,20 +46,20 @@
 //  Small grid
 //  Columns, offsets, pushes, and pulls for the small device range, from phones to tablets.
 
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .make-grid(m);
 }
 
 //  Medium grid
 //  Columns, offsets, pushes, and pulls for the desktop device range.
 
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
     .make-grid(l);
 }
 
 //  Large grid
 //  Columns, offsets, pushes, and pulls for the large desktop device range.
 
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-xl) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__xl) {
     .make-grid(xl);
 }
diff --git a/setup/module/Magento/Setup/styles/lib/_lists.less b/setup/module/Magento/Setup/styles/lib/_lists.less
index 777289123e827..30cbc788f697d 100644
--- a/setup/module/Magento/Setup/styles/lib/_lists.less
+++ b/setup/module/Magento/Setup/styles/lib/_lists.less
@@ -90,7 +90,7 @@ dl {
 //  Mobile
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .list-definition {
         > dt {
             float: none;
diff --git a/setup/module/Magento/Setup/styles/lib/_reset.less b/setup/module/Magento/Setup/styles/lib/_reset.less
index 26477850c74f8..d601744aa4c59 100644
--- a/setup/module/Magento/Setup/styles/lib/_reset.less
+++ b/setup/module/Magento/Setup/styles/lib/_reset.less
@@ -27,7 +27,7 @@ object {
 }
 
 
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     html {
         margin-left: ~'calc(100vw - 100%)';
         margin-right: 0;
diff --git a/setup/module/Magento/Setup/styles/lib/_typography.less b/setup/module/Magento/Setup/styles/lib/_typography.less
index 2cde11bde1dd4..4300faf80874c 100644
--- a/setup/module/Magento/Setup/styles/lib/_typography.less
+++ b/setup/module/Magento/Setup/styles/lib/_typography.less
@@ -6,28 +6,28 @@
 .font-face(
     @family-name: 'Open Sans',
     @font-path: '@{path-to-pub}fonts/opensans/light/opensans-300',
-    @font-weight: @font-weight-light,
+    @font-weight: @font-weight__light,
     @font-style: normal
 );
 
 .font-face(
     @family-name: 'Open Sans',
     @font-path: '@{path-to-pub}fonts/opensans/regular/opensans-400',
-    @font-weight: @font-weight-regular,
+    @font-weight: @font-weight__regular,
     @font-style: normal
 );
 
 .font-face(
     @family-name: 'Open Sans',
     @font-path: '@{path-to-pub}fonts/opensans/semibold/opensans-600',
-    @font-weight: @font-weight-semibold,
+    @font-weight: @font-weight__semibold,
     @font-style: normal
 );
 
 .font-face(
     @family-name: 'Open Sans',
     @font-path: '@{path-to-pub}fonts/opensans/bold/opensans-700',
-    @font-weight: @font-weight-bold,
+    @font-weight: @font-weight__bold,
     @font-style: normal
 );
 
@@ -37,9 +37,9 @@ html {
 
 body {
     color: @base__color;
-    font-family: @base__font-family;
+    font-family: @font-family__base;
     font-size: @base__font-size;
-    font-weight: @font-weight-regular;
+    font-weight: @font-weight__regular;
     line-height: @base__line-height;
 }
 
@@ -51,7 +51,7 @@ h3,
 h4,
 h5,
 h6 {
-    font-weight: @font-weight-regular;
+    font-weight: @font-weight__regular;
     margin-top: 0;
 }
 
diff --git a/setup/module/Magento/Setup/styles/lib/_variables.less b/setup/module/Magento/Setup/styles/lib/_variables.less
index dcb2097db8f52..652f5bdc1cba0 100644
--- a/setup/module/Magento/Setup/styles/lib/_variables.less
+++ b/setup/module/Magento/Setup/styles/lib/_variables.less
@@ -46,7 +46,7 @@
 //  Break points
 //  ---------------------------------------------
 
-@screen-l: 1048px;
+@screen__l: 1048px;
 
 //
 //  Icons
@@ -74,14 +74,14 @@
 
 //
 
-@font-family-console: 'Courier New', Courier, monospace;
-@font-weight-light: 300;
-@font-weight-regular: 400;
-@font-weight-semibold: 600;
-@font-weight-bold: 700;
+@font-family__console: 'Courier New', Courier, monospace;
+@font-weight__light: 300;
+@font-weight__regular: 400;
+@font-weight__semibold: 600;
+@font-weight__bold: 700;
 
 @base__color: @color-gray19;
-@base__font-family: 'Open Sans', @font-family-sans-serif;
+@font-family__base: 'Open Sans', @font-family__sans-serif;
 @base__font-size: 1.4rem;
 @base__line-height: 1.4;
 
@@ -107,10 +107,10 @@
 
 //  Sizes
 
-@btn-base__font-size: 1.6rem;
-@btn-base__padding-top: .45em;
-@btn-base__padding-bottom: @btn-base__padding-top;
-@btn-base__height: @btn-base__font-size * @base__line-height + @btn-base__font-size * @btn-base__padding-top + @btn-base__font-size * @btn-base__padding-bottom;
+@btn__base__font-size: 1.6rem;
+@btn__base__padding-top: .45em;
+@btn__base__padding-bottom: @btn__base__padding-top;
+@btn__height__base: @btn__base__font-size * @base__line-height + @btn__base__font-size * @btn__base__padding-top + @btn__base__font-size * @btn__base__padding-bottom;
 
 //
 //  Forms
diff --git a/setup/module/Magento/Setup/styles/lib/forms/_checkbox-radio.less b/setup/module/Magento/Setup/styles/lib/forms/_checkbox-radio.less
index 163d1af770840..9f8c5db0b0453 100644
--- a/setup/module/Magento/Setup/styles/lib/forms/_checkbox-radio.less
+++ b/setup/module/Magento/Setup/styles/lib/forms/_checkbox-radio.less
@@ -44,7 +44,7 @@
     }
 
     + .form-label {
-        font-weight: @font-weight-regular;
+        font-weight: @font-weight__regular;
         padding-left: 2em;
         padding-right: 0;
         position: relative;
diff --git a/setup/module/Magento/Setup/styles/lib/forms/_forms.less b/setup/module/Magento/Setup/styles/lib/forms/_forms.less
index 502eea1ca425e..a0e79796f56bb 100644
--- a/setup/module/Magento/Setup/styles/lib/forms/_forms.less
+++ b/setup/module/Magento/Setup/styles/lib/forms/_forms.less
@@ -45,7 +45,7 @@
     //  Labels
     .form-label {
         display: block;
-        font-weight: @font-weight-semibold;
+        font-weight: @font-weight__semibold;
         padding: @form-el__indent-top 2.1em 0 0;
         text-align: right;
 
@@ -140,7 +140,7 @@ textarea:not([disabled]) {
 //  Mobile
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .form-row {
         .form-label {
             text-align: left;
diff --git a/setup/module/Magento/Setup/styles/lib/forms/_legends.less b/setup/module/Magento/Setup/styles/lib/forms/_legends.less
index 7826b9089bf13..6d5a0204acde8 100644
--- a/setup/module/Magento/Setup/styles/lib/forms/_legends.less
+++ b/setup/module/Magento/Setup/styles/lib/forms/_legends.less
@@ -22,7 +22,7 @@
 .form-legend-expand {
     margin-bottom: 2.5em;
     padding-top: 1.5em;
-    font-weight: @font-weight-semibold;
+    font-weight: @font-weight__semibold;
     font-size: 1.25em;
 }
 
@@ -46,7 +46,7 @@
     }
     &:after {
         margin-left: .5em;
-        font-weight: @font-weight-regular;
+        font-weight: @font-weight__regular;
         font-size: 1.15em;
         font-family: @icons__font-family;
         content: @icon-expand__content;
diff --git a/setup/module/Magento/Setup/styles/lib/forms/_validation.less b/setup/module/Magento/Setup/styles/lib/forms/_validation.less
index 9babbfb4e94c0..91064a7366fb1 100644
--- a/setup/module/Magento/Setup/styles/lib/forms/_validation.less
+++ b/setup/module/Magento/Setup/styles/lib/forms/_validation.less
@@ -9,8 +9,8 @@
 
 @color-border-failed: @color-failed;
 @color-border-sucess: @color-success;
-@color-border-validation-message-failed: @color-strawberry-milkshake;
-@color-bg-validation-message-failed: @color-lazy-sun;
+@validation-message__failed__border-color: @color-strawberry-milkshake;
+@validation-message__failed__background-color: @color-lazy-sun;
 @font-size-gap: @base__font-size - @small__font-size;
 
 //
@@ -27,8 +27,8 @@
 }
 
 .error-container {
-    background-color: @color-bg-validation-message-failed;
-    border: 1px solid @color-border-validation-message-failed;
+    background-color: @validation-message__failed__background-color;
+    border: 1px solid @validation-message__failed__border-color;
     border-radius: @form-el__border-radius;
     color: @color-brownie;
     display: none;
@@ -41,7 +41,7 @@
 
 .check-result-message {
     margin-left: .5em;
-    min-height: @btn-base__height;
+    min-height: @btn__height__base;
     .vendor-box-align(center);
     .vendor-prefix-display(flex);
 }
diff --git a/setup/module/Magento/Setup/styles/lib/utilities/_grid.less b/setup/module/Magento/Setup/styles/lib/utilities/_grid.less
index 74aad598e2c97..500709a984fd4 100644
--- a/setup/module/Magento/Setup/styles/lib/utilities/_grid.less
+++ b/setup/module/Magento/Setup/styles/lib/utilities/_grid.less
@@ -64,26 +64,26 @@
     padding-right: (@gutter / 2);
     position: relative;
 
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
         float: left;
         width: percentage((@columns / @grid-columns));
     }
 }
 
 .make-m-column-offset(@columns) {
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
         margin-left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-m-column-push(@columns) {
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
         left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-m-column-pull(@columns) {
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
         right: percentage((@columns / @grid-columns));
     }
 }
@@ -98,26 +98,26 @@
     padding-right: (@gutter / 2);
     position: relative;
 
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
         float: left;
         width: percentage((@columns / @grid-columns));
     }
 }
 
 .make-l-column-offset(@columns) {
-    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-l) {
+    .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
         margin-left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-l-column-push(@columns) {
-    @media (min-width: @screen-l) {
+    @media (min-width: @screen__l) {
         left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-l-column-pull(@columns) {
-    @media (min-width: @screen-l) {
+    @media (min-width: @screen__l) {
         right: percentage((@columns / @grid-columns));
     }
 }
@@ -132,26 +132,26 @@
     padding-right: (@gutter / 2);
     position: relative;
 
-    @media (min-width: @screen-xl) {
+    @media (min-width: @screen__xl) {
         float: left;
         width: percentage((@columns / @grid-columns));
     }
 }
 
 .make-xl-column-offset(@columns) {
-    @media (min-width: @screen-xl) {
+    @media (min-width: @screen__xl) {
         margin-left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-xl-column-push(@columns) {
-    @media (min-width: @screen-xl) {
+    @media (min-width: @screen__xl) {
         left: percentage((@columns / @grid-columns));
     }
 }
 
 .make-xl-column-pull(@columns) {
-    @media (min-width: @screen-xl) {
+    @media (min-width: @screen__xl) {
         right: percentage((@columns / @grid-columns));
     }
 }
diff --git a/setup/module/Magento/Setup/styles/pages/_install.less b/setup/module/Magento/Setup/styles/pages/_install.less
index 2919bd3c062b1..985e15bd97401 100644
--- a/setup/module/Magento/Setup/styles/pages/_install.less
+++ b/setup/module/Magento/Setup/styles/pages/_install.less
@@ -18,8 +18,8 @@
 .console {
     border: 1px solid @console__border-color;
     border-radius: 5px;
-    font-family: @font-family-console;
-    font-weight: @font-weight-light;
+    font-family: @font-family__console;
+    font-weight: @font-weight__light;
     margin: 1rem 0 2rem;
     max-height: 20rem;
     overflow-y: auto;
diff --git a/setup/module/Magento/Setup/styles/pages/_landing.less b/setup/module/Magento/Setup/styles/pages/_landing.less
index d11f78f5fbee2..e067971cc97b8 100644
--- a/setup/module/Magento/Setup/styles/pages/_landing.less
+++ b/setup/module/Magento/Setup/styles/pages/_landing.less
@@ -23,6 +23,6 @@
         text-align: center;
     }
     .btn-submit {
-        margin-bottom: @indent-base;
+        margin-bottom: @indent__base;
     }
 }
diff --git a/setup/module/Magento/Setup/styles/pages/_readiness-check.less b/setup/module/Magento/Setup/styles/pages/_readiness-check.less
index 0d303bc553ee5..a2445990504ed 100644
--- a/setup/module/Magento/Setup/styles/pages/_readiness-check.less
+++ b/setup/module/Magento/Setup/styles/pages/_readiness-check.less
@@ -22,7 +22,7 @@
 
 .readiness-check-title {
     font-size: @base__font-size;
-    font-weight: @font-weight-bold;
+    font-weight: @font-weight__bold;
     margin-bottom: .1rem;
     margin-left: @readiness-check-content__indent;
 }
@@ -57,7 +57,7 @@
 //  Mobile
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .readiness-check-content {
         margin-right: 2rem;
     }
diff --git a/setup/module/Magento/Setup/styles/pages/_web-configuration.less b/setup/module/Magento/Setup/styles/pages/_web-configuration.less
index f416f5971e894..dcba8d02bae0b 100644
--- a/setup/module/Magento/Setup/styles/pages/_web-configuration.less
+++ b/setup/module/Magento/Setup/styles/pages/_web-configuration.less
@@ -21,7 +21,7 @@
 //  Mobile
 //  _____________________________________________
 
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .form-el-insider-wrap,
     .form-el-insider,
     .page-web-configuration .form-el-insider-input,
diff --git a/setup/module/Magento/Setup/styles/setup.less b/setup/module/Magento/Setup/styles/setup.less
index 1cb26f421c9dd..25aef42bc51bf 100644
--- a/setup/module/Magento/Setup/styles/setup.less
+++ b/setup/module/Magento/Setup/styles/setup.less
@@ -9,7 +9,7 @@
 
 @baseDir: '../';
 
-@import '/lib/web/css/source/lib/lib';
+@import '/lib/web/css/source/lib/_lib';
 
 //
 //  Local lib
diff --git a/setup/pub/magento/setup/css/setup.css b/setup/pub/magento/setup/css/setup.css
index fc5842675eacf..63c3de4a6beee 100644
--- a/setup/pub/magento/setup/css/setup.css
+++ b/setup/pub/magento/setup/css/setup.css
@@ -2,4 +2,5 @@
  * Copyright © 2015 Magento. All rights reserved.
  * See COPYING.txt for license details.
  */
+
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}:focus{box-shadow:none;outline:0}.keyfocus :focus{box-shadow:0 0 0 1px #008bdb}embed,img,object,video{max-width:100%}.abs-clearer:after,.form-row:after,.header:after,.ie9 .alert:after,.nav:after,.row:after{content:"";display:table;clear:both}.ng-cloak{display:none!important}.hide.hide{display:none}.show.show{display:block}.text-center{text-align:center}.text-right{text-align:right}@font-face{font-family:'Open Sans';src:url(../../../../pub/fonts/opensans/light/opensans-300.eot);src:url(../../../../pub/fonts/opensans/light/opensans-300.eot?#iefix) format('embedded-opentype'),url(../../../../pub/fonts/opensans/light/opensans-300.woff2) format('woff2'),url(../../../../pub/fonts/opensans/light/opensans-300.woff) format('woff'),url(../../../../pub/fonts/opensans/light/opensans-300.ttf) format('truetype'),url('../../../../pub/fonts/opensans/light/opensans-300.svg#Open Sans') format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(../../../../pub/fonts/opensans/regular/opensans-400.eot);src:url(../../../../pub/fonts/opensans/regular/opensans-400.eot?#iefix) format('embedded-opentype'),url(../../../../pub/fonts/opensans/regular/opensans-400.woff2) format('woff2'),url(../../../../pub/fonts/opensans/regular/opensans-400.woff) format('woff'),url(../../../../pub/fonts/opensans/regular/opensans-400.ttf) format('truetype'),url('../../../../pub/fonts/opensans/regular/opensans-400.svg#Open Sans') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(../../../../pub/fonts/opensans/semibold/opensans-600.eot);src:url(../../../../pub/fonts/opensans/semibold/opensans-600.eot?#iefix) format('embedded-opentype'),url(../../../../pub/fonts/opensans/semibold/opensans-600.woff2) format('woff2'),url(../../../../pub/fonts/opensans/semibold/opensans-600.woff) format('woff'),url(../../../../pub/fonts/opensans/semibold/opensans-600.ttf) format('truetype'),url('../../../../pub/fonts/opensans/semibold/opensans-600.svg#Open Sans') format('svg');font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(../../../../pub/fonts/opensans/bold/opensans-700.eot);src:url(../../../../pub/fonts/opensans/bold/opensans-700.eot?#iefix) format('embedded-opentype'),url(../../../../pub/fonts/opensans/bold/opensans-700.woff2) format('woff2'),url(../../../../pub/fonts/opensans/bold/opensans-700.woff) format('woff'),url(../../../../pub/fonts/opensans/bold/opensans-700.ttf) format('truetype'),url('../../../../pub/fonts/opensans/bold/opensans-700.svg#Open Sans') format('svg');font-weight:700;font-style:normal}html{font-size:62.5%}body{color:#303030;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.4}h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:0}p{margin:0 0 1em}a{color:#008bdb;text-decoration:none}a:hover{color:#0fa7ff;text-decoration:underline}@font-face{font-family:Icons;src:url(../../../../pub/fonts/icons/icons.eot);src:url(../../../../pub/fonts/icons/icons.eot?#iefix) format('embedded-opentype'),url(../../../../pub/fonts/icons/icons.woff2) format('woff2'),url(../../../../pub/fonts/icons/icons.woff) format('woff'),url(../../../../pub/fonts/icons/icons.ttf) format('truetype'),url(../../../../pub/fonts/icons/icons.svg#Icons) format('svg');font-weight:400;font-style:normal}[class*=icon-]{display:inline-block;line-height:1}[class*=icon-]:after{font-family:Icons}.icon-success-thick:after{content:'\e600'}.icon-success:after{content:'\e601'}.icon-collapse:after{content:'\e602'}.icon-failed-thick:after{content:'\e603'}.icon-failed:after{content:'\e604'}.icon-expand:after{content:'\e605'}.icon-warning:after{content:'\e606'}.icon-failed-round,.icon-success-round{border-radius:100%;color:#fff;font-size:2.5rem;height:1em;position:relative;text-align:center;width:1em}.icon-failed-round:after,.icon-success-round:after{bottom:0;font-size:.8em;left:0;position:absolute;right:0;top:.15em}.icon-success-round{background-color:#79a22e}.icon-success-round:after{content:'\e600'}.icon-failed-round{background-color:#e22626}.icon-failed-round:after{content:'\e603'}dl,ol,ul{margin-top:0}.list{margin-bottom:1em;padding-left:0}.list>li{display:block;margin-bottom:.75em;position:relative}.list>li>.icon-failed,.list>li>.icon-success{font-size:1.6em;left:-.1em;position:absolute;top:0}.list>li>.icon-success{color:#79a22e}.list>li>.icon-failed{color:#e22626}.list-item-failed,.list-item-icon,.list-item-success{padding-left:3.5rem}.list-item-failed:before,.list-item-success:before{font-family:Icons;font-size:1.6em;left:-.1em;position:absolute;top:-.2em}.list-item-success:before{color:#79a22e;content:'\e601'}.list-item-failed:before{color:#e22626;content:'\e604'}.list-definition{margin:0 0 3rem;padding:0}.list-definition>dt{clear:left;float:left}.list-definition>dd{margin-bottom:1em;margin-left:20rem}.btn-wrap{margin:0 auto}.btn-wrap .btn{width:100%}.btn{background:#e3e3e3;border:none;color:#514943;display:inline-block;font-size:1.6rem;font-weight:600;padding:.45em .5em;text-align:center}.btn:hover{background-color:#dbdbdb;color:#514943;text-decoration:none}.btn:active{background-color:#d6d6d6}.btn.disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.ie9 .btn.disabled,.ie9 .btn[disabled]{background-color:#f0f0f0;opacity:1;text-shadow:none}.btn-large{padding:.75em 1.25em}.btn-link{background-color:transparent;border:none;color:#008bdb;font-family:1.6rem;font-size:1.5rem}.btn-link:hover{background-color:transparent;color:#0fa7ff}.btn-prime{background-color:#eb5202;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.btn-prime:hover{background-color:#f65405;background-repeat:repeat-x;background-image:linear-gradient(to right,#e04f00 0,#f65405 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e04f00', endColorstr='#f65405', GradientType=1);color:#fff}.btn-prime:active{background-color:#e04f00;background-repeat:repeat-x;background-image:linear-gradient(to right,#f65405 0,#e04f00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f65405', endColorstr='#e04f00', GradientType=1)}.ie9 .btn-prime.disabled,.ie9 .btn-prime[disabled]{background-color:#fd6e23}.ie9 .btn-prime.disabled:active,.ie9 .btn-prime.disabled:hover,.ie9 .btn-prime[disabled]:active,.ie9 .btn-prime[disabled]:hover{background-color:#fd6e23;-webkit-filter:none;filter:none}.btn-secondary{background-color:#514943;color:#fff}.btn-secondary:hover{background-color:#5f564f;color:#fff}.btn-secondary:active{background-color:#574e48}.ie9 .btn-secondary.disabled,.ie9 .btn-secondary[disabled]{background-color:#514943}.ie9 .btn-secondary.disabled:active,.ie9 .btn-secondary.disabled:hover,.ie9 .btn-secondary[disabled]:active,.ie9 .btn-secondary[disabled]:hover{background-color:#514943;-webkit-filter:none;filter:none}[class*=btn-wrap-triangle]{overflow:hidden;position:relative}[class*=btn-wrap-triangle] .btn:after{border-style:solid;content:'';height:0;position:absolute;top:0;width:0}.btn-wrap-triangle-right{display:inline-block;padding-right:1.74rem;position:relative}.btn-wrap-triangle-right .btn{text-indent:.92rem}.btn-wrap-triangle-right .btn:after{border-color:transparent transparent transparent #e3e3e3;border-width:1.84rem 0 1.84rem 1.84rem;left:100%;margin-left:-1.74rem}.btn-wrap-triangle-right .btn:hover:after{border-left-color:#dbdbdb}.btn-wrap-triangle-right .btn:active:after{border-left-color:#d6d6d6}.btn-wrap-triangle-right .btn:not(.disabled):active,.btn-wrap-triangle-right .btn:not([disabled]):active{left:1px}.ie9 .btn-wrap-triangle-right .btn.disabled:after,.ie9 .btn-wrap-triangle-right .btn[disabled]:after{border-color:transparent transparent transparent #f0f0f0}.ie9 .btn-wrap-triangle-right .btn.disabled:active:after,.ie9 .btn-wrap-triangle-right .btn.disabled:hover:after,.ie9 .btn-wrap-triangle-right .btn[disabled]:active:after,.ie9 .btn-wrap-triangle-right .btn[disabled]:hover:after{border-left-color:#f0f0f0}.btn-wrap-triangle-right .btn-prime:after{border-color:transparent transparent transparent #eb5202}.btn-wrap-triangle-right .btn-prime:hover:after{border-left-color:#f65405}.btn-wrap-triangle-right .btn-prime:active:after{border-left-color:#e04f00}.btn-wrap-triangle-right .btn-prime:not(.disabled):active,.btn-wrap-triangle-right .btn-prime:not([disabled]):active{left:1px}.ie9 .btn-wrap-triangle-right .btn-prime.disabled:after,.ie9 .btn-wrap-triangle-right .btn-prime[disabled]:after{border-color:transparent transparent transparent #fd6e23}.ie9 .btn-wrap-triangle-right .btn-prime.disabled:active:after,.ie9 .btn-wrap-triangle-right .btn-prime.disabled:hover:after,.ie9 .btn-wrap-triangle-right .btn-prime[disabled]:active:after,.ie9 .btn-wrap-triangle-right .btn-prime[disabled]:hover:after{border-left-color:#fd6e23}.btn-wrap-triangle-left{display:inline-block;padding-left:1.74rem}.btn-wrap-triangle-left .btn{text-indent:-.92rem}.btn-wrap-triangle-left .btn:after{border-color:transparent #e3e3e3 transparent transparent;border-width:1.84rem 1.84rem 1.84rem 0;margin-right:-1.74rem;right:100%}.btn-wrap-triangle-left .btn:hover:after{border-right-color:#dbdbdb}.btn-wrap-triangle-left .btn:active:after{border-right-color:#d6d6d6}.btn-wrap-triangle-left .btn:not(.disabled):active,.btn-wrap-triangle-left .btn:not([disabled]):active{right:1px}.ie9 .btn-wrap-triangle-left .btn.disabled:after,.ie9 .btn-wrap-triangle-left .btn[disabled]:after{border-color:transparent #f0f0f0 transparent transparent}.ie9 .btn-wrap-triangle-left .btn.disabled:active:after,.ie9 .btn-wrap-triangle-left .btn.disabled:hover:after,.ie9 .btn-wrap-triangle-left .btn[disabled]:active:after,.ie9 .btn-wrap-triangle-left .btn[disabled]:hover:after{border-right-color:#f0f0f0}.btn-wrap-triangle-left .btn-prime:after{border-color:transparent #eb5202 transparent transparent}.btn-wrap-triangle-left .btn-prime:hover:after{border-right-color:#e04f00}.btn-wrap-triangle-left .btn-prime:active:after{border-right-color:#f65405}.btn-wrap-triangle-left .btn-prime:not(.disabled):active,.btn-wrap-triangle-left .btn-prime:not([disabled]):active{right:1px}.ie9 .btn-wrap-triangle-left .btn-prime.disabled:after,.ie9 .btn-wrap-triangle-left .btn-prime[disabled]:after{border-color:transparent #fd6e23 transparent transparent}.ie9 .btn-wrap-triangle-left .btn-prime.disabled:active:after,.ie9 .btn-wrap-triangle-left .btn-prime.disabled:hover:after,.ie9 .btn-wrap-triangle-left .btn-prime[disabled]:active:after,.ie9 .btn-wrap-triangle-left .btn-prime[disabled]:hover:after{border-right-color:#fd6e23}.btn-expand{background-color:transparent;border:none;color:#303030;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:700;padding:0;position:relative}.btn-expand.expanded:after{border-color:transparent transparent #303030;border-width:0 .285em .36em}.btn-expand.expanded:hover:after{border-color:transparent transparent #3d3d3d}.btn-expand:hover{background-color:transparent;border:none;color:#3d3d3d}.btn-expand:hover:after{border-color:#3d3d3d transparent transparent}.btn-expand:after{border-color:#303030 transparent transparent;border-style:solid;border-width:.36em .285em 0;content:'';height:0;left:100%;margin-left:.5em;margin-top:-.18em;position:absolute;top:50%;width:0}[class*=col-] .form-el-input,[class*=col-] .form-el-select{width:100%}.form-fieldset{border:none;margin:0 0 1em;padding:0}.form-row{margin-bottom:2.2rem}.form-row .form-row{margin-bottom:.4rem}.form-row .form-label{display:block;font-weight:600;padding:.6rem 2.1em 0 0;text-align:right}.form-row .form-label.required{position:relative}.form-row .form-label.required:after{color:#eb5202;content:'*';font-size:1.15em;position:absolute;right:.7em;top:.5em}.form-row .form-el-checkbox+.form-label:before,.form-row .form-el-radio+.form-label:before{top:.7rem}.form-row .form-el-checkbox+.form-label:after,.form-row .form-el-radio+.form-label:after{top:1.1rem}input:not([disabled]):focus,textarea:not([disabled]):focus{box-shadow:none}.form-el-input{border:1px solid #adadad;border-radius:2px;color:#303030;padding:.35em .55em .5em}.form-el-input:hover{border-color:#949494}.form-el-input:focus{border-color:#008bdb}.form-label{margin-bottom:.5em}[class*=form-label][for]{cursor:pointer}.form-el-insider-wrap{display:table;width:100%}.form-el-insider-input{display:table-cell;width:100%}.form-el-insider{border-radius:2px;display:table-cell;vertical-align:top;padding:.43em .55em .5em 0}.form-legend,.form-legend-expand,.form-legend-light{display:block;margin:0}.form-legend,.form-legend-expand{margin-bottom:2.5em;padding-top:1.5em;font-weight:600;font-size:1.25em}.form-legend{width:100%;border-top:1px solid #ccc}.form-legend-light{margin-bottom:1.5em;font-size:1em}.form-legend-expand{transition:opacity .2s linear;cursor:pointer}.form-legend-expand:hover{opacity:.85}.form-legend-expand.expanded:after{content:'\e602'}.form-legend-expand:after{margin-left:.5em;font-weight:400;font-size:1.15em;font-family:Icons;content:'\e605';vertical-align:sub}.form-el-checkbox,.form-el-radio{clip:rect(0,0,0,0);position:absolute}.form-el-checkbox.disabled+.form-label,.form-el-checkbox.disabled+.form-label:before,.form-el-checkbox[disabled]+.form-label,.form-el-checkbox[disabled]+.form-label:before,.form-el-radio.disabled+.form-label,.form-el-radio.disabled+.form-label:before,.form-el-radio[disabled]+.form-label,.form-el-radio[disabled]+.form-label:before{cursor:default;opacity:.5;pointer-events:none}.form-el-checkbox:not(.disabled)+.form-label:hover:before,.form-el-checkbox:not([disabled])+.form-label:hover:before,.form-el-radio:not(.disabled)+.form-label:hover:before,.form-el-radio:not([disabled])+.form-label:hover:before{border-color:#514943}.form-el-checkbox+.form-label,.form-el-radio+.form-label{font-weight:400;padding-left:2em;padding-right:0;position:relative;text-align:left;transition:border-color .1s linear}.form-el-checkbox+.form-label:before,.form-el-radio+.form-label:before{border:1px solid;content:'';left:0;position:absolute;top:.1rem;transition:border-color .1s linear}.form-el-checkbox+.form-label:before{border-color:#adadad;border-radius:2px;height:1.4rem;line-height:1;width:1.4rem}.form-el-checkbox:checked+.form-label::before{content:'\e600';font-family:Icons}.form-el-radio+.form-label:before{background-color:#fff;border:1px solid #adadad;border-radius:100%;height:1.6rem;width:1.6rem}.form-el-radio+.form-label:after{background:0 0;border:.5rem solid transparent;border-radius:100%;content:'';height:0;left:.4rem;position:absolute;top:.5rem;transition:background .3s linear;width:0}.form-el-radio:checked+.form-label{cursor:default}.form-el-radio:checked+.form-label:after{border-color:#514943}.form-select-label{border:1px solid #adadad;border-radius:2px;color:#303030;cursor:pointer;display:block;overflow:hidden;position:relative}.form-select-label:hover,.form-select-label:hover:after{border-color:#949494}.form-select-label:active,.form-select-label:active:after,.form-select-label:focus,.form-select-label:focus:after{border-color:#008bdb}.form-select-label:after{background:#e3e3e3;border-left:1px solid #adadad;bottom:0;content:'';position:absolute;right:0;top:0;width:2.36em;z-index:-2}.ie9 .form-select-label:after{display:none}.form-select-label:before{border-color:#303030 transparent transparent;border-style:solid;border-width:5px 4px 0;content:'';height:0;margin-right:-4px;margin-top:-2.5px;position:absolute;right:1.18em;top:50%;width:0;z-index:-1}.ie9 .form-select-label:before{display:none}.form-select-label .form-el-select{background:0 0;border:none;border-radius:0;content:'';display:block;margin:0;padding:.35em calc(2.36em + 10%) .5em .55em;width:110%}.ie9 .form-select-label .form-el-select{padding-right:.55em;width:100%}.form-el-select{background:#fff;border:1px solid #adadad;border-radius:2px;color:#303030;display:block;padding:.35em .55em}[class*=form-el-].invalid{border-color:#e22626}[class*=form-el-].invalid+.error-container{display:block}.error-container{background-color:#fff8d6;border:1px solid #ee7d7d;border-radius:2px;color:#514943;display:none;font-size:1.19rem;margin-top:.2rem;padding:.4235em .6655em .605em}.check-result-message{margin-left:.5em;min-height:3.68rem;-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.check-result-text{margin-left:.5em}.pseudo-table{display:table}.pseudo-td{display:table-cell}.alert{margin-bottom:3.5rem;padding:2.5rem;-webkit-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.alert .spinner{min-width:1em}.ie9 .alert .spinner{float:left}.alert-info{background-color:#fafafa;border:1px solid #ccc}.alert-warning{background-color:#fff8d6;border:1px solid #fff8d6}.alert-icon{margin-right:1.5rem}.ie9 .alert-icon{float:left}[class*=icon-].alert-icon{font-size:3.8rem;min-width:3.8rem}.alert-text{margin-bottom:0}.alert-text~.alert-text{margin-top:1em}.ie9 .alert-text{display:block;margin-left:5.3rem;margin-top:1rem}.container{display:block;margin:0 auto 4rem;max-width:100rem;padding:0 2rem}.row{margin-left:0;margin-right:0}.col-l-1,.col-l-10,.col-l-11,.col-l-12,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-m-1,.col-m-10,.col-m-11,.col-m-12,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{min-height:1px;padding-left:0;padding-right:0;position:relative}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.nav{background-color:#f8f8f8;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;display:none;padding:2.2rem 1.5rem 0 0}.nav .btn-group,.nav-bar-outer-actions{float:right;margin-bottom:1.7rem}.nav .btn-group .btn-wrap,.nav-bar-outer-actions .btn-wrap{float:right;margin-left:.5rem;margin-right:.5rem}.nav-bar-outer-actions{margin-top:-10.6rem;padding-right:1.5rem}.btn-wrap-try-again{width:9.5rem}.btn-wrap-next,.btn-wrap-prev{width:8.5rem}.nav-bar{counter-reset:i;float:left;margin:0 1rem 1.7rem 0;padding:0;position:relative;white-space:nowrap}.nav-bar:before{background-color:#d4d4d4;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#d1d1d1 0,#d4d4d4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#d4d4d4', GradientType=0);border-bottom:1px solid #d9d9d9;border-top:1px solid #bfbfbf;content:'';height:.8rem;left:5.15rem;position:absolute;right:5.15rem;top:.7rem}.nav-bar>li{display:inline-block;font-size:0;position:relative;vertical-align:top;width:10.3rem}.nav-bar>li:first-child:after{display:none}.nav-bar>li:after{background-color:#514943;content:'';height:.5rem;left:calc(-50% + .25rem);position:absolute;right:calc(50% + .7rem);top:.9rem}.nav-bar>li.disabled:before{bottom:0;content:'';left:0;position:absolute;right:0;top:0;z-index:1}.nav-bar>li.active~li:after{display:none}.nav-bar>li.active~li a:after{background-color:transparent;border-color:transparent;color:#a6a6a6}.nav-bar>li.active a{color:#000}.nav-bar>li.active a:hover{cursor:default}.nav-bar>li.active a:after{background-color:#fff;content:''}.nav-bar a{color:#514943;display:block;font-size:1.2rem;font-weight:600;line-height:1.2;overflow:hidden;padding:3rem .5em 0;position:relative;text-align:center;text-overflow:ellipsis}.nav-bar a:hover{text-decoration:none}.nav-bar a:after{background-color:#514943;border:.4rem solid #514943;border-radius:100%;color:#fff;content:counter(i);counter-increment:i;height:.7rem;left:50%;line-height:.6;margin-left:-.8rem;position:absolute;right:auto;text-align:center;top:.4rem;width:.7rem}.nav-bar a:before{background-color:#d6d6d6;border:1px solid transparent;border-bottom-color:#d9d9d9;border-radius:100%;border-top-color:#bfbfbf;content:'';height:2.1rem;left:50%;line-height:1;margin-left:-1.2rem;position:absolute;top:0;width:2.1rem}.tooltip{display:block;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.19rem;font-weight:400;line-height:1.4;opacity:0;position:absolute;visibility:visible;z-index:10}.tooltip.in{opacity:.9}.tooltip.top{margin-top:-4px;padding:8px 0}.tooltip.right{margin-left:4px;padding:0 8px}.tooltip.bottom{margin-top:4px;padding:8px 0}.tooltip.left{margin-left:-4px;padding:0 8px}.tooltip-inner{background-color:#fff;border:1px solid #adadad;border-radius:0;box-shadow:1px 1px 1px #ccc;color:#41362f;max-width:20rem;padding:.5em 1em;text-decoration:none}.tooltip-arrow,.tooltip-arrow:after{border:solid transparent;height:0;position:absolute;width:0}.tooltip-arrow:after{content:'';position:absolute}.tooltip.top .tooltip-arrow,.tooltip.top .tooltip-arrow:after{border-top-color:#949494;border-width:8px 8px 0;bottom:0;left:50%;margin-left:-8px}.tooltip.top-left .tooltip-arrow,.tooltip.top-left .tooltip-arrow:after{border-top-color:#949494;border-width:8px 8px 0;bottom:0;margin-bottom:-8px;right:8px}.tooltip.top-right .tooltip-arrow,.tooltip.top-right .tooltip-arrow:after{border-top-color:#949494;border-width:8px 8px 0;bottom:0;left:8px;margin-bottom:-8px}.tooltip.right .tooltip-arrow,.tooltip.right .tooltip-arrow:after{border-right-color:#949494;border-width:8px 8px 8px 0;left:1px;margin-top:-8px;top:50%}.tooltip.right .tooltip-arrow:after{border-right-color:#fff;border-width:6px 7px 6px 0;margin-left:0;margin-top:-6px}.tooltip.left .tooltip-arrow,.tooltip.left .tooltip-arrow:after{border-left-color:#949494;border-width:8px 0 8px 8px;margin-top:-8px;right:0;top:50%}.tooltip.bottom .tooltip-arrow,.tooltip.bottom .tooltip-arrow:after{border-bottom-color:#949494;border-width:0 8px 8px;left:50%;margin-left:-8px;top:0}.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow:after{border-bottom-color:#949494;border-width:0 8px 8px;margin-top:-8px;right:8px;top:0}.tooltip.bottom-right .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow:after{border-bottom-color:#949494;border-width:0 8px 8px;left:8px;margin-top:-8px;top:0}.password-strength{display:block;margin:0 -.3rem 1em;white-space:nowrap}.password-strength.password-strength-to-short .password-strength-item:first-child{background-color:#e22626}.password-strength.password-strength-weak .password-strength-item:first-child,.password-strength.password-strength-weak .password-strength-item:first-child+.password-strength-item{background-color:#ef672f}.password-strength.password-strength-good .password-strength-item:first-child,.password-strength.password-strength-good .password-strength-item:first-child+.password-strength-item,.password-strength.password-strength-good .password-strength-item:first-child+.password-strength-item+.password-strength-item,.password-strength.password-strength-strong .password-strength-item{background-color:#79a22e}.password-strength .password-strength-item{background-color:#ccc;display:inline-block;font-size:0;height:1.4rem;margin-right:.3rem;width:calc(25% - .6rem)}@-webkit-keyframes progress-bar-stripes{from{background-position:4rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:4rem 0}to{background-position:0 0}}.progress{background-color:#fafafa;border:1px solid #ccc;height:3rem;margin-bottom:3rem;overflow:hidden}.progress-bar{background-color:#79a22e;color:#fff;float:left;font-size:1.19rem;height:100%;line-height:3rem;text-align:center;transition:width .6s ease;width:0}.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.spinner{display:inline-block;font-size:4rem;height:1em;margin-right:1.5rem;position:relative;width:1em}@-webkit-keyframes fade{0%{background-color:#514943}100%{background-color:#fff}}@-ms-keyframes fade{0%{background-color:#514943}100%{background-color:#fff}}@keyframes fade{0%{background-color:#514943}100%{background-color:#fff}}.spinner>span:nth-child(1){-webkit-animation-delay:.27s;-ms-animation-delay:.27s;animation-delay:.27s;-webkit-transform:rotate(-315deg);-ms-transform:rotate(-315deg);transform:rotate(-315deg)}.spinner>span:nth-child(2){-webkit-animation-delay:.36s;-ms-animation-delay:.36s;animation-delay:.36s;-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}.spinner>span:nth-child(3){-webkit-animation-delay:.45s;-ms-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.spinner>span:nth-child(4){-webkit-animation-delay:.54s;-ms-animation-delay:.54s;animation-delay:.54s;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.spinner>span:nth-child(5){-webkit-animation-delay:.63s;-ms-animation-delay:.63s;animation-delay:.63s;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.spinner>span:nth-child(6){-webkit-animation-delay:.72s;-ms-animation-delay:.72s;animation-delay:.72s;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.spinner>span:nth-child(7){-webkit-animation-delay:.81s;-ms-animation-delay:.81s;animation-delay:.81s;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.spinner>span:nth-child(8){-webkit-animation-delay:.9;-ms-animation-delay:.9;animation-delay:.9;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.spinner>span{-webkit-animation-direction:linear;-ms-animation-direction:linear;animation-direction:linear;-webkit-animation-duration:.72s;-ms-animation-duration:.72s;animation-duration:.72s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:fade;-ms-animation-name:fade;animation-name:fade;-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);background-color:#fff;border-radius:6px;clip:rect(0 .28571429em .1em 0);height:.1em;margin-top:.5em;position:absolute;width:1em}.ie9 .spinner{background:url(../../../../pub/images/ajax-loader.gif) center no-repeat}.ie9 .spinner>span{display:none}.main{padding-bottom:2rem;padding-top:3rem}.header{display:none}.header .logo{float:left;height:4.1rem;width:3.5rem}.header-title{font-size:2.8rem;letter-spacing:.02em;margin:2.5rem 0 3.5rem 5rem}.page-title{font-size:2rem;margin-bottom:1.3em}.accent-box{margin-bottom:2rem}.accent-box .btn-prime{margin-top:1.5rem}.page-landing{margin:7.6% auto 0;max-width:44rem;text-align:center}.page-landing .logo{height:5.6rem;margin-bottom:2rem;width:19.2rem}.page-landing .text-version{margin-bottom:3rem}.page-landing .text-welcome{margin-bottom:6.5rem}.page-landing .text-terms{margin-bottom:2.5rem;text-align:center}.page-landing .btn-submit{margin-bottom:20px}.page-license .license-text{margin-bottom:2rem}.page-license .page-license-footer{text-align:right}.rediness-check-item{margin-bottom:4rem}.readiness-check-title{font-size:1.4rem;font-weight:700;margin-bottom:.1rem;margin-left:7.5rem}.readiness-check-content{margin-left:7.5rem;margin-right:22rem}.readiness-check-content .readiness-check-title{margin-left:0}.readiness-check-content .list{margin-top:-.3rem}.rediness-check-side{float:right;padding-left:2.4rem;width:22rem}.rediness-check-side .side-title{margin-bottom:0}.readiness-check-icon{float:left;margin-left:2rem;margin-top:.7rem}.page-web-configuration .form-el-insider-wrap{width:auto}.page-web-configuration .form-el-insider{width:15.4rem}.page-web-configuration .form-el-insider-input .form-el-input{width:16.5rem}.content-install{margin-bottom:2rem}.console{border:1px solid #ccc;border-radius:5px;font-family:'Courier New',Courier,monospace;font-weight:300;margin:1rem 0 2rem;max-height:20rem;overflow-y:auto;padding:1.5rem 2rem 2rem}.content-success .btn-prime{margin-top:1.5rem}.jumbo-title{font-size:3.6rem}.jumbo-title .jumbo-icon{font-size:3.8rem;margin-right:.25em;position:relative;top:.15em}@media all and (max-width:1047px){.nav{padding-bottom:5.38rem;padding-left:1.5rem;text-align:center}.nav-bar{display:inline-block;float:none;margin-right:0;vertical-align:top}.nav .btn-group,.nav-bar-outer-actions{display:inline-block;float:none;margin-top:-8.48rem;text-align:center;vertical-align:top;width:100%}.nav-bar-outer-actions{padding-right:0}.nav-bar-outer-actions .outer-actions-inner-wrap{display:inline-block}}@media all and (min-width:768px){html{margin-left:calc(100vw - 100%);margin-right:0;overflow:auto}.col-m-1,.col-m-10,.col-m-11,.col-m-12,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9{float:left}.col-m-12{width:100%}.col-m-11{width:91.66666667%}.col-m-10{width:83.33333333%}.col-m-9{width:75%}.col-m-8{width:66.66666667%}.col-m-7{width:58.33333333%}.col-m-6{width:50%}.col-m-5{width:41.66666667%}.col-m-4{width:33.33333333%}.col-m-3{width:25%}.col-m-2{width:16.66666667%}.col-m-1{width:8.33333333%}.col-m-pull-12{right:100%}.col-m-pull-11{right:91.66666667%}.col-m-pull-10{right:83.33333333%}.col-m-pull-9{right:75%}.col-m-pull-8{right:66.66666667%}.col-m-pull-7{right:58.33333333%}.col-m-pull-6{right:50%}.col-m-pull-5{right:41.66666667%}.col-m-pull-4{right:33.33333333%}.col-m-pull-3{right:25%}.col-m-pull-2{right:16.66666667%}.col-m-pull-1{right:8.33333333%}.col-m-pull-0{right:auto}.col-m-push-12{left:100%}.col-m-push-11{left:91.66666667%}.col-m-push-10{left:83.33333333%}.col-m-push-9{left:75%}.col-m-push-8{left:66.66666667%}.col-m-push-7{left:58.33333333%}.col-m-push-6{left:50%}.col-m-push-5{left:41.66666667%}.col-m-push-4{left:33.33333333%}.col-m-push-3{left:25%}.col-m-push-2{left:16.66666667%}.col-m-push-1{left:8.33333333%}.col-m-push-0{left:auto}.col-m-offset-12{margin-left:100%}.col-m-offset-11{margin-left:91.66666667%}.col-m-offset-10{margin-left:83.33333333%}.col-m-offset-9{margin-left:75%}.col-m-offset-8{margin-left:66.66666667%}.col-m-offset-7{margin-left:58.33333333%}.col-m-offset-6{margin-left:50%}.col-m-offset-5{margin-left:41.66666667%}.col-m-offset-4{margin-left:33.33333333%}.col-m-offset-3{margin-left:25%}.col-m-offset-2{margin-left:16.66666667%}.col-m-offset-1{margin-left:8.33333333%}.col-m-offset-0{margin-left:0}}@media all and (min-width:1048px){.col-l-1,.col-l-10,.col-l-11,.col-l-12,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9{float:left}.col-l-12{width:100%}.col-l-11{width:91.66666667%}.col-l-10{width:83.33333333%}.col-l-9{width:75%}.col-l-8{width:66.66666667%}.col-l-7{width:58.33333333%}.col-l-6{width:50%}.col-l-5{width:41.66666667%}.col-l-4{width:33.33333333%}.col-l-3{width:25%}.col-l-2{width:16.66666667%}.col-l-1{width:8.33333333%}.col-l-pull-12{right:100%}.col-l-pull-11{right:91.66666667%}.col-l-pull-10{right:83.33333333%}.col-l-pull-9{right:75%}.col-l-pull-8{right:66.66666667%}.col-l-pull-7{right:58.33333333%}.col-l-pull-6{right:50%}.col-l-pull-5{right:41.66666667%}.col-l-pull-4{right:33.33333333%}.col-l-pull-3{right:25%}.col-l-pull-2{right:16.66666667%}.col-l-pull-1{right:8.33333333%}.col-l-pull-0{right:auto}.col-l-push-12{left:100%}.col-l-push-11{left:91.66666667%}.col-l-push-10{left:83.33333333%}.col-l-push-9{left:75%}.col-l-push-8{left:66.66666667%}.col-l-push-7{left:58.33333333%}.col-l-push-6{left:50%}.col-l-push-5{left:41.66666667%}.col-l-push-4{left:33.33333333%}.col-l-push-3{left:25%}.col-l-push-2{left:16.66666667%}.col-l-push-1{left:8.33333333%}.col-l-push-0{left:auto}.col-l-offset-12{margin-left:100%}.col-l-offset-11{margin-left:91.66666667%}.col-l-offset-10{margin-left:83.33333333%}.col-l-offset-9{margin-left:75%}.col-l-offset-8{margin-left:66.66666667%}.col-l-offset-7{margin-left:58.33333333%}.col-l-offset-6{margin-left:50%}.col-l-offset-5{margin-left:41.66666667%}.col-l-offset-4{margin-left:33.33333333%}.col-l-offset-3{margin-left:25%}.col-l-offset-2{margin-left:16.66666667%}.col-l-offset-1{margin-left:8.33333333%}.col-l-offset-0{margin-left:0}}@media all and (min-width:1440px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:auto}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:auto}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}@media all and (max-width:767px){.list-definition>dt{float:none}.list-definition>dd{margin-left:0}.form-row .form-label{text-align:left}.form-row .form-label.required:after{position:static}.nav{padding-bottom:0;padding-left:0;padding-right:0}.nav-bar-outer-actions{margin-top:0}.nav-bar{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:30.9rem}.nav-bar:before{display:none}.nav-bar>li{float:left;min-height:9rem}.nav-bar>li:after{display:none}.nav-bar>li:nth-child(4n){clear:both}.nav-bar a{line-height:1.4}.tooltip{display:none!important}.readiness-check-content{margin-right:2rem}.form-el-insider,.form-el-insider-wrap,.page-web-configuration .form-el-insider-input,.page-web-configuration .form-el-insider-input .form-el-input{display:block;width:100%}}@media all and (max-width:479px){.nav-bar{width:23.175rem}.nav-bar>li{width:7.725rem}.nav .btn-group .btn-wrap-try-again,.nav-bar-outer-actions .btn-wrap-try-again{clear:both;display:block;float:none;margin-left:auto;margin-right:auto;margin-top:1rem;padding-top:1rem}}
\ No newline at end of file

From 92c0443723fa82e3b759a948cd7741f471463187 Mon Sep 17 00:00:00 2001
From: Bogdan Plieshka 
Date: Mon, 16 Feb 2015 15:42:55 +0200
Subject: [PATCH 2/3] MAGETWO-34156: [UI] refactor variables names according to
 our code standards

- Updated variables after conflict merge with UI branch
---
 .../Magento_Theme/web/css/source/_module.less |   2 +-
 .../blank/web/css/source/_buttons.less        |   4 +-
 .../blank/web/css/source/_extends.less        |  32 +-
 .../Magento/luma/web/css/source/_buttons.less |   6 +-
 .../Magento/luma/web/css/source/_extends.less |  62 +--
 lib/web/css/source/lib/_buttons.less          |   8 +-
 lib/web/css/source/lib/buttons.less           | 405 ------------------
 7 files changed, 58 insertions(+), 461 deletions(-)
 delete mode 100644 lib/web/css/source/lib/buttons.less

diff --git a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less
index 2929d14a46f29..b810c2789ef8c 100644
--- a/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less
+++ b/app/design/frontend/Magento/blank/Magento_Theme/web/css/source/_module.less
@@ -30,7 +30,7 @@
 @minicart-icons-color: @header-icons-color;
 @minicart-icons-color-hover: @header-icons-color-hover;
 
-@button-shadow: inset 0 2px 1px rgba(0,0,0,.12);
+@button__shadow: inset 0 2px 1px rgba(0,0,0,.12);
 
 @h1__margin-bottom__desktop: @indent__xl;
 
diff --git a/app/design/frontend/Magento/blank/web/css/source/_buttons.less b/app/design/frontend/Magento/blank/web/css/source/_buttons.less
index 612f0bbaf17e9..d39be3843b270 100644
--- a/app/design/frontend/Magento/blank/web/css/source/_buttons.less
+++ b/app/design/frontend/Magento/blank/web/css/source/_buttons.less
@@ -14,12 +14,12 @@
 //--------------------------------------
 button,
 a.action.primary {
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
 }
 
 button {
     &:active {
-        .css(box-shadow, @button-shadow);
+        .css(box-shadow, @button__shadow);
     }
 }
 
diff --git a/app/design/frontend/Magento/blank/web/css/source/_extends.less b/app/design/frontend/Magento/blank/web/css/source/_extends.less
index 49eaf0be06bdd..3929da185262d 100644
--- a/app/design/frontend/Magento/blank/web/css/source/_extends.less
+++ b/app/design/frontend/Magento/blank/web/css/source/_extends.less
@@ -19,7 +19,7 @@
 .abs-action-link-button {
     .button();
     .link-as-button();
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
 }
 
 //
@@ -165,7 +165,7 @@
             .heading(h4);
         }
         display: inline-block;
-        margin: 0 0 @indent-xs-base;
+        margin: 0 0 @indent__xs;
         > .action {
             font-weight: 400;
             margin-left: @indent__s;
@@ -266,7 +266,7 @@
     width: auto;
     position: absolute;
     top: 31px;
-    left: @indent-s-base;
+    left: @indent__s;
     margin-left: 70%;
 }
 
@@ -299,7 +299,7 @@
                 > .secondary {
                     .action {
                         &.add {
-                            margin-top: @indent-l-base;
+                            margin-top: @indent__l;
                         }
                     }
                     float: left;
@@ -314,7 +314,7 @@
     }
     .message {
         &.notice {
-            margin: @indent-l-base 0 0;
+            margin: @indent__l 0 0;
         }
     }
     .additional {
@@ -501,7 +501,7 @@
     );
     &:after {
         position: absolute;
-        right: @indent-xs-base;
+        right: @indent__xs;
         top: 0;
     }
 }
@@ -620,7 +620,7 @@
     );
     &:after {
         position: absolute;
-        right: -@indent-s-base;
+        right: -@indent__s;
         top: 3px;
     }
     &-expanded {
@@ -745,7 +745,7 @@
         &:extend(.abs-icon-add all);
         &:before {
             margin-left: -17px;
-            margin-right: @indent-xs-base;
+            margin-right: @indent__xs;
         }
     }
 }
@@ -759,7 +759,7 @@
         border-bottom: @border-width__base solid @border-color__base;
         cursor: pointer;
         margin-bottom: 0;
-        padding: @indent-s-base @indent-xl-base @indent-s-base @layout-width-xs-indent;
+        padding: @indent__s @indent__xl @indent__s @layout__width-xs-indent;
         position: relative;
         .icon-font(
             @_icon-font-content: @icon-down,
@@ -770,7 +770,7 @@
         );
         &:after {
             position: absolute;
-            right: @indent-s-base;
+            right: @indent__s;
             top: 0;
         }
         &.active {
@@ -895,7 +895,7 @@
             border-radius: 3px;
             font-weight: bold;
             &:active {
-                .css(box-shadow, @button-shadow);
+                .css(box-shadow, @button__shadow);
             }
         }
         &.update {
@@ -904,11 +904,11 @@
                 @_icon-font-size: 32px,
                 @_icon-font-line-height: 16px
             );
-            padding-left: @indent-xs-base;
+            padding-left: @indent__xs;
         }
     }
 }
-.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .abs-shopping-cart-items-mobile {
         .actions {
             text-align: center;
@@ -917,7 +917,7 @@
             &.update,
             &.continue,
             &.clear {
-                margin: 0 auto @indent-s-base;
+                margin: 0 auto @indent__s;
             }
             &.update,
             &.clear {
@@ -926,7 +926,7 @@
         }
     }
 }
-.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen-m) {
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .abs-shopping-cart-items-desktop {
         float: left;
         width: 73%;
@@ -939,7 +939,7 @@
                 float: left;
             }
             &.clear {
-                margin-right: @indent-s-base;
+                margin-right: @indent__s;
             }
         }
     }
diff --git a/app/design/frontend/Magento/luma/web/css/source/_buttons.less b/app/design/frontend/Magento/luma/web/css/source/_buttons.less
index 36e5158567464..2791fa2728fe8 100644
--- a/app/design/frontend/Magento/luma/web/css/source/_buttons.less
+++ b/app/design/frontend/Magento/luma/web/css/source/_buttons.less
@@ -14,14 +14,14 @@
 //--------------------------------------
 button,
 a.action.primary {
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
 }
 
 button {
     &:not(.primary) {
-        .css(box-shadow, @button-shadow);
+        .css(box-shadow, @button__shadow);
         &:active {
-            .css(box-shadow, @button-shadow-active);
+            .css(box-shadow, @button__shadow-active);
         }
     }
 }
diff --git a/app/design/frontend/Magento/luma/web/css/source/_extends.less b/app/design/frontend/Magento/luma/web/css/source/_extends.less
index 79c96dc71fad4..062389e30dcad 100644
--- a/app/design/frontend/Magento/luma/web/css/source/_extends.less
+++ b/app/design/frontend/Magento/luma/web/css/source/_extends.less
@@ -18,7 +18,7 @@
 //--------------------------------------
 .action-primary {
     .button-primary();
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
 }
 
 //
@@ -26,12 +26,12 @@
 //--------------------------------------
 .abs-revert-to-action-secondary {
     &:extend(.abs-revert-secondary-color all);
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
     &:not(:focus) {
-        .css(box-shadow, @button-shadow);
+        .css(box-shadow, @button__shadow);
     }
     &:active {
-        .css(box-shadow, @button-shadow-active);
+        .css(box-shadow, @button__shadow-active);
     }
 }
 
@@ -41,7 +41,7 @@
 .abs-action-link-button {
     .button();
     .link-as-button();
-    .css(border-radius, @button-border-radius);
+    .css(border-radius, @button__border-radius);
 }
 
 //
@@ -52,7 +52,7 @@
         @_margin: false
     );
     border-radius: 0;
-    .css(font-weight, @font-weight-base);
+    .css(font-weight, @font-weight__regular);
     &:active,
     &:not(:focus) {
         box-shadow: none;
@@ -190,7 +190,7 @@
     }
     padding-bottom: 12px;
     margin-bottom: 15px;
-    .css(border-bottom, 1px solid @color-secondary);
+    .css(border-bottom, 1px solid @secondary__color);
     .font-size(18);
 }
 
@@ -324,7 +324,7 @@
             > .secondary {
                 .action {
                     &.add {
-                        margin-top: @indent-l-base;
+                        margin-top: @indent__l;
                     }
                 }
                 float: left;
@@ -347,7 +347,7 @@
     }
     .message {
         &.notice {
-            margin: @indent-l-base 0 0;
+            margin: @indent__l 0 0;
         }
     }
 }
@@ -379,7 +379,7 @@
 //--------------------------------------
 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .abs-margin-for-forms-desktop {
-        .css(margin-left, @form-field-type-inline-label-width);
+        .css(margin-left, @form-field-type-label-inline__width);
     }
 }
 
@@ -589,7 +589,7 @@
 .abs-methods-shipping-title {
     .font-size(16);
     margin-bottom: 15px;
-    .css(font-weight, @font-weight-semibold);
+    .css(font-weight, @font-weight__semibold);
 }
 
 //
@@ -600,7 +600,7 @@
         tbody > tr {
             &:extend(.abs-add-clearfix-mobile all);
             &:not(:last-child) {
-                .css(border-bottom, @border-width-base solid @border-color-base);
+                .css(border-bottom, @border-width__base solid @border-color__base);
             }
             > td.col {
                 &.item {
@@ -692,20 +692,20 @@
 //    Abstract toggle title block
 //--------------------------------------
 @abs-toggling-title: {
-    .css(border-top, @border-width-base solid @border-color-base);
+    .css(border-top, @border-width__base solid @border-color__base);
     cursor: pointer;
     margin-bottom: 0;
     position: relative;
     &:after {
         position: absolute;
-        right: @indent-base;
-        top: @indent-s-base;
+        right: @indent__base;
+        top: @indent__s;
     }
 };
 
 .abs-toggling-title {
     @abs-toggling-title();
-    .css(padding, @indent-s-base @indent-xl-base @indent-s-base @mobile-cart-padding);
+    .css(padding, @indent__s @indent__xl @indent__s @mobile-cart-padding);
     .icon-font(
         @icon-down,
         @_icon-font-size: 12px,
@@ -720,8 +720,8 @@
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
     .abs-toggling-title-mobile {
         @abs-toggling-title();
-        .css(border-bottom, @border-width-base solid @border-color-base);
-        .css(padding, @indent-s-base @indent-xl-base @indent-s-base @layout-width-xs-indent);
+        .css(border-bottom, @border-width__base solid @border-color__base);
+        .css(padding, @indent__s @indent__xl @indent__s @layout__width-xs-indent);
         .icon-font(
             @icon-down,
             @_icon-font-size: 12px,
@@ -842,8 +842,8 @@
         .font-size(22);
         .css(font-weight, @font-weight__light);
     }
-    .css(margin-bottom, @indent-m-base);
-    .css(padding-bottom, @indent-s-base);
+    .css(margin-bottom, @indent__m);
+    .css(padding-bottom, @indent__s);
     .css(border-bottom, 1px solid @account-title-border-color);
 }
 
@@ -966,7 +966,7 @@
 .abs-tax-total {
     cursor: pointer;
     position: relative;
-    padding-right: @indent-s-base;
+    padding-right: @indent__s;
     .icon-font(
         @icon-down,
         @_icon-font-size: 8px,
@@ -1025,8 +1025,8 @@
         content: "";
         display: inline-block;
         height: 12px;
-        margin: 0 @indent-s-base;
-        .css(border-left, 1px solid @color-primary-light);
+        margin: 0 @indent__s;
+        .css(border-left, 1px solid @primary__color__light);
         vertical-align: -1px;
     }
     &:last-child {
@@ -1106,7 +1106,7 @@
         &:extend(.abs-icon-add all);
         &:before {
             margin-left: -17px;
-            margin-right: @indent-xs-base;
+            margin-right: @indent__xs;
         }
     }
 }
@@ -1138,11 +1138,11 @@
 //    Status
 //--------------------------------------
 .abs-status {
-    .css(border, 2px solid @border-color-base);
+    .css(border, 2px solid @border-color__base);
     border-radius: 3px;
     display: inline-block;
     margin: 3px 0 0;
-    padding: 2px @indent-s-base;
+    padding: 2px @indent__s;
     text-transform: uppercase;
     vertical-align: top;
 }
@@ -1150,7 +1150,7 @@
 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
     .abs-status-desktop {
         margin-top: 6px;
-        padding: @indent-xs-base @indent-s-base;
+        padding: @indent__xs @indent__s;
     }
 }
 
@@ -1247,7 +1247,7 @@
             z-index: 1;
         }
         .toolbar-amount {
-            .css(line-height, @pager-line-height);
+            .css(line-height, @pager__line-height);
             padding: 0;
         }
         .pages {
@@ -1282,7 +1282,7 @@
 //    Shopping cart items
 //--------------------------------------
 .abs-shopping-cart-items {
-    margin-bottom: @indent-base;
+    margin-bottom: @indent__base;
     .actions.main {
         .continue,
         .clear {
@@ -1334,8 +1334,8 @@
         );
         &:before {
             position: absolute;
-            top: @indent-xs-base;
-            left: @indent-s-base;
+            top: @indent__xs;
+            left: @indent__s;
             margin-left: 85%;
             z-index: 0;
         }
diff --git a/lib/web/css/source/lib/_buttons.less b/lib/web/css/source/lib/_buttons.less
index 378e3238362c5..71ec17f4786db 100644
--- a/lib/web/css/source/lib/_buttons.less
+++ b/lib/web/css/source/lib/_buttons.less
@@ -185,14 +185,16 @@
     @_link-color: @link__color,
     @_link-color-hover: @link__hover__color,
     @_line-height: @line-height__base,
-    @_disabled_opacity: @button__disabled__opacity
+    @_disabled_opacity: @button__disabled__opacity,
+    @_margin: 0,
+    @_padding: 0
 ) {
     background: none;
     border: 0;
     display: inline;
     .css(line-height, @_line-height);
-    margin: 0;
-    padding: 0;
+    .css(margin, @_margin);
+    .css(padding, @_padding);
     .link();
     &:hover {
         .css(color, @_link-color-hover);
diff --git a/lib/web/css/source/lib/buttons.less b/lib/web/css/source/lib/buttons.less
deleted file mode 100644
index 43b66d9d4a757..0000000000000
--- a/lib/web/css/source/lib/buttons.less
+++ /dev/null
@@ -1,405 +0,0 @@
-// /**
-//  * Copyright © 2015 Magento. All rights reserved.
-//  * See COPYING.txt for license details.
-//  */
-
-//
-//    Button with solid or pictire background
-//--------------------------------------
-.button(
-    @_button-font-family: @button-font-family,              // button font family
-    @_button-font-size: @button-font-size,                  // button font size
-    @_button-font-weight: @button-font-weight,              // button font weight
-    @_button-cursor: @button-cursor,                        // button cursor
-    @_button-display: @button-display,                      // button display
-    @_button-disabled-opacity: @button-disabled-opacity,    // button disabled opacity
-    @_button-line-height: @button-line-height,              // button line height
-    @_button-width: @button-width,                          // button width
-    @_button-margin: @button-margin,                        // margins of the button
-    @_button-padding: @button-padding,                      // paddings of the button
-    @_button-color: @button-color,                          // text color of the button
-    @_button-background: @button-background,                // background of the button
-    @_button-border: @button-border,                        // border of the button
-    @_button-color-hover: @button-color-hover,              // text color of the hovered button
-    @_button-background-hover: @button-background-hover,    // background of the hovered button
-    @_button-border-hover: @button-border-hover,            // border of the hovered button
-    @_button-color-active: @button-color-active,            // text color of the active button
-    @_button-background-active: @button-background-active,  // background of the active button
-    @_button-border-active: @button-border-active,          // border of the active button
-    @_button-gradient: @button-gradient,                    // does the button have gradient background
-    @_button-gradient-direction: @button-gradient-direction,                    // gradient direction the button
-    @_button-gradient-start-color: @button-gradient-start-color,                // gradient background start color
-    @_button-gradient-end-color: @button-gradient-end-color,                    // gradient background end color
-    @_button-gradient-start-color-hover: @button-gradient-start-color-hover,    // gradient background start color of the hovered button
-    @_button-gradient-end-color-hover: @button-gradient-end-color-hover,    // gradient background start color of the hovered button
-    @_button-gradient-start-color-active: @button-gradient-start-color-active,  // gradient background start color of the active button
-    @_button-gradient-end-color-active: @button-gradient-end-color-active,       // gradient background start color of the active button
-    @_button-icon-use: @button-icon-use,
-    @_button-font-content: @button-font-content,
-    @_button-icon-font: @button-icon-font,
-    @_button-icon-font-size: @button-icon-font-size,
-    @_button-icon-font-line-height: @button-icon-font-line-height,
-    @_button-icon-font-color: @button-icon-font-color,
-    @_button-icon-font-color-hover: @button-icon-font-color-hover,
-    @_button-icon-font-color-active: @button-icon-font-color-active,
-    @_button-icon-font-margin: @button-icon-font-margin,
-    @_button-icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_button-icon-font-position: @button-icon-font-position,
-    @_button-icon-font-text-hide: @button-icon-font-text-hide
-) {
-    background-image: none; // Reset unusual Firefox-on-Android default style
-    .css(background, @_button-background);
-    .background-gradient(
-        @_button-gradient-start-color,
-        @_button-gradient-end-color,
-        @_button-gradient-direction,
-        @_button-gradient
-    );
-    .css(padding, @_button-padding);
-    .css(width, @_button-width);
-    .css(color, @_button-color);
-    .css(border, @_button-border);
-    .css(cursor, @_button-cursor);
-    .css(display, @_button-display);
-    .css(font-family, @_button-font-family);
-    .font-size(@_button-font-size);
-    .css(font-weight, @_button-font-weight);
-    .line-height(@_button-line-height);
-    box-sizing: border-box;
-    .css(margin, @_button-margin);
-    vertical-align: middle;
-    ._button-icon (
-        @_button-icon-use: @_button-icon-use,
-        @_icon-font-content: @_button-font-content,
-        @_icon-font: @_button-icon-font,
-        @_icon-font-size: @_button-icon-font-size,
-        @_icon-font-line-height: @_button-icon-font-line-height,
-        @_icon-font-color: @_button-icon-font-color,
-        @_icon-font-color-hover: @_button-icon-font-color-hover,
-        @_icon-font-color-active: @_button-icon-font-color-active,
-        @_icon-font-margin: @_button-icon-font-margin,
-        @_icon-font-vertical-align: @_button-icon-font-vertical-align,
-        @_icon-font-position: @_button-icon-font-position,
-        @_icon-font-text-hide: @_button-icon-font-text-hide
-    );
-    &:focus,
-    &:active {
-        .css(background, @_button-background-active);
-        .background-gradient(
-            @_button-gradient-start-color-active,
-            @_button-gradient-end-color-active,
-            @_button-gradient-direction,
-            @_button-gradient
-        );
-        .css(border, @_button-border-active);
-        .css(color, @_button-color-active);
-    }
-    &:hover {
-        .css(background, @_button-background-hover);
-        .background-gradient(
-            @_button-gradient-start-color-hover,
-            @_button-gradient-end-color-hover,
-            @_button-gradient-direction,
-            @_button-gradient
-        );
-        .css(border, @_button-border-hover);
-        .css(color, @_button-color-hover);
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        cursor: default;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @_button-disabled-opacity);
-    }
-}
-
-//
-//    Button size
-//--------------------------------------
-.button-size(
-    @_button-line-height: @button-line-height,
-    @_button-padding: @button-padding
-){
-    .line-height(@_button-line-height);
-    .css(padding, @_button-padding);
-}
-
-//
-//    Large buttons
-//--------------------------------------
-.button-l(
-    @_button-l-font-size: @button-l-font-size,
-    @_button-l-height: @button-l-line-height,
-    @_button-l-padding: @button-l-padding
-) {
-    .button-size(
-        @_button-line-height: @_button-l-height,
-        @_button-padding: @_button-l-padding
-    );
-    .font-size(@_button-l-font-size);
-}
-
-//
-//    Small buttons
-//--------------------------------------
-.button-s(
-    @_button-s-font-size: @button-s-font-size,
-    @_button-s-height: @button-s-line-height,
-    @_button-s-padding: @button-s-padding
-) {
-    .button-size(
-        @_button-line-height: @_button-s-height,
-        @_button-padding: @_button-s-padding
-    );
-    .font-size(@_button-s-font-size);
-}
-
-//
-//    Link as button
-//--------------------------------------
-.link-as-button() {
-    .css(display, @button-display);
-    text-decoration: none;
-    &:hover,
-    &:active,
-    &:focus {
-        text-decoration: none;
-    }
-}
-
-//
-//    Button as link
-//--------------------------------------
-.button-as-link(
-    @_link-color: @link-color,
-    @_link-color-hover: @link-color-hover,
-    @_line-height: @line-height-base,
-    @_disabled_opacity: @button-disabled-opacity,
-    @_margin: 0,
-    @_padding: 0
-) {
-    background: none;
-    border: 0;
-    display: inline;
-    .css(line-height, @_line-height);
-    .css(margin, @_margin);
-    .css(padding, @_padding);
-    .link();
-    &:hover {
-        .css(color, @_link-color-hover);
-    }
-    &:hover,
-    &:active,
-    &:focus {
-        background: none;
-        border: 0;
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        .css(color, @_link-color);
-        text-decoration: underline;
-        cursor: default;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @_disabled_opacity);
-    }
-}
-
-//
-//    Responsive
-//--------------------------------------
-.button-responsive() {
-    width: 100%;
-}
-
-//
-//    Button reset
-//--------------------------------------
-.button-reset() {
-    background-image: none; // Reset unusual Firefox-on-Android default style
-    background: none;
-    border: 0;
-    margin: 0;
-    padding: 0;
-    -moz-box-sizing: content-box; // hack: fix Firefox button line-height problem
-    box-shadow: none;
-    text-shadow: none;
-    text-decoration: none;
-    line-height: inherit;
-    .css(font-weight, @font-weight-base);
-    &:focus,
-    &:active {
-        background: none;
-        border: none;
-    }
-    &:hover {
-        background: none;
-        border: none;
-    }
-    &.disabled,
-    &[disabled],
-    fieldset[disabled] & {
-        cursor: not-allowed;
-        pointer-events: none; // Disabling of clicks
-        .css(opacity, @button-disabled-opacity);
-    }
-}
-
-//
-//    Button primary
-//--------------------------------------
-.button-primary(
-    @_button-line-height: @button-primary-line-height,
-    @_button-width: @button-primary-width,
-    @_button-margin: @button-primary-margin,
-    @_button-padding: @button-primary-padding,
-    @_button-color: @button-primary-color,
-    @_button-background: @button-primary-background,
-    @_button-border: @button-primary-border,
-    @_button-gradient-start-color: @button-primary-gradient-start-color,
-    @_button-gradient-end-color: @button-primary-gradient-end-color,
-    @_button-color-hover: @button-primary-color-hover,
-    @_button-background-hover: @button-primary-background-hover,
-    @_button-border-hover: @button-primary-border-hover,
-    @_button-gradient-start-color-hover: @button-primary-gradient-start-color-hover,
-    @_button-gradient-end-color-hover: @button-primary-gradient-end-color-hover,
-    @_button-color-active: @button-primary-color-active,
-    @_button-background-active: @button-primary-background-active,
-    @_button-border-active: @button-primary-border-active,
-    @_button-gradient-start-color-active: @button-primary-gradient-start-color-active,
-    @_button-gradient-end-color-active: @button-primary-gradient-end-color-active,
-    @_button-gradient: @button-primary-gradient,
-    @_button-gradient-direction: @button-primary-gradient-direction
-) {
-    .button(
-        @_button-line-height: @_button-line-height,
-        @_button-width: @_button-width,
-        @_button-margin: @_button-margin,
-        @_button-padding: @_button-padding,
-        @_button-color: @_button-color,
-        @_button-background: @_button-background,
-        @_button-border: @_button-border,
-        @_button-color-hover: @_button-color-hover,
-        @_button-background-hover: @_button-background-hover,
-        @_button-border-hover: @_button-border-hover,
-        @_button-color-active: @_button-color-active,
-        @_button-background-active: @_button-background-active,
-        @_button-border-active: @_button-border-active,
-        @_button-gradient: @_button-gradient,
-        @_button-gradient-direction: @_button-gradient-direction,
-        @_button-gradient-start-color: @_button-gradient-start-color,
-        @_button-gradient-end-color: @_button-gradient-end-color,
-        @_button-gradient-start-color-hover: @_button-gradient-start-color-hover,
-        @_button-gradient-end-color-hover: @_button-gradient-end-color-hover,
-        @_button-gradient-start-color-active: @_button-gradient-start-color-active,
-        @_button-gradient-end-color-active: @_button-gradient-end-color-active
-     );
-}
-
-//
-//    Button revert secondary color
-//--------------------------------------
-.button-revert-secondary-color(
-    @_button-color: @button-color,
-    @_button-background: @button-background,
-    @_button-border: @button-border,
-
-    @_button-color-hover: @button-color-hover,
-    @_button-background-hover: @button-background-hover,
-    @_button-border-hover: @button-border-hover,
-
-    @_button-color-active: @button-color-active,
-    @_button-background-active: @button-background-active,
-    @_button-border-active: @button-border-active
-) {
-    .css(background, @_button-background);
-    .css(color, @_button-color);
-    .css(border, @_button-border);
-    &:focus,
-    &:active {
-        .css(background, @_button-background-active);
-        .css(color, @_button-color-active);
-        .css(border, @_button-border-active);
-    }
-    &:hover {
-        .css(background, @_button-background-hover);
-        .css(color, @_button-color-hover);
-        .css(border, @_button-border-hover);
-    }
-}
-
-//
-//    Button revert secondary size
-//--------------------------------------
-.button-revert-secondary-size(
-    @_button-font-size: @button-font-size,
-    @_button-line-height: @button-line-height,
-    @_button-padding: @button-padding
-) {
-    .font-size(@_button-font-size);
-    .button-size(
-        @_button-line-height: @_button-line-height,
-        @_button-padding: @_button-padding
-    )
-}
-
-//
-//    Inner buttons mixins
-//--------------------------------------
-._button-icon (
-    @_button-icon-use: @button-icon-use,
-    @_icon-font-content: @button-font-content,
-    @_icon-font: @button-icon-font,
-    @_icon-font-size: @button-icon-font-size,
-    @_icon-font-line-height: @button-icon-font-line-height,
-    @_icon-font-color: @button-icon-font-color,
-    @_icon-font-color-hover: @button-icon-font-color-hover,
-    @_icon-font-color-active: @button-icon-font-color-active,
-    @_icon-font-margin: @button-icon-font-margin,
-    @_icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_icon-font-position: @button-icon-font-position,
-    @_icon-font-text-hide: @button-icon-font-text-hide
-) when (@_button-icon-use = true) {
-    .button-icon (
-        @_icon-font-content: @_icon-font-content,
-        @_icon-font: @_icon-font,
-        @_icon-font-size: @_icon-font-size,
-        @_icon-font-line-height: @_icon-font-line-height,
-        @_icon-font-color: @_icon-font-color,
-        @_icon-font-color-hover: @_icon-font-color-hover,
-        @_icon-font-color-active: @_icon-font-color-active,
-        @_icon-font-margin: @_icon-font-margin,
-        @_icon-font-vertical-align: @_icon-font-vertical-align,
-        @_icon-font-position: @_icon-font-position,
-        @_icon-font-text-hide: @_icon-font-text-hide
-    );
-}
-
-.button-icon (
-    @_icon-font-content,
-    @_icon-font: @button-icon-font,
-    @_icon-font-size: @button-icon-font-size,
-    @_icon-font-line-height: @button-icon-font-line-height,
-    @_icon-font-color: @button-icon-font-color,
-    @_icon-font-color-hover: @button-icon-font-color-hover,
-    @_icon-font-color-active: @button-icon-font-color-active,
-    @_icon-font-margin: @button-icon-font-margin,
-    @_icon-font-vertical-align: @button-icon-font-vertical-align,
-    @_icon-font-position: @button-icon-font-position,
-    @_icon-font-text-hide: @button-icon-font-text-hide
-) {
-    .icon-font(
-        @_icon-font-content: @_icon-font-content,
-        @_icon-font: @_icon-font,
-        @_icon-font-size: @_icon-font-size,
-        @_icon-font-line-height: @_icon-font-line-height,
-        @_icon-font-color: @_icon-font-color,
-        @_icon-font-color-hover: @_icon-font-color-hover,
-        @_icon-font-color-active: @_icon-font-color-active,
-        @_icon-font-margin: @_icon-font-margin,
-        @_icon-font-vertical-align: @_icon-font-vertical-align,
-        @_icon-font-position: @_icon-font-position,
-        @_icon-font-text-hide: @_icon-font-text-hide
-    );
-}

From bce33c2fc310ae5aa3d258e6e81686491f4aa332 Mon Sep 17 00:00:00 2001
From: Bogdan Plieshka 
Date: Thu, 19 Feb 2015 11:28:48 +0200
Subject: [PATCH 3/3] MAGETWO-34156: [UI] refactor variables names according to
 our code standards

- Fixed less fallback for variables
---
 app/design/frontend/Magento/blank/web/css/print.less |  4 ++--
 lib/web/css/source/_theme.less                       |  4 ++--
 lib/web/css/source/_variables.less                   | 10 ++++++++++
 lib/web/mage/gallery.less                            |  5 +++--
 4 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 lib/web/css/source/_variables.less

diff --git a/app/design/frontend/Magento/blank/web/css/print.less b/app/design/frontend/Magento/blank/web/css/print.less
index 9f81e8ac107ec..d91a861d80f13 100644
--- a/app/design/frontend/Magento/blank/web/css/print.less
+++ b/app/design/frontend/Magento/blank/web/css/print.less
@@ -3,9 +3,9 @@
  * See COPYING.txt for license details.
  */
 
-// Import vars
 @import 'source/lib/_lib'; // Global lib
-@import 'source/_theme'; // Theme styles
+@import 'source/_theme'; // Theme overrides
+@import 'source/_variables'; // Local theme variables
 
 @baseDir: "../"; //default
 
diff --git a/lib/web/css/source/_theme.less b/lib/web/css/source/_theme.less
index 110a848340e0b..fcc418de318f6 100644
--- a/lib/web/css/source/_theme.less
+++ b/lib/web/css/source/_theme.less
@@ -4,7 +4,7 @@
 //  */
 
 //
-//  Theme fallback
+//  Theme overrides fallback
 //  _____________________________________________
 
-//  Magento themes fallback handling. Should be EMPTY.
+//  Magento themes overrides fallback handling. Should be EMPTY.
diff --git a/lib/web/css/source/_variables.less b/lib/web/css/source/_variables.less
new file mode 100644
index 0000000000000..076b8d36e8b9a
--- /dev/null
+++ b/lib/web/css/source/_variables.less
@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © 2015 Magento. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Theme variables fallback
+//  _____________________________________________
+
+//  Magento themes variables fallback handling. Should be EMPTY.
diff --git a/lib/web/mage/gallery.less b/lib/web/mage/gallery.less
index d7a87df82eab3..52d5093b2b577 100644
--- a/lib/web/mage/gallery.less
+++ b/lib/web/mage/gallery.less
@@ -33,8 +33,9 @@
 @gallery-lens-border-color: @border-color__base;
 @gallery-lens-border-width: @border-width__base;
 
-@import '../css/source/lib/_lib';
-@import '../css/source/_theme';
+@import '../css/source/lib/_lib'; // Global lib
+@import '../css/source/_theme'; // Theme overrides
+@import '../css/source/_variables'; // Local theme variables
 
 .loading-mask {
     .loading();