diff --git a/docs/containers/FluidSizing/FluidSizing.tsx b/docs/containers/FluidSizing/FluidSizing.tsx index 2573df6..5d74ced 100644 --- a/docs/containers/FluidSizing/FluidSizing.tsx +++ b/docs/containers/FluidSizing/FluidSizing.tsx @@ -18,7 +18,8 @@ export function FluidSizingContent() { <> A fluid sizing utility function that creates a calc value based off of - the min and max values provided. + the min and max values provided.{' '} + Values are evaluated in "px".
diff --git a/docs/containers/FluidSizing/examples/fluidSizing.ts b/docs/containers/FluidSizing/examples/fluidSizing.ts index 6f49207..809695b 100644 --- a/docs/containers/FluidSizing/examples/fluidSizing.ts +++ b/docs/containers/FluidSizing/examples/fluidSizing.ts @@ -4,6 +4,7 @@ export const fluidSizingExampleUsage = ` export const LargeLeadText = styled.p\` color: hotpink; - font-size: fluidSizing(20, 48, 300, 1200); + font-size: \${fluidSizing(20, 48, 300, 1200)}; + padding-bottom: \${fluidSizing(10, 15, 300, 1200)} \`; `; diff --git a/docs/containers/Media/Media.tsx b/docs/containers/Media/Media.tsx index 8c6dd9a..045db26 100644 --- a/docs/containers/Media/Media.tsx +++ b/docs/containers/Media/Media.tsx @@ -24,7 +24,8 @@ export function MediaContent() { are currently newer media queries that we can specify now. Therefore, a media query mixin is included with Artifak to help in regards to this. At its current incarnation, the mixin only supports "and" and "or" media - query operators. The "not" operator is not supported yet. + query operators. The "not" operator is not supported but maybe so in the + future.