leveleleven-theme

LevelEleven CSS Theme

Installation

npm i -D leveleleven-theme

then, in your main.css:

@import "leveleleven-theme";

Usage

colors

--white       : #ffffff;
--black       : #404040;
--red         : #EC433F;
--green       : #CAD946;
--yellow      : #F4D832;
--blue        : #4AC2CF;
--red-dark    : #901C20;
--green-dark  : #666F17;
--yellow-dark : #BAA600;
--blue-dark   : #446067;
--gray        : #808080;
--gray-dark   : color(var(--gray) shade(30%));
--gray-light  : color(var(--gray) tint(90%));

--color-positive       : var(--green);
--color-positive-dark  : color(var(--color-positive) shade(20%));
--color-positive-light : color(var(--color-positive) tint(20%));

--color-negative       : var(--red);
--color-negative-dark  : color(var(--color-negative) shade(20%));
--color-negative-light : color(var(--color-negative) tint(20%));


--color-neutral       : var(--blue);
--color-neutral-dark  : color(var(--color-neutral) shade(20%));
--color-neutral-light : color(var(--color-neutral) tint(20%));

fonts

[data-am-text="number"]

[data-am-text="headline"]

[data-am-text="body"]