Docs Update

- add value type and padding example for FluidSizing - update copy for Media doc
heyjul3s · Jan 12, 2021 · 6132adb · 6132adb
1 parent 23967ca
commit 6132adb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/docs/containers/FluidSizing/FluidSizing.tsx b/docs/containers/FluidSizing/FluidSizing.tsx
@@ -18,7 +18,8 @@ export function FluidSizingContent() {
     <>
       <Paragraph>
         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.{' '}
+        <Strong>Values are evaluated in "px"</Strong>.
       </Paragraph>
 
       <HR />

diff --git 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
@@ -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.
       </Paragraph>
 
       <HR />