|
1 | 1 | # less-css-helper-library
|
2 | 2 |
|
3 | 3 | Helper [less/css library](https://github.com/code-collabo/less-css-helper-library) to be used in css and frontend projects, built as close as possible to css itself. Related css key value pairs often used together are stored in classes for ease, reuse and to give quick structuring.
|
4 |
| - |
| 4 | + |
5 | 5 | ## v1.0.0 styles & classes
|
6 | 6 | v1.0.0 contains reset styles & some classes which you can apply on html elements:
|
7 | 7 |
|
@@ -34,13 +34,12 @@ From the class names, it's easy to tell what they do. See effect when added to a
|
34 | 34 | * `.block` only sets display to block.
|
35 | 35 | * `.grid` only sets display to grid.
|
36 | 36 | * `.flex` only sets display to flex.
|
37 |
| -* `.flex center` sets display to flex, justify-content & align-items are set to center. `flex-j-center` only sets justify content to center |
38 |
| - |
39 |
| -* Class names with suffix `-auto` make use of `margin: 0 auto;`. When applied on an element (with width changed to less than 100%), the element is horizontally centered. |
40 |
| - |
41 |
| - |
42 |
| -* `.b-container` uses same style as `block-auto` but with width set. Advicable to use this for the body element or html element(s) acting as outermost containers. |
43 |
| - |
44 |
| -A few exceptions: except for `x-auto` which means |
45 |
| - |
| 37 | +* `.flex center` sets display to flex, justify-content & align-items are set to center. |
| 38 | +* `flex-j-center` only sets display to flex & justify-content to center. |
| 39 | +* `flex-a-center` only sets display to flex & justify-content to center. |
| 40 | +* Class names with suffix `-auto` uses same styles as their look-alikes above, but make use of `margin: 0 auto;`. When applied on an element (with width changed to less than 100%), the element is horizontally centered. |
| 41 | +* `.b-container` uses same style as `block-auto`, but with width set & is responsive already. To be used on the body element or html element(s) acting as outermost containers. |
| 42 | +* **Exception:** `x-auto` sets overflow to auto. |
| 43 | + |
| 44 | +You have total control over what the width of the element (and margin in the case of `-auto`) should be. More details & tutorial comming soon on this topic. |
46 | 45 |
|
0 commit comments