Install

npm i @angelscmf/front

or

npm i -D @angelscmf/front

Angels' CMF CSS

Angels' Screen Ranges

Super Ranges

.a-mobiles-only .a-desktops-only

Only Range

.a-mobile-only .a-tablet-only .a-laptop-only .a-desktop-only .a-large-only .a-extra-only

Range and Less

.a-mobile-and-less .a-tablet-and-less .a-laptop-and-less .a-desktop-and-less .a-large-and-less

Range and More

.a-tablet-and-more .a-laptop-and-more .a-desktop-and-more .a-large-and-more .a-extra-and-more

Angels' Messages

• <a-alert></a-alert> (.a-alert, a.a-alert, a-brick.a-alert, div.a-alert, p.a-alert, span.a-alert, ul.a-alert)
• <a-debug></a-debug> (.a-debug, a.a-debug, a-brick.a-debug, div.a-debug, p.a-debug, span.a-debug, ul.a-debug)
• <a-done></a-done> (.a-done, a.a-done, a-brick.a-done, div.a-done, p.a-done, span.a-done, ul.a-done)
• <a-error></a-error> .a-error, a.a-error, a-brick.a-error, div.a-error, p.a-error, span.a-error, ul.a-error
• <a-info></a-info> (.a-info, a.a-info, a-brick.a-info, div.a-info, p.a-info, span.a-info, ul.a-info)
• <a-tip></a-tip> (.a-tip, a.a-tip, a-brick.a-tip, div.a-tip, p.a-tip, span.a-tip, ul.a-tip)
• <a-warn></a-warn> (.a-warn, a.a-warn, a-brick.a-warn, div.a-warn, p.a-warn, span.a-warn, ul.a-warn)

Angels' Tags

• a-block
• a-flex
• a-grid
• a-iflex
• a-igrid

Angles' Elements

<a-block>
    <a-block-header>...</a-block-header>
    <a-block-body>...</a-block-body>
    <a-block-footer>...</a-block-footer>
</a-block>

Angles' Web Components

a-board

<a-board a-board-show="a-board-key-2">
    <any-tag a-board-key="a-board-key-1">Board 1</any-tag>
    <any-tag a-board-key="a-board-key-2">Board 2</any-tag>
</a-board>