Jettix

Under construction

About

HTML, CSS, SCSS, JavaScript Framework.
Вспомогательный, маленький framework, предназначенный для формирования layout.

Usage

npm install jettix --save-dev

Особенности

Locator

//_variables.scss
$locator: ".%" !default;

Standard mode "."

Как в большинстве современных фреймворков, пачкаем HTML и делаем тяжелым CSS:

<div class="grid-12">
    <div class="col-4 col-b10-3 col-b8-2 off-b6"></div>
    <div class="col-8 col-b10-9 col-b8-10 col-b6-12"></div>
</div>

Хотя можно минимизаторами удалить из скомпилированного CSS лишние.

SCSS develop mode "%"

Для облегчения скомпилированного CSS и чистого/читабельного HTML.

<div class="main">
    <div class="sidebar"></div>
    <div class="content"></div>
</div>

.main {
    @extend %grid-12;

    .sidebar {
        @extend %col-4, %col-b10-3, %col-b8-2, %off-b6;
    }

    .content {
        @extend %col-8, %col-b10-9, %col-b8-10, %col-b6-12;
    }
}

Debug mode ".%" or "%."

Включает возможность 2х предыдущих модов.