MCPcopy
hub / github.com/tailwindlabs/tailwindcss / position

Function position

packages/tailwindcss/src/utilities.ts:3399–3437  ·  view source on GitHub ↗
(value)

Source from the content-addressed store, hash-verified

3397 return nodes
3398 },
3399 position(value) {
3400 let nodes: AstNode[] = [
3401 // Common @property declarations
3402 maskPropertiesGradient(),
3403 maskPropertiesEdge(),
3404
3405 // Common properties to all edge utilities
3406 decl('mask-image', 'var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic)'),
3407 decl('mask-composite', 'intersect'),
3408 decl(
3409 '--tw-mask-linear',
3410 'var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top)',
3411 ),
3412 ]
3413
3414 for (let edge of ['top', 'right', 'bottom', 'left'] as const) {
3415 if (!edges[edge]) continue
3416
3417 nodes.push(
3418 decl(
3419 `--tw-mask-${edge}`,
3420 `linear-gradient(to ${edge}, var(--tw-mask-${edge}-from-color) var(--tw-mask-${edge}-from-position), var(--tw-mask-${edge}-to-color) var(--tw-mask-${edge}-to-position))`,
3421 ),
3422 )
3423
3424 nodes.push(
3425 atRoot([
3426 property(`--tw-mask-${edge}-from-position`, '0%'),
3427 property(`--tw-mask-${edge}-to-position`, '100%'),
3428 property(`--tw-mask-${edge}-from-color`, 'black'),
3429 property(`--tw-mask-${edge}-to-color`, 'transparent'),
3430 ]),
3431 )
3432
3433 nodes.push(decl(`--tw-mask-${edge}-${stop}-position`, value))
3434 }
3435
3436 return nodes
3437 },
3438 })
3439 }
3440

Callers

nothing calls this directly

Calls 5

declFunction · 0.90
atRootFunction · 0.90
maskPropertiesGradientFunction · 0.85
maskPropertiesEdgeFunction · 0.85
propertyFunction · 0.85

Tested by

no test coverage detected