ionic-scss-utils v5.1.0

Ionic Scss Utils

Installation

Install by NPM

    npm i ionic-scss-utils --save

Usage

Add precompiled scss to your global style scss file

    @import 'ionic-scss-utils';

or

Add compiled css

    @import 'ionic-scss-utils/css';

Use own colors

Create your variables.scss and include before import this package

    @import './variables';
    @import 'ionic-scss-utils';

Libraries compatibility

We recommend use other class utils (as Tailwind) on large projects. For this, the better solution is use our color generator only

    @import "./variables";
    @import 'ionic-scss-utils/colors';

Borders

Margins & Paddings

Default value are implemented on percentage values, use px or rem to change it

For media queries you can use:

    .m-xs-1
    .m-sm-1
    .m-md-1
    .m-lg-1
    .m-xl-1