Компоненты для блока стилей
Это компоненты которые находятся в блоке "style". Ниже я их перечислю:
-
MuStyleClass - этот компонент используется для вывода классов.
-
MuStyleId - этот компонент используется для вывода id-ов.
-
MuStyleTag - этот компонент используется для вывода тегов.
-
MuStyleKey - если нужно вывести код препроцессора (less или sass), то этот компонент нужен для создания вложенных правил. К примеру, если у нас есть класс ".book", и в нём лежит CSS компонент "&-item", то "&-item" нужно вывечти через "MuStyleKey".
-
MuStyleParam - в этот компонент нужно будет положить свойства CSS элемента. Если объяснять более подробно, то этими свойствами являются margin, padding, font-size и тд.
-
MuStyleUnitMeas - этот компонент нужен для вывода единиц измерения (em. rem, px и тд).
-
MuStyleAmpersand - этот компонент нужен для вывода амперсанда (&).
-
MuStyleCurlyBrace - этот компонент нужен для вывода фигурных скобок.
Данные компоненты подключаются следующим способом:
Components for the style block
These are the components that are located in the "style" block. I'll list them below:
-
MuStyleClass - this component is used to output classes.
-
MuStyleId - this component is used to output IDs.
-
MuStyleTag - this component is used to output tags.
-
MuStyleKey - if you need to output the preprocessor code (less or sass), then this component is needed to create nested rules. For example, if we have a class."book", and it contains the CSS component "&-item", then "&-item" needs to be displayed using "MuStyleKey".
-
MuStyleParam - you will need to put the CSS properties of the element in this component. To explain in more detail, these properties are margin, padding, font-size, and so on.
-
MuStyleUnitMeas - this component is needed to output units of measurement (em. rem, px, etc.).
-
MuStyleAmpersand - this component is needed to output the ampersand (&).
-
MuStyleCurlyBrace - this component is needed to output curly braces.
These components are connected in the following way:
:
;
:
;
:
;
:
;
:
;
:
;
:
;
:
;
:
;
:
;
;