diff options
Diffstat (limited to 'src/bem/_vars.scss')
-rw-r--r-- | src/bem/_vars.scss | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/src/bem/_vars.scss b/src/bem/_vars.scss new file mode 100644 index 0000000..5942d4f --- /dev/null +++ b/src/bem/_vars.scss | |||
@@ -0,0 +1,108 @@ | |||
1 | //// | ||
2 | /// @group BEM | ||
3 | /// | ||
4 | /// @access public | ||
5 | //// | ||
6 | |||
7 | /// | ||
8 | /// Separating character sequence for elements. | ||
9 | /// | ||
10 | /// @type string | ||
11 | /// | ||
12 | $iro-bem-element-separator: '__' !default; | ||
13 | |||
14 | /// | ||
15 | /// Separating character sequence for modifiers. | ||
16 | /// | ||
17 | /// @type string | ||
18 | /// | ||
19 | $iro-bem-modifier-separator: '--' !default; | ||
20 | |||
21 | /// | ||
22 | /// Separating character sequence for BEMIT suffixes. | ||
23 | /// | ||
24 | /// @type string | ||
25 | /// | ||
26 | $iro-bem-suffix-separator: '\\@' !default; | ||
27 | |||
28 | /// | ||
29 | /// Prefixes for all BEMIT namespaces. | ||
30 | /// | ||
31 | /// @prop {string} utility ['u'] - Utility namespace | ||
32 | /// @prop {string} object ['o'] - Object namespace | ||
33 | /// @prop {string} component ['c'] - Component namespace | ||
34 | /// @prop {string} layout ['l'] - Layout namespace | ||
35 | /// @prop {string} scope ['s'] - Scope namespace | ||
36 | /// @prop {string} theme ['t'] - Theme namespace | ||
37 | /// @prop {string} js ['js'] - JS namespace | ||
38 | /// @prop {string} qa ['qa'] - QA namespace | ||
39 | /// @prop {string} hack ['_'] - Hack namespace | ||
40 | /// | ||
41 | /// @type map | ||
42 | /// | ||
43 | $iro-bem-namespaces: ( | ||
44 | object: 'o', | ||
45 | component: 'c', | ||
46 | layout: 'l', | ||
47 | scope: 's', | ||
48 | theme: 't', | ||
49 | utility: 'u', | ||
50 | js: 'js', | ||
51 | qa: 'qa', | ||
52 | hack: '_' | ||
53 | ) !default; | ||
54 | |||
55 | /// | ||
56 | /// A list of all generated blocks. | ||
57 | /// | ||
58 | /// @type list | ||
59 | /// | ||
60 | /// @access private | ||
61 | /// | ||
62 | $iro-bem-blocks: (); | ||
63 | |||
64 | /// | ||
65 | /// Maximum nesting depth of BEM mixins. The large default value means there is no effective limit. | ||
66 | /// | ||
67 | /// @type number | ||
68 | /// | ||
69 | $iro-bem-max-depth: 99 !default; | ||
70 | |||
71 | /// | ||
72 | /// Indicates how nested elements should be handled. | ||
73 | /// | ||
74 | /// 'allow' means elements will be nested, i.e. the result will be {e} {b}__element. | ||
75 | /// 'disallow' means an error will be emitted. | ||
76 | /// 'append' means the element name will be appended to the parent element, i.e. the result will be {e}__element. | ||
77 | /// Any other value is treated as 'allow'. | ||
78 | /// | ||
79 | /// @type string | ||
80 | /// | ||
81 | $iro-bem-element-nesting-policy: 'allow' !default; | ||
82 | |||
83 | /// | ||
84 | /// Context ID used for all BEM-related mixins. | ||
85 | /// | ||
86 | /// @type string | ||
87 | /// | ||
88 | $iro-bem-context-id: 'bem' !default; | ||
89 | |||
90 | /// | ||
91 | /// Debug mode. | ||
92 | /// | ||
93 | /// @type bool | ||
94 | /// | ||
95 | $iro-bem-debug: false !default; | ||
96 | |||
97 | /// | ||
98 | /// Colors assigned to namespaces. | ||
99 | /// | ||
100 | /// @type map | ||
101 | /// | ||
102 | $iro-bem-debug-colors: ( | ||
103 | object: #ffa500, | ||
104 | component: #00f, | ||
105 | layout: #ff0, | ||
106 | utility: #008000, | ||
107 | hack: #f00 | ||
108 | ) !default; | ||