Skip to content

Latest commit

 

History

History
38 lines (30 loc) · 963 Bytes

themes.md

File metadata and controls

38 lines (30 loc) · 963 Bytes
Raw

Themes

The default Reaction theme (core-theme) uses Bootstrap 3 and the Less preprocessor to build the theme.

Mixins

Core Theme Bootstrap RTL (Right to Left)

Support for Right to Left languages

The rtl class is added when the shops.languages language direction is 'rtl'. See packages/core-theme/default/bootstrap.rtl.less file for RTL mixins that you should use instead of standard css properties when editing LESS themes.

For example, instead of doing the following:

.mystyle {
  padding-right: 50px;
}

You should use the RTL mixin instead:

.mystyle {
  .padding-right(50px);
}

The following RTL mixins are available:

  • .rtl
  • .ltr
  • .left
  • .right
  • .margin-left
  • .margin-right
  • .padding-left
  • .padding-right
  • .float
  • .clear
  • .text-align