lax-sass v1.1.1

Lax-Sass Personal SCSS Framework

• Made by quelchlax @ https://github.com/quelchlax

Work In Progress: Adding Code Daily!

NPM Download:

  npm i lax-scss

To Import NPM Package to Project:

  @import 'node_modules/lax-scss/src/lax-ui.scss';

SCSS/CSS Syntax Referencing

Colors

  $hover
  $green
  $blue
  $red
  $orange
  $yellow
  $purple
  $pink
  $lightblue
  $lightgreen
  $brown
  $grey
  $indigo
  $teal
  $cyan
  $light
  $dark

Height and Width

  @include height-width(400px, 400px);

Top and Left

  @include topleft(0, 0);

Top and Right

  @include topright(0, 0);

Display and Position

  @include position(display, position);

Starter

  @include starter();

  @mixin starter {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
  }

No Border

  @include noborder();

  @mixin noborder {
    border: none;
    outline: none;
  }

Overflow Hidden

  @include hide();

No Float

  @include nofloat();

Float Right

  @include floatright();

Float Left

  @include floatleft();

Text Align Center

  @include textcenter();

Text Align Right

  @include textright();

Text Align Left

  @include textleft();

Fixed Position

  @include fixed();

Absolute Position

  @include absolute();

Relative Position

  @include relative();

Block Display

  @include blockdisplay();

No Display

  @include nodisplay();

More to Come!!!

http://github.com/quelchlax