@spaced-out/ui-design-system/lib/styles/variables/_size.js.flow

Sense UI components library

// @flow strict

export const size2 = '2px';

export const size4 = '4px';

export const size5 = '5px';

export const size8 = '8px';

export const size10 = '10px';

export const size12 = '12px';

export const size18 = '18px';

export const size20 = '20px';

export const size22 = '22px';

export const size24 = '24px';

export const size26 = '26px';

export const size28 = '28px';

export const size30 = '30px';

export const size32 = '32px';

export const size34 = '34px';

export const size36 = '36px';

export const size38 = '38px';

export const size40 = '40px';

export const size42 = '42px';

export const size44 = '44px';

export const size48 = '48px';

export const size50 = '50px';

export const size58 = '58px';

export const size60 = '60px';

export const size66 = '66px';

export const size70 = '70px';

export const size90 = '90px';

export const size100 = '100px';

export const size110 = '110px';

export const size125 = '125px';

export const size140 = '140px';

export const size160 = '160px';

export const size180 = '180px';

export const size200 = '200px';

export const size228 = '228px';

export const size240 = '240px';

export const size252 = '252px';

export const size260 = '260px';

export const size276 = '276px';

export const size300 = '300px';

export const size320 = '320px';

export const size380 = '380px';

export const size400 = '400px';

export const size480 = '480px';

export const size500 = '500px';

export const size540 = '540px';

export const size580 = '580px';

export const size640 = '640px';

export const size660 = '660px';

export const size720 = '720px';

export const size800 = '800px';

export const size880 = '880px';

export const size960 = '960px';

export const size1280 = '1280px';

export const sizeFluid = '100%';

export const sizeFullViewportHeight = '100vh';

export const sizeFullViewportWidth = '100vw';