A minimal and classful Public CSS toolkit. it helps you build pages easily

💡 find the classless one.

Logo:

Useage：

• Install

npm install pub.css

• For Less

@import "~pub.css/less/index.less";

• For Scss

@import "~pub.css/scss/index.scss";

• css bundle

@import "~pub.css/css/index.css";

• main.js

import "pub.css/css/index.css";

• docker start a service

docker run --name some-pubcss -d -p 8012:80 hzsq/pub.css

proxy localhost:8012 as /pubcss

<link rel="stylesheet" type="text/css" href="/pubcss/css/index.css" />

• CDN

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/npm/pub.css/css/index.css"
/>

or

<link
  rel="stylesheet"
  type="text/css"
  href="https://unpkg.com/pub.css/css/index.css"
/>

Quick Reference

prefix	short for
.c{value}	color
.bgc{value}	background color
.w{num}	width
.h{num}	height
.sq{num}	square ( width & height )
.wp{num}	width percentage
.hp{num}	height percentage
.fz{num}	font size
.fw{num}	font weight
.m{num}	margin
.p{num}	padding
.ml{num}	margin left
.px{num}	padding horizontal ( x axis)
.my{num}	margin vertical ( y axis)

Document

• Document