MCPcopy Create free account
hub / github.com/cutedCha/noteBoook / parseCSSValueToPixels

Function parseCSSValueToPixels

tests/touch-target.property.test.js:47–65  ·  view source on GitHub ↗

* Helper function to parse CSS value to pixels * @param {string} value - CSS value (e.g., '44px', '2.75rem') * @param {number} baseFontSize - Base font size for rem calculations (default 16px) * @returns {number} Value in pixels

(value, baseFontSize = 16)

Source from the content-addressed store, hash-verified

45 * @returns {number} Value in pixels
46 */
47 function parseCSSValueToPixels(value, baseFontSize = 16) {
48 if (!value || value === 'auto' || value === 'none') {
49 return 0;
50 }
51
52 const numericValue = parseFloat(value);
53
54 if (value.includes('px')) {
55 return numericValue;
56 } else if (value.includes('rem')) {
57 return numericValue * baseFontSize;
58 } else if (value.includes('em')) {
59 return numericValue * baseFontSize;
60 } else if (!isNaN(numericValue)) {
61 return numericValue;
62 }
63
64 return 0;
65 }
66
67 /**
68 * Helper function to get computed style value

Callers 2

checkTouchTargetSizeFunction · 0.85

Calls

no outgoing calls

Tested by

no test coverage detected