@modern-kit/utils
Version:
1 lines • 1.43 kB
Source Map (JSON)
{"version":3,"file":"index.cjs","sources":["../../../src/style/formatSizeStyleValue/index.ts"],"sourcesContent":["/**\n * @description css 스타일 값으로 사용할 수 있는 단위\n * @see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#lengths\n */\ntype SuffixUnit =\n | 'cm'\n | 'mm'\n | 'Q'\n | 'in'\n | 'pc'\n | 'pt'\n | 'px'\n | 'em'\n | 'ex'\n | 'ch'\n | 'rem'\n | 'vw'\n | 'vh'\n | 'vmin'\n | 'vmax'\n | 'lh'\n | 'rlh'\n | '%';\n/**\n * @description `css` 스타일 값으로 사용할 수 있도록 `<value>[suffix]` 형태로 변환해주는 유틸 합수입니다.\n *\n * `suffix`옵션을 통해서 해당 값에 접미사를 붙여 반환할 수 있습니다. 해당 옵션이 없다면 `default`로 `px`을 접미사로 사용합니다.\n * @param {number} value 점미사를 붙일 값\n * @param {SuffixUnit} [suffix = 'px'] `css` 스타일 값의 단위 값\n * @returns {string} `css` 스타일 값으로 사용할 수 있는 값\n * @example\n * ```typescript\n * formatSizeStyleValue(10); // '10px'\n * formatSizeStyleValue(10, '%'); // '10%'\n * ```\n */\nexport function formatSizeStyleValue(\n value: number,\n suffix: SuffixUnit = 'px'\n): string {\n return `${value}${suffix}`;\n}\n"],"names":[],"mappings":";;AAoCO,SAAS,oBAAA,CACd,KAAA,EACA,MAAA,GAAqB,IAAA,EACb;AACR,EAAA,OAAO,CAAA,EAAG,KAAK,CAAA,EAAG,MAAM,CAAA,CAAA;AAC1B;;;;"}