@ulu/frontend 0.1.0-beta.96 → 0.1.0-beta.97
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/CHANGELOG.md +4 -0
- package/package.json +1 -1
- package/scss/README.md +5 -0
- package/scss/components/_skeleton.scss +3 -3
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ulu/frontend",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.97",
|
|
4
4
|
"description": "A versatile SCSS and JavaScript component library offering configurable, accessible components and flexible integration into any project, with SCSS modules suitable for modern JS frameworks.",
|
|
5
5
|
"browser": "js/index.js",
|
|
6
6
|
"main": "index.js",
|
package/scss/README.md
CHANGED
|
@@ -35,6 +35,11 @@
|
|
|
35
35
|
- Modules use simple variable, mixins and function names relative to their module
|
|
36
36
|
- Forwards will make namespacing in the overall ulu packaged module
|
|
37
37
|
- **Module Prefixes:** Modules all get prefixed by parent module ie lib will transform color.set() to color-set(), adding the modules namespace for users that are importing the whole library. It also matches the core modules `map-get()` and when @used `map.get()`
|
|
38
|
+
- Try to avoid "&" selector when possible?
|
|
39
|
+
- For example with
|
|
40
|
+
- .user-scope-selector { .component-example + .component-example { // This can be wrapped externally } }
|
|
41
|
+
- .user-scope-selector { .component-example { & + & {} } } // This will incorrectly inherit the users outer selector.
|
|
42
|
+
- Not crucial (we won't specifically design this way) but we may want to refactor in the future (at least components) so that we write selectors in a more static way so that scoping doesn't interfere
|
|
38
43
|
|
|
39
44
|
### Writing Docs
|
|
40
45
|
|
|
@@ -105,9 +105,9 @@ $config: (
|
|
|
105
105
|
}
|
|
106
106
|
#{ $prefix }__text--inline {
|
|
107
107
|
display: inline-block;
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
}
|
|
109
|
+
#{ $prefix }__text--inline + #{ $prefix }__text--inline {
|
|
110
|
+
margin-left: get("inline-margin");
|
|
111
111
|
}
|
|
112
112
|
@each $name, $value in get("text-sizes") {
|
|
113
113
|
#{ $prefix }__text--#{ $name } {
|