Elements

A small module mostly for handling graphics like icons or images.

Sass

@forward '@miraidesigns/elements/styles';

Icons

Icons can be used to symbolize user actions like revealing a menu or deleting elements.
The framework stores all icons in a single .svg file.
I recommend reading up on the href attribute in <use> elements.

<svg class="mdf-icon" viewBox="0 0 24 24" aria-hidden="true">
    <use href="icons.svg#favorite"></use>
</svg>

Images

Images can be made responsive by simply adding the mdf-img class to any <img> element.
The result will be an image that automatically scales to the available container width.

<img class="mdf-img" src="1.jpg" alt="Image description">