matchstyles v1.0.1

layout.scss

ms-block/
	_single
	_double
	_quadro
ms-header/
ms-container/

//Example for layout

typography.scss

ms-font
incude all fonts

//Example for layout

icons.scss

include all icons
ms-icon

//Example for layout

breakpoints.scss

.gt-mobile(@rules) {
    @media screen and (min-width: @tablet-breakpoint) { @rules(); }
}

.gt-tablet(@rules) {
    @media screen and (min-width: @desktop-breakpoint) { @rules(); }
}

$bp-xs: 550px;
$bp-sm: 890px;
$bp-md: 1270px;
$bp-lg: 1400px;
$bp-xlg: 1900px;

//Example for layout

components/menu.scss

own styles

//Example for menu

components/header.scss

own styles

//Example for header

components/modal.scss

ms-modal
 .ocean & {}                       // theme
 .mc & {}

//Example for modal

variables.scss

varibles

//Example for varibles

mixins.scss

varibles

//Example for mixins

components/loading.scss

varibles

//Example for loading