Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .github/workflows/website.yml
Original file line number Diff line number Diff line change
Expand Up @@ -25,3 +25,4 @@ jobs:
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: 'docs/styleguide'
cname: 'docs.mlut.style'
11 changes: 6 additions & 5 deletions docs/homepage.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,15 +29,15 @@ The best CSS framework for creative coding. Make CSS exciting again!
- `.Jc-c` => `justify-content: center`, `.Js-c` => `justify-self: center`
- `.Bdr` => `border-right: 1px solid`, `.Bdrd1` => `border-radius: 1px`

[One algorithm](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-naming) for all. If you know CSS, you almost know mlut.
[One algorithm](https://docs.mlut.style/section-concepts.html#kssref-concepts-naming) for all. If you know CSS, you almost know mlut.
</section>

<section class="Mb4gg">

### Almost arbitrary by design
- [values](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-values): `.Ml-1/7` => `margin-left: -14.3%`
- [states](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-states): `Bgc-red200_h,f` => `.Bgc-red200_h\,f:hover, .Bgc-red200_h\,f:focus {...}`
- [at-rules](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-at_rules): `@:p-c,w>=80r_D-f` => `@media (pointer: coarse), (min-width: 90rem) {...}`
- [values](https://docs.mlut.style/section-concepts.html#kssref-concepts-values): `.Ml-1/7` => `margin-left: -14.3%`
- [states](https://docs.mlut.style/section-concepts.html#kssref-concepts-states): `Bgc-red200_h,f` => `.Bgc-red200_h\,f:hover, .Bgc-red200_h\,f:focus {...}`
- [at-rules](https://docs.mlut.style/section-concepts.html#kssref-concepts-at_rules): `@:p-c,w>=80r_D-f` => `@media (pointer: coarse), (min-width: 90rem) {...}`

</section>

Expand Down Expand Up @@ -119,7 +119,7 @@ Add utilities, states and custom at-rules with few lines of code
- 💅️ Written in [Sass](https://www.sass-lang.com/) and includes all its benefits
- ⚡ JIT (on-demand) and AOT mods are available
- 🔧 **Fully customizable**: change tokens, utilities names and any settings
- ✨ **Easy to integrate** in existing project. No name collisions with your CSS in the most projects. Increasing specificity in [one line](https://mlutcss.github.io/mlut/section-settings.html#kssref-settings-utils-other-up_specificity) or for [one](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-states-special-tu) utility.
- ✨ **Easy to integrate** in existing project. No name collisions with your CSS in the most projects. Increasing specificity in [one line](https://docs.mlut.style/section-settings.html#kssref-settings-utils-other-up_specificity) or for [one](https://docs.mlut.style/section-concepts.html#kssref-concepts-states-special-tu) utility.

</section>

Expand Down Expand Up @@ -180,6 +180,7 @@ Addons may contains any tools, settings and styles. Addons now at the **preview*
<section class="Mb4gg">

## What next? ##
- multiple gradients
- first-class pseudoselectors with arguments like `has()`
- performance optimization
- plugins for editors and IDEs with hints and autocompletion
Expand Down
2 changes: 1 addition & 1 deletion packages/core/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ When using this package, you will need to install Sass separately. We recommend
This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use.

## Documentation ##
Full documentation available [here](https://mlutcss.github.io/mlut/)
Full documentation available [here](https://docs.mlut.style/)

## License ##
MIT
15 changes: 8 additions & 7 deletions packages/mlut/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,12 +49,12 @@ The best CSS framework for creative coding. Make CSS exciting again!
- `Jc-c` => `justify-content: center`, `Js-c` => `justify-self: center`
- `Bdr` => `border-right: 1px solid`, `Bdrd1` => `border-radius: 1px`

[One algorithm](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-naming) for all. If you know CSS, you almost know mlut.
[One algorithm](https://docs.mlut.style/section-concepts.html#kssref-concepts-naming) for all. If you know CSS, you almost know mlut.

### Almost arbitrary by design
- [values](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-values): `.Ml-1/7` => `margin-left: -14.3%`
- [states](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-states): `Bgc-red200_h,f` => `.Bgc-red200_h\,f:hover, .Bgc-red200_h\,f:focus {...}`
- [at-rules](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-at_rules): `@:p-c,w>=80r_D-f` => `@media (pointer: coarse), (min-width: 90rem) {...}`
- [values](https://docs.mlut.style/section-concepts.html#kssref-concepts-values): `.Ml-1/7` => `margin-left: -14.3%`
- [states](https://docs.mlut.style/section-concepts.html#kssref-concepts-states): `Bgc-red200_h,f` => `.Bgc-red200_h\,f:hover, .Bgc-red200_h\,f:focus {...}`
- [at-rules](https://docs.mlut.style/section-concepts.html#kssref-concepts-at_rules): `@:p-c,w>=80r_D-f` => `@media (pointer: coarse), (min-width: 90rem) {...}`

### Great ergonomics
Shorter class names:
Expand Down Expand Up @@ -122,7 +122,7 @@ Add utilities, states and custom at-rules with few lines of code
- 💅️ Written in [Sass](https://www.sass-lang.com/) and includes all its benefits
- ⚡ **JIT** (on-demand) and **AOT** mods are available
- 🔧 **Fully customizable**: change tokens, utilities names and any settings
- ✨ **Easy to integrate** in existing project. No name collisions with your CSS in the most projects. Increasing specificity in [one line](https://mlutcss.github.io/mlut/section-settings.html#kssref-settings-utils-other-up_specificity) or for [one](https://mlutcss.github.io/mlut/section-concepts.html#kssref-concepts-states-special-tu) utility.
- ✨ **Easy to integrate** in existing project. No name collisions with your CSS in the most projects. Increasing specificity in [one line](https://docs.mlut.style/section-settings.html#kssref-settings-utils-other-up_specificity) or for [one](https://docs.mlut.style/section-concepts.html#kssref-concepts-states-special-tu) utility.

## Structure ##
- Sass tools
Expand Down Expand Up @@ -266,10 +266,10 @@ Add the compiled CSS to your page and use mlut utils!

#### Plugins ####

mlut has a plugins for Rollup, Vite and Webpack. See details [here](https://mlutcss.github.io/mlut/section-start.html#kssref-start-integrations)
mlut has a plugins for Rollup, Vite and Webpack. See details [here](https://docs.mlut.style/section-start.html#kssref-start-integrations)

## Documentation ##
Available [here](https://mlutcss.github.io/mlut/) or can be run locally. Documentation is included in this repo and is generated using [KSS-node](https://github.com/kss-node/kss-node) from the comments in the sources
Available [here](https://docs.mlut.style/) or can be run locally. Documentation is included in this repo and is generated using [KSS-node](https://github.com/kss-node/kss-node) from the comments in the sources

## Articles ##
- Atomic CSS Deep Dive: [EN](https://dev.to/mr150/atomic-css-deep-dive-1hee), [RU](https://habr.com/ru/articles/833712/)
Expand All @@ -281,6 +281,7 @@ Available [here](https://mlutcss.github.io/mlut/) or can be run locally. Documen
- I hired a junior dev for my open source project. This is what happened: [RU](https://habr.com/ru/articles/962468/)

## What next? ##
- multiple gradients
- first-class pseudoselectors with arguments like `has()`
- performance optimization
- plugins for editors and IDEs with hints and autocompletion
Expand Down
2 changes: 1 addition & 1 deletion packages/plugins/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ You can add the options in your input Sass file too. Options must be a **valid J
```

## Documentation ##
Full documentation available [here](https://mlutcss.github.io/mlut/section-start.html#kssref-start-integrations)
Full documentation available [here](https://docs.mlut.style/section-start.html#kssref-start-integrations)

## License ##
MIT