elr-scss-layout

some scss mixins for layout

Installation

Download node at nodejs.org and install it, if you haven't already.

npm install elr-scss-layout

or

yarn add elr-scss-layout

Reset Element

Removes margin, padding, and sets line-height to 1.

@include elr-reset-element;

Reset Clearfix

Included for projects that need to use floats. In most cases using flexbox instead of floats is recommended.

@include elr-clearfix;

Screen Reader Content

Hides content visually but makes it available for screen readers.

@include elr-screen-reader;

Center Block

@include elr-center-block;

Center Flex

Vertically and horizontally center content within a block.

@include elr-center-flex;

Containers

@include elr-containers(
  $config: (
    max-width: 1024px,
  )
);

SEE LICENSE IN LICENSE.md