Atomic / Bootstrap / Tailwind support

[askirmas]

atomic

Naming conventions? Just ${x} and ${x}-${y}?

bootstrap

help char

Specific char needed for col-sm-5 col-sm-offset-2
https://getbootstrap.com/docs/3.4/css/#grid-responsive-resets: col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0

{
  col: {
    sm: 6,
    md: { "?": 5, offset: 2 },
    lg: { "?": 5, offset: 0 }
  }
}

Options:

1. {col: {md: { "=": 5, offset: 2 }}}
2. {col: {md: { $: 5, offset: 2 }}}
3. {col: {md: { "-": 5, offset: 2 }}}
4. {col: {md: { _: 5, offset: 2 }}}
5. {col: {md: { "*": 5, offset: 2 }}}
6. {col: {md: { "&": 5, offset: 2 }}}
7. {col: {md: { "@": 5, offset: 2 }}}
8. {col: {md: { "*": 5, offset: 2 }}}
9. {col: {md: { "": 5, offset: 2 }}}
10. {col: {md: [5, {offset: 2 }] }}

rules to not split

"visible-print-inline-block"|"visible-print-block"|"visible-print-inline"