@pareto-engineering/bem 0.1.5 → 3.0.0-alpha.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/exports.scss +24 -0
- package/index.scss +0 -4
- package/package.json +7 -3
- package/readme.md +3 -1
- package/stylelint.config.js +1 -46
package/exports.scss
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@use "index" as *;
|
|
2
|
+
|
|
3
|
+
/* stylelint-disable selector-pseudo-class-no-unknown, property-no-unknown, max-line-length, property-case -- To allow the export rule */
|
|
4
|
+
:export {
|
|
5
|
+
// Bear in mind the following will be JS variables. This is why we use camelCase.
|
|
6
|
+
base: ds;
|
|
7
|
+
elementContent: $element-content;
|
|
8
|
+
elementHeading: $element-heading;
|
|
9
|
+
elementItem: $element-item;
|
|
10
|
+
elementSection: $element-section;
|
|
11
|
+
elementSubtitle: $element-subtitle;
|
|
12
|
+
modifierActive: $modifier-active;
|
|
13
|
+
modifierAnimated: $modifier-animated;
|
|
14
|
+
modifierAttached: $modifier-attached;
|
|
15
|
+
modifierCompact: $modifier-compact;
|
|
16
|
+
modifierGhost: $modifier-ghost;
|
|
17
|
+
modifierOpen: $modifier-open;
|
|
18
|
+
modifierSimple: $modifier-simple;
|
|
19
|
+
modifierTransparent: $modifier-transparent;
|
|
20
|
+
wrapperGroup: $wrapper-group;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* stylelint-enable */
|
|
24
|
+
|
package/index.scss
CHANGED
|
@@ -25,7 +25,6 @@ $base:$namespace-base-class-name !default;
|
|
|
25
25
|
// The :export block makes the variables available to Javascript
|
|
26
26
|
// https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/
|
|
27
27
|
|
|
28
|
-
/* stylelint-disable selector-pseudo-class-no-unknown, property-no-unknown, max-line-length, property-case -- To allow the export rule */
|
|
29
28
|
:export {
|
|
30
29
|
// Bear in mind the following will be JS variables. This is why we use camelCase.
|
|
31
30
|
base: $base;
|
|
@@ -44,6 +43,3 @@ $base:$namespace-base-class-name !default;
|
|
|
44
43
|
modifierTransparent: $modifier-transparent;
|
|
45
44
|
wrapperGroup: $wrapper-group;
|
|
46
45
|
}
|
|
47
|
-
|
|
48
|
-
/* stylelint-enable */
|
|
49
|
-
|
package/package.json
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pareto-engineering/bem",
|
|
3
3
|
"author": "",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "3.0.0-alpha.29",
|
|
5
5
|
"repository": "github:HelloPareto/bem",
|
|
6
6
|
"description": "",
|
|
7
|
-
"main": "index.scss",
|
|
8
7
|
"scripts": {
|
|
9
8
|
"test:stylelint": "stylelint src/**/*.scss --rd --rdd --risd --color --formatter verbose"
|
|
10
9
|
},
|
|
10
|
+
"exports": {
|
|
11
|
+
".": "./index.scss",
|
|
12
|
+
"./exports": "./exports.scss"
|
|
13
|
+
},
|
|
11
14
|
"license": "ISC",
|
|
12
15
|
"devDependencies": {
|
|
13
16
|
"jsonlint": "^1.6.3",
|
|
@@ -15,5 +18,6 @@
|
|
|
15
18
|
"stylelint": "^13.12.0",
|
|
16
19
|
"stylelint-config-palantir": "^5.0.0",
|
|
17
20
|
"stylelint-scss": "^3.19.0"
|
|
18
|
-
}
|
|
21
|
+
},
|
|
22
|
+
"gitHead": "f4943cacda9688d55d7e496f955c6f388102d16d"
|
|
19
23
|
}
|
package/readme.md
CHANGED
|
@@ -2,4 +2,6 @@ This is our interpretation of the [bem](http://getbem.com/introduction/) methodo
|
|
|
2
2
|
|
|
3
3
|
We export variables to be used as _elements_ and _modifiers_ on the design system or the applications.
|
|
4
4
|
|
|
5
|
-
This helps ensure the class names are consistent across
|
|
5
|
+
This helps ensure the class names are consistent across applications.
|
|
6
|
+
|
|
7
|
+
|
package/stylelint.config.js
CHANGED
|
@@ -1,48 +1,3 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
3
|
-
"stylelint-config-palantir",
|
|
4
|
-
"stylelint-config-palantir/sass.js",
|
|
5
|
-
],
|
|
6
|
-
"rules": {
|
|
7
|
-
"indentation": 2,
|
|
8
|
-
"number-leading-zero":"never",
|
|
9
|
-
'at-rule-no-unknown':[true,
|
|
10
|
-
{
|
|
11
|
-
ignoreAtRules: [
|
|
12
|
-
// additional scss at-rules:
|
|
13
|
-
"content", "each", "else", "error", "extend", "for", "function", "if", "include", "mixin", "return", "use", "forward"
|
|
14
|
-
],
|
|
15
|
-
}
|
|
16
|
-
],
|
|
17
|
-
"at-rule-empty-line-before": ["always", {
|
|
18
|
-
"except": ["after-same-name", "inside-block"],
|
|
19
|
-
"ignoreAtRules": ["include", "mixin", "function"]
|
|
20
|
-
}],
|
|
21
|
-
"order/order": [
|
|
22
|
-
[
|
|
23
|
-
"custom-properties",
|
|
24
|
-
"at-variables",
|
|
25
|
-
"dollar-variables",
|
|
26
|
-
"less-mixins",
|
|
27
|
-
/*
|
|
28
|
-
{
|
|
29
|
-
"type": "at-rule",
|
|
30
|
-
"name": "include"
|
|
31
|
-
},*/
|
|
32
|
-
"declarations",
|
|
33
|
-
"rules",
|
|
34
|
-
],
|
|
35
|
-
{ unspecified: "ignore" },
|
|
36
|
-
],
|
|
37
|
-
"property-no-unknown":[
|
|
38
|
-
true,
|
|
39
|
-
{
|
|
40
|
-
ignoreProperties: ['text-stroke', 'font-smooth'],
|
|
41
|
-
},
|
|
42
|
-
]
|
|
43
|
-
|
|
44
|
-
}
|
|
2
|
+
extends:['../../stylelint.config.js'],
|
|
45
3
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|