The 35 CSS properties you must know to do 80% of the work.

I've created this script to find out how many CSS properties I should know to do 80% of the work.

CSS property utilization for hey.com

Rank	Property	Count	%
1	display	535	8.5
2	top/left/right/bottom	527	9.11
3	margin	521	9.27
4	background	436	17.55
5	background-image	434	24.25
6	padding	422	24.3
7	width/height	383	24.78
8	color	304	25.73
9	position	283	30.23
10	border	257	31.21
11	border-radius	182	34.11
12	font-size	122	41.04
13	box-shadow	98	45.12
14	z-index	98	45.65
15	max-width	97	46.31
16	content	87	46.39
17	opacity	76	46.66
18	overflow	76	47.49
19	filter	71	47.65
20	text-align	62	47.68
21	align-items	60	47.73
22	transform	56	47.95
23	background-size	53	48.09
24	justify-content	52	52.92
25	line-height	48	54.86
26	white-space	47	55.59
27	animation	47	56.34
28	cursor	47	57.09
29	font-weight	46	57.15
30	outline	42	63.24
31	grid-template-columns	38	64.78
32	min-height	33	65.16
33	min-width	31	73.54
34	flex-direction	30	74.75
35	pointer-events	28	76.13

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
README.md		README.md
basecamp.css		basecamp.css
hey.css		hey.css
script.rb		script.rb