grabcss

Getting started

Installation

npm i grabcss

How to use

Using built CSS

import "grabcss/dist/grab.css";

Using SCSS

@use "grabcss/dist/scss/mediaquery.scss" as mediaquery;
@use "grabcss/dist/scss/variables.scss" as variables;
@use "grabcss/dist/scss/utilities.scss";

Customizing variables

@use "path/to/custom-variables.scss" as variables;

// path/to/custom-variables.scss

// overrides
@use "grabcss/dist/scss/variables.scss" as variables with (
  $color-primary: #00a596
);

// additions
$color-light-border: #dce1e6;

$colors: map-merge(
  variables.$colors,
  (
    "light-border": $color-light-border,
  )
);

@forward "grabcss/dist/scss/variables.scss";