/** * This is a modular scale based on a [perfect 5th](https://www.youtube.com/watch?v=ZlmLSwTW9Is) harmonic. These numbers are available for you when choosing `px` or `em` unit spacing and sizes. Instead of randomly choosing `10px` or something, try using numbers from this list that have an intentional proportional relationship to something and let harmony reign in the kindom of benchmark devness. * * @section Modular Scale * * @hideCode * @example * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Pixel UnitsEm Units
922.64357.665
691.98343.249
615.09538.443
461.32228.833
410.06325.629
307.54819.222
273.37517.086
205.03212.815
182.25011.391
136.6888.543
121.5007.594
91.1255.695
81.0005.063
60.7503.797
54.0003.375
40.5002.531
36.0002.25
27.0001.688
24.0001.5
18.0001.125
16.0001
12.0000.75
10.6670.667
8.0000.5
7.111 0.444
5.3330.333
4.7410.296
3.5550.222
3.1610.198
2.3700.148
2.1070.132
1.5800.099
1.4050.088
1.0530.066
*/ // Pixels Ems // 922.643 57.665 // 691.983 43.249 // 615.095 38.443 // 461.322 28.833 // 410.063 25.629 // 307.548 19.222 // 273.375 17.086 // 205.032 12.815 // 182.250 11.391 // 136.688 8.543 // 121.500 7.594 // 91.125 5.695 // 81.000 5.063 // 60.750 3.797 // 54.000 3.375 // 40.500 2.531 // 36.000 2.25 // 27.000 1.688 // 24.000 1.5 // 18.000 1.125 // 16.000 1 1 // 12.000 0.75 // 10.667 0.667 // 8.000 0.5 // 7.111 0.444 // 5.333 0.333 // 4.741 0.296 // 3.555 0.222 // 3.161 0.198 // 2.370 0.148 // 2.107 0.132 // 1.580 0.099 // 1.405 0.088 // 1.053 0.066