<commit_before>muscles.css
===========

A flexbox based modular layout css toolkit. Easily add flexbox layouts to your
app or site without having to write css.

Inspired by [inuitcss layout](https://github.com/inuitcss/objects.layout) and
inuit style css.

**Disclaimer**: This is very much a work in progress and I do not recommend
using it in production just yet.

Goals
-----

The goals of this are to provide a simple, flexible, modular set of classes
that can be quickly added to your html. 

* be as easy to use as any common grid system
* require very little superfluous markup (ideally none) allowing for style on 
  flex containers and items when possible
* be usable for general page/app layout and specific ui/component layout
* use modular approach to css class names

Examples
--------

Have a look at the (example/index.html)[https://github.com/jonotron/muscles.css/blob/master/example/index.html]
for some idea on how this is used (htmlpreview)[https://htmlpreview.github.io/?https://github.com/jonotron/muscles.css/blob/master/example/index.html]

Todo
----

Obviously this needs more documentation, but you can try it out by including
the `dist/muscles.css` file in your html page (see `example/index.html`) for
some usage examples.
<commit_msg>fix markdown syntax linking to examples<commit_after>muscles.css
===========

A flexbox based modular layout css toolkit. Easily add flexbox layouts to your
app or site without having to write css.

Inspired by [inuitcss layout](https://github.com/inuitcss/objects.layout) and
inuit style css.

**Disclaimer**: This is very much a work in progress and I do not recommend
using it in production just yet.

Goals
-----

The goals of this are to provide a simple, flexible, modular set of classes
that can be quickly added to your html. 

* be as easy to use as any common grid system
* require very little superfluous markup (ideally none) allowing for style on 
  flex containers and items when possible
* be usable for general page/app layout and specific ui/component layout
* use modular approach to css class names

Examples
--------

Have a look at the [example/index.html](https://github.com/jonotron/muscles.css/blob/master/example/index.html)
for some idea on how this is used [htmlpreview](https://htmlpreview.github.io/?https://github.com/jonotron/muscles.css/blob/master/example/index.html)

Todo
----

Obviously this needs more documentation, but you can try it out by including
the `dist/muscles.css` file in your html page (see `example/index.html`) for
some usage examples.

{'fraction_non_alphanumeric': 0.09098039215686274, 'fraction_numerical': 0.0, 'mean_word_length': 4.102, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3883989', 'n_tokens_mistral': 726, 'n_tokens_neox': 698, 'n_words': 325}