esb.lol
Bluesky's "Application Layout Framework"
1export const TRACKING = 0
2
3export const space = {
4 _2xs: 2,
5 xs: 4,
6 sm: 8,
7 md: 12,
8 lg: 16,
9 xl: 20,
10 _2xl: 24,
11 _3xl: 28,
12 _4xl: 32,
13 _5xl: 40,
14} as const
15
16export const fontSize = {
17 _2xs: 9.4,
18 xs: 11.3,
19 sm: 13.1,
20 md: 15,
21 lg: 16.9,
22 xl: 18.8,
23 _2xl: 20.6,
24 _3xl: 24.3,
25 _4xl: 30,
26 _5xl: 37.5,
27} as const
28
29export const lineHeight = {
30 tight: 1.15,
31 snug: 1.3,
32 relaxed: 1.5,
33} as const
34
35export const borderRadius = {
36 _2xs: 2,
37 xs: 4,
38 sm: 8,
39 md: 12,
40 lg: 16,
41 full: 999,
42} as const
43
44export const fontWeight = {
45 normal: '400',
46 medium: '500',
47 semiBold: '600',
48 bold: '700',
49} as const
50
51export const labelerColor = {
52 purple: 'rgb(105 0 255)',
53 purple_dark: 'rgb(83 0 202)',
54} as const