Contents

Discover what’s included in MIZ, including our compiled and source code flavors.

MIZ Folder Structure #

Once installed , the folder and you'll see something like this:

                    miz
│   style.scss
│   _index.scss
│   _test.scss
│
├───config
│       _colors.scss
│       _commons.scss
│       _dims.scss
│       _index.scss
│       _paths.scss
│       _reset.scss
│       _responsive.scss
│
├───global-functions
│       _break-point.scss
│       _colors.scss
│       _images.scss
│       _index.scss
│
├───kernel
│   │   _index.scss
│   │
│   ├───common
│   │       _aspect-ratio.scss
│   │       _colors.scss
│   │       _cursor.scss
│   │       _functions.scss
│   │       _image.scss
│   │       _index.scss
│   │       _opacity.scss
│   │       _overflow.scss
│   │       _position.scss
│   │       _z-index.scss
│   │
│   ├───global-functions
│   │       _break-point.scss
│   │       _colors.scss
│   │       _images.scss
│   │       _index.scss
│   │
│   └───responsive
│       │   _index.scss
│       │
│       ├───boots
│       │       _border.scss
│       │       _colors.scss
│       │       _icon.scss
│       │       _index.scss
│       │       _reset.scss
│       │       _responsive.scss
│       │       _typography.scss
│       │
│       ├───functions
│       │       _index.scss
│       │       _responsive.scss
│       │       _space.scss
│       │
│       ├───layouts
│       │       _dims.scss
│       │       _displays.scss
│       │       _flex.scss
│       │       _grid.scss
│       │       _index.scss
│       │       _orders.scss
│       │
│       └───mixins
│               _index.scss
│
├───structure
│       _borders.scss
│       _icon.scss
│       _index.scss
│       _layouts.scss
│       _typography.scss
│
└───themes
    │   _index.scss
    │
    └───miz
        │   _index.scss
        │
        ├───components
        │   │   _index.scss
        │   │
        │   ├───main
        │   │   │   _index.scss
        │   │   │
        │   │   └───sass
        │   │           _accordion.scss
        │   │           _badge.scss
        │   │           _breadcrumb.scss
        │   │           _button.scss
        │   │           _card.scss
        │   │           _color.scss
        │   │           _dropdown.scss
        │   │           _floating-labels.scss
        │   │           _form-control.scss
        │   │           _group-button.scss
        │   │           _index.scss
        │   │           _input-group.scss
        │   │           _list-group.scss
        │   │           _masonry.scss
        │   │           _nav.scss
        │   │           _offcanvas.scss
        │   │           _page-indicator.scss
        │   │           _progress.scss
        │   │           _radio&checkbox.scss
        │   │           _range.scss
        │   │           _select.scss
        │   │           _tab.scss
        │   │           _table.scss
        │   │           _tooltip.scss
        │   │           _waiting-indicator.scss
        │   │
        │   └───test
        │       │   _index.scss
        │       │
        │       └───sass
        │               _accordion.scss
        │               _badge.scss
        │               _breadcrumb.scss
        │               _button.scss
        │               _card.scss
        │               _color.scss
        │               _dropdown.scss
        │               _floating-labels.scss
        │               _form-control.scss
        │               _group-button.scss
        │               _index.scss
        │               _input-group.scss
        │               _list-group.scss
        │               _mason.scss
        │               _nav.scss
        │               _offcanvas.scss
        │               _page-indicator.scss
        │               _progress.scss
        │               _radio&checkbox.scss
        │               _range.scss
        │               _responsive-table.scss
        │               _select.scss
        │               _tab.scss
        │               _table.scss
        │               _tooltip.scss
        │               _waiting-indicator.scss
        │
        └───config
                _colors.scss
                _component.scss
                _dims.scss
                _index.scss
                _responsive.scss
                

                    miz
└───sass
    ├───config
    ├───global-functions
    ├───kernel
    │   ├───common
    │   ├───global-functions
    │   └───responsive
    │       ├───boots
    │       ├───functions
    │       ├───layouts
    │       └───mixins
    ├───structure
    └───themes
        └───miz
            ├───components
            │   ├───main
            │   │   └───sass
            │   └───test
            │       └───sass
            └───config
                

This is the most basic form of MIZ: files for quick use in any web project. We offer compiled CSS and sass as well as compiled and minified CSS.

CSS files #

MIZ includes a number of options to include some or all of our compiled CSS.

Sass files #

Similarly, we have options for including some or all of our compiled Sass.