Slim-Fit Apps — CDN

Static CSS files for all Slim-Fit applications.

Usage

Bundle (everything at once):

<link rel="stylesheet" href="https://data.slimfitapps.com/slim-fit.css">

Or individually:

<link rel="stylesheet" href="https://data.slimfitapps.com/tokens.css">

tokens.css

CSS variables — colors, typography, spacing

reset.css

box-sizing, body base

lines.css

Zigzag, dashed, dotted grid classes

layout.css

.sf-header, .sf-main, .sf-footer, containers

cards.css

.sf-card-notched, .sf-card-metric, .sf-card-inner

slim-fit.css

Bundle — @import of all files

--sf-ink — text, icons

--sf-paper — main background

--sf-chrome — header/footer

--sf-accent — accent color