From 83c4cabfa840343e1732989362561e9106b46320 Mon Sep 17 00:00:00 2001
From: Jay Singh <140599484+mathdebate09@users.noreply.github.com>
Date: Mon, 4 May 2026 20:25:06 +0530
Subject: [PATCH 1/2] feat: introduce newer sections && cleanup older sections
---
docs/border/border-color.mdx | 108 +++++++++++++++++++++++++
docs/border/border-radius.mdx | 4 +-
docs/effects/backface-visibility.mdx | 22 +++++
docs/effects/elevation.mdx | 1 -
docs/effects/pointer-events.mdx | 22 +++++
docs/getting-started/editor-setup.mdx | 12 ++-
docs/layout/direction.mdx | 23 ++++++
docs/layout/object-fit.mdx | 2 +-
docs/layout/overflow.mdx | 4 +-
docs/layout/position.mdx | 4 +-
docs/shadow/shadow-offset.mdx | 6 +-
docs/shadow/shadow-opacity.mdx | 6 +-
docs/shadow/shadow-radius.mdx | 36 +++------
docs/sizing/height.mdx | 2 +-
docs/spacing/margin.mdx | 88 +++++---------------
docs/spacing/padding.mdx | 31 +++----
docs/typography/letter-spacing.mdx | 26 ++++++
docs/typography/text-shadow-color.mdx | 6 +-
docs/typography/text-shadow-offset.mdx | 6 +-
docs/typography/text-shadow-radius.mdx | 6 +-
src/utils/valueList.js | 1 +
21 files changed, 277 insertions(+), 139 deletions(-)
create mode 100644 docs/effects/backface-visibility.mdx
create mode 100644 docs/effects/pointer-events.mdx
create mode 100644 docs/layout/direction.mdx
create mode 100644 docs/typography/letter-spacing.mdx
diff --git a/docs/border/border-color.mdx b/docs/border/border-color.mdx
index d343fb1..1cf6e90 100644
--- a/docs/border/border-color.mdx
+++ b/docs/border/border-color.mdx
@@ -48,6 +48,108 @@ import { bdr } from "nativeflowcss";
>
+
+ | {`bdr.b_color_${key}`} |
+
+ {`{ borderBottomColor: '${value}' }`}
+ |
+
+
+ |
+
+
+ | {`bdr.l_color_${key}`} |
+
+ {`{ borderLeftColor: '${value}' }`}
+ |
+
+
+ |
+
+
+ | {`bdr.r_color_${key}`} |
+
+ {`{ borderRightColor: '${value}' }`}
+ |
+
+
+ |
+
+
+ | {`bdr.t_color_${key}`} |
+
+ {`{ borderTopColor: '${value}' }`}
+ |
+
+
+ |
+
+
+ | {`bdr.s_color_${key}`} |
+
+ {`{ borderStartColor: '${value}' }`}
+ |
+
+
+ |
+
+
+ | {`bdr.e_color_${key}`} |
+
+ {`{ borderEndColor: '${value}' }`}
+ |
+
+
+ |
+
))}
@@ -61,6 +163,12 @@ Custom properties are usually rendered using `_(customValue)`
| Object | Native Properties |
| ------------------------ | ------------------------------ |
| bdr.color_(customColor) | `{ borderColor: customColor }` |
+| bdr.b_color_(customColor) | `{ borderBottomColor: customColor }` |
+| bdr.l_color_(customColor) | `{ borderLeftColor: customColor }` |
+| bdr.r_color_(customColor) | `{ borderRightColor: customColor }` |
+| bdr.t_color_(customColor) | `{ borderTopColor: customColor }` |
+| bdr.s_color_(customColor) | `{ borderStartColor: customColor }` |
+| bdr.e_color_(customColor) | `{ borderEndColor: customColor }` |
## Colors
diff --git a/docs/border/border-radius.mdx b/docs/border/border-radius.mdx
index 0978978..2411cf3 100644
--- a/docs/border/border-radius.mdx
+++ b/docs/border/border-radius.mdx
@@ -28,7 +28,7 @@ import { bdr } from "nativeflowcss";
| bdr.rounded_xl | `{ borderRadius: 12 }` |
| bdr.rounded_2xl | `{ borderRadius: 16 }` |
| bdr.rounded_3xl | `{ borderRadius: 24 }` |
-| bdr.rounded_ful` | `{ borderRadius: 9999 }` |
+| bdr.rounded_full | `{ borderRadius: 9999 }` |
| bdr.rounded_s_none | `{ borderStartStartRadius: 0` ,
`borderEndStartRadius: 0 }` |
| bdr.rounded_s_sm | `{ borderStartStartRadius: 2` ,
`borderEndStartRadius: 2 }` |
| bdr.rounded_s | `{ borderStartStartRadius: 4` ,
`borderEndStartRadius: 4 }` |
@@ -62,7 +62,7 @@ import { bdr } from "nativeflowcss";
| bdr.rounded_r_md | `{ borderTopRightRadius: 6` ,
`borderBottomRightRadius: 6 }` |
| bdr.rounded_r_lg | `{ borderTopRightRadius: 8` ,
`borderBottomRightRadius: 8 }` |
| bdr.rounded_r_xl | `{ borderTopRightRadius: 12` ,
`borderBottomRightRadius: 12 }` |
-| bdr.rounded_r_2x | `{ borderTopRightRadius: 16` ,
`borderBottomRightRadius: 16 }` |
+| bdr.rounded_r_2xl | `{ borderTopRightRadius: 16` ,
`borderBottomRightRadius: 16 }` |
| bdr.rounded_r_3xl | `{ borderTopRightRadius: 24` ,
`borderBottomRightRadius: 24 }` |
| bdr.rounded_r_full | `{ borderTopRightRadius: 9999` ,
`borderBottomRightRadius: 9999 }` |
| bdr.rounded_b_none | `{ borderBottomRightRadius: 0` ,
`borderBottomLeftRadius: 0 }` |
diff --git a/docs/effects/backface-visibility.mdx b/docs/effects/backface-visibility.mdx
new file mode 100644
index 0000000..5e94ef6
--- /dev/null
+++ b/docs/effects/backface-visibility.mdx
@@ -0,0 +1,22 @@
+---
+id: backface-visibility
+title: Backface Visibility
+description: Control whether the back face of a view is visible.
+slug: /backface-visibility
+sidebar_position: 7
+---
+
+Control whether the back face of a view is visible.
+
+## Import
+
+```js title="src/screens/Component.js"
+import { fx } from "nativeflowcss";
+```
+
+## Properties
+
+| Object | Native Properties |
+| ---------------- | ------------------------------------ |
+| fx.backface | `{ backfaceVisibility: 'visible' }` |
+| fx.backface_none | `{ backfaceVisibility: 'hidden' }` |
diff --git a/docs/effects/elevation.mdx b/docs/effects/elevation.mdx
index 276ab8b..61d6972 100644
--- a/docs/effects/elevation.mdx
+++ b/docs/effects/elevation.mdx
@@ -23,7 +23,6 @@ The [Shadow property](/docs/shadow) works in a similar way, but supports Android
| Object | Native Properties |
| --------------- | ------------------- |
-| fx.elevation_0 | `{ elevation: 0 }` |
| fx.elevation_1 | `{ elevation: 1 }` |
| fx.elevation_2 | `{ elevation: 2 }` |
| fx.elevation_3 | `{ elevation: 3 }` |
diff --git a/docs/effects/pointer-events.mdx b/docs/effects/pointer-events.mdx
new file mode 100644
index 0000000..5213c79
--- /dev/null
+++ b/docs/effects/pointer-events.mdx
@@ -0,0 +1,22 @@
+---
+id: pointer-events
+title: Pointer Events
+description: Control whether a view receives touch events.
+slug: /pointer-events
+sidebar_position: 6
+---
+
+Control whether a view receives touch events.
+
+## Import
+
+```js title="src/screens/Component.js"
+import { fx } from "nativeflowcss";
+```
+
+## Properties
+
+| Object | Native Properties |
+| ----------- | ---------------------------- |
+| fx.box_auto | `{ pointerEvents: 'auto' }` |
+| fx.box_none | `{ pointerEvents: 'none' }` |
diff --git a/docs/getting-started/editor-setup.mdx b/docs/getting-started/editor-setup.mdx
index a4c63f4..a369d61 100644
--- a/docs/getting-started/editor-setup.mdx
+++ b/docs/getting-started/editor-setup.mdx
@@ -1,17 +1,15 @@
---
id: editor-setup
title: Editor Setup
-description: I love my life
+description: Set up the NativeFlow CodeSense extension in VS Code.
slug: /editor-setup
sidebar_position: 2
---
-TODO: Write a VS Code Extension for auto-importing the UI components being used in teh project
-
## VS Code Extension
-Download the VS Code Extension [NativeFlow Intellisense](https://something.com) or build it from the source from the [GitHub Repository](https://github.com/nativeflowteam/intellisense)
+
+
+Install [NativeFlow CodeSense](https://marketplace.visualstudio.com/items?itemName=jayowiee.nativeflowcss-codesense) from the VS Code Marketplace, or build it from source in the [CodeSense GitHub repository](https://github.com/nativeflowteam/codesense).
-:::caution
-Owner is a deadass college student so he'll build this later, Thanks for being patient :p
-:::
+It provides NativeFlow utility autocompletion, hover details, diagnostics, quick fixes, and color previews for JSX/TSX workflows.
diff --git a/docs/layout/direction.mdx b/docs/layout/direction.mdx
new file mode 100644
index 0000000..c6b4677
--- /dev/null
+++ b/docs/layout/direction.mdx
@@ -0,0 +1,23 @@
+---
+id: direction
+title: Direction
+description: Set writing direction for layout flow.
+slug: /direction
+sidebar_position: 7
+---
+
+Set writing direction for layout flow.
+
+## Import
+
+```js title="src/screens/Component.js"
+import { direction } from "nativeflowcss";
+```
+
+## Properties
+
+| Object | Native properties |
+| ----------------- | -------------------------- |
+| direction.inherit | `{ direction: 'inherit' }` |
+| direction.ltr | `{ direction: 'ltr' }` |
+| direction.rtl | `{ direction: 'rtl' }` |
diff --git a/docs/layout/object-fit.mdx b/docs/layout/object-fit.mdx
index 0f5d543..9744b6e 100644
--- a/docs/layout/object-fit.mdx
+++ b/docs/layout/object-fit.mdx
@@ -11,7 +11,7 @@ Define how content/images fits within containers.
## Import
```js title="src/screens/Component.js"
-import { aspect } from "nativeflowcss";
+import { object_fit } from "nativeflowcss";
```
## Properties
diff --git a/docs/layout/overflow.mdx b/docs/layout/overflow.mdx
index c16c0ca..a99d90c 100644
--- a/docs/layout/overflow.mdx
+++ b/docs/layout/overflow.mdx
@@ -18,5 +18,5 @@ import { overflow } from "nativeflowcss";
| Object | Native properties |
| ----------------- | ------------------------- |
-| overflow .visible | `{ overflow: 'visible' }` |
-| overflow .visible | `{ overflow: 'visible' }` |
+| overflow.visible | `{ overflow: 'visible' }` |
+| overflow.hidden | `{ overflow: 'hidden' }` |
diff --git a/docs/layout/position.mdx b/docs/layout/position.mdx
index e431447..52b2c26 100644
--- a/docs/layout/position.mdx
+++ b/docs/layout/position.mdx
@@ -1,8 +1,8 @@
---
-id: postition
+id: position
title: Position
description: Set absolute or relative positioning for elements.
-slug: /postition
+slug: /position
sidebar_position: 5
---
diff --git a/docs/shadow/shadow-offset.mdx b/docs/shadow/shadow-offset.mdx
index f35f8fd..6624860 100644
--- a/docs/shadow/shadow-offset.mdx
+++ b/docs/shadow/shadow-offset.mdx
@@ -28,12 +28,12 @@ import { shadow } from "nativeflowcss";
- {[...Array(25).keys()].map((i) => (
+ {[...Array(5).keys()].map((i) => (
- | {`shadow.offset_${i}`} |
+ {`shadow.offset_${i + 1}`} |
- {`{ shadowOffset: { width: ${i}, height: ${i} } }`}
+ {`{ shadowOffset: { width: ${i + 1}, height: ${i + 1} } }`}
|
diff --git a/docs/shadow/shadow-opacity.mdx b/docs/shadow/shadow-opacity.mdx
index cc4d5f4..53ba567 100644
--- a/docs/shadow/shadow-opacity.mdx
+++ b/docs/shadow/shadow-opacity.mdx
@@ -28,12 +28,12 @@ import { shadow } from "nativeflowcss";
- {[...Array(25).keys()].map((i) => (
+ {[...Array(24).keys()].map((i) => (
- | {`shadow.opacity_${i}`} |
+ {`shadow.opacity_${i + 1}`} |
- {`{ shadowOpacity: ${i} }`}
+ {`{ shadowOpacity: ${i + 1} }`}
|
diff --git a/docs/shadow/shadow-radius.mdx b/docs/shadow/shadow-radius.mdx
index 9eaa859..2c6746d 100644
--- a/docs/shadow/shadow-radius.mdx
+++ b/docs/shadow/shadow-radius.mdx
@@ -6,8 +6,6 @@ slug: /shadow-radius
sidebar_position: 2
---
-import React from "react";
-
Define the blur radius of the shadow.
>★ represents it's an iOS-only prop
@@ -19,28 +17,18 @@ import { shadow } from "nativeflowcss";
## Properties
-
+| Object | Native Properties |
+| ------------------ | ------------------------- |
+| shadow.rounded_none | `{ shadowRadius: 0 }` |
+| shadow.rounded_xs | `{ shadowRadius: 1 }` |
+| shadow.rounded_sm | `{ shadowRadius: 2 }` |
+| shadow.rounded_md | `{ shadowRadius: 3 }` |
+| shadow.rounded_base | `{ shadowRadius: 4 }` |
+| shadow.rounded_lg | `{ shadowRadius: 8 }` |
+| shadow.rounded_xl | `{ shadowRadius: 12 }` |
+| shadow.rounded_2xl | `{ shadowRadius: 16 }` |
+| shadow.rounded_3xl | `{ shadowRadius: 24 }` |
+| shadow.rounded_full | `{ shadowRadius: 9999 }` |
## Custom Shadow Opacity
diff --git a/docs/sizing/height.mdx b/docs/sizing/height.mdx
index 4e9964b..31acfcb 100644
--- a/docs/sizing/height.mdx
+++ b/docs/sizing/height.mdx
@@ -50,4 +50,4 @@ Custom properties are usually rendered using `_(customValue)`
| Object | Native Properties |
| ---------------------------- | ------------------------------ |
-| h.h_(customValue) | `{ height: customValue }` |
\ No newline at end of file
+| h.w_(customValue) | `{ height: customValue }` |
\ No newline at end of file
diff --git a/docs/spacing/margin.mdx b/docs/spacing/margin.mdx
index 6fc42b2..d62d918 100644
--- a/docs/spacing/margin.mdx
+++ b/docs/spacing/margin.mdx
@@ -14,7 +14,7 @@ Spacing outside element's border.
## Import
```js title="src/screens/Component.js"
-import { w } from "nativeflowcss";
+import { m } from "nativeflowcss";
```
## Properties
@@ -90,108 +90,54 @@ import { w } from "nativeflowcss";
{`{ margin: ${value} }`}
-
- | {`m.neg_m_${key}`} |
-
- {`{ margin: -${value} }`}
- |
-
| {`m.mx_${key}`} |
{`{ marginLeft: ${value}, marginRight: ${value} }`}
|
-
- | {`m.neg_mx_${key}`} |
-
- {`{ marginLeft: -${value}, marginRight: -${value} }`}
- |
-
| {`m.my_${key}`} |
{`{ marginTop: ${value}, marginBottom: ${value} }`}
|
-
- | {`m.neg_my_${key}`} |
-
- {`{ marginTop: -${value}, marginBottom: -${value} }`}
- |
-
| {`m.mt_${key}`} |
{`{ marginTop: ${value} }`}
|
-
- | {`m.neg_mt_${key}`} |
-
- {`{ marginTop: -${value} }`}
- |
-
| {`m.mb_${key}`} |
{`{ marginBottom: ${value} }`}
|
-
- | {`m.neg_mb_${key}`} |
-
- {`{ marginBottom: -${value} }`}
- |
-
| {`m.mr_${key}`} |
{`{ marginRight: ${value} }`}
|
-
- | {`m.neg_mr_${key}`} |
-
- {`{ marginRight: -${value} }`}
- |
-
| {`m.ml_${key}`} |
{`{ marginLeft: ${value} }`}
|
-
- | {`m.neg_ml_${key}`} |
-
- {`{ marginLeft: -${value} }`}
- |
-
| {`m.ms_${key}`} |
{`{ marginStart: ${value} }`}
|
-
- | {`m.neg_ms_${key}`} |
-
- {`{ marginStart: -${value} }`}
- |
-
| {`m.me_${key}`} |
{`{ marginEnd: ${value} }`}
|
-
- | {`m.neg_me_${key}`} |
-
- {`{ marginEnd: -${value} }`}
- |
-
))}
@@ -200,24 +146,26 @@ import { w } from "nativeflowcss";
## Custom Margins
-Custom properties are usually rendered using `_(customValue)`
+Custom properties are rendered using `_(customValue)`.
+`m.m_(...)` accepts exactly 1, 2, or 4 values.
-> Margin in React native only supports the default `unitless` values (auto, fit-content, max-content, full)
-> To use custom negative margins, pass the mas numbers, no specific keys required
+> Margin in React Native only supports the default `unitless` values (auto, fit-content, max-content, full)
+> To use custom negative margins, pass negative numbers directly (for example, `m.m_(-8)`).
-| Object | Native Properties |
-| ------------------ | ---------------------------------------- |
-| m.m_(customValue) | `{ margin: customValue }` |
-| m.m_(customValue) | `{ margin: customValue }` |
-| m.mx_(customValue) | `{ marginLeft: customValue, marginRight: customValue }` |
-| m.my_(customValue) | `{ marginTop: customValue, marginBottom: customValue }` |
-| m.mt_(customValue) | `{ marginTop: customValue }` |
-| m.mb_(customValue) | `{ marginBottom: customValue }` |
-| m.mr_(customValue) | `{ marginRight: customValue }` |
-| m.ml_(customValue) | `{ marginLeft: customValue }` |
-| m.ms_(customValue) | `{ marginStart: customValue }` |
-| m.me_(customValue) | `{ marginEnd: customValue }` |
+| Object | Native Properties |
+| -------------------------- | --------------------------------------------------------------------- |
+| m.m_(customValue) | `{ margin: customValue }` |
+| m.m_(vertical, horizontal) | `{ marginVertical: vertical, marginHorizontal: horizontal }` |
+| m.m_(top, right, bottom, left) | `{ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left }` |
+| m.mx_(customValue) | `{ marginLeft: customValue, marginRight: customValue }` |
+| m.my_(customValue) | `{ marginTop: customValue, marginBottom: customValue }` |
+| m.mt_(customValue) | `{ marginTop: customValue }` |
+| m.mb_(customValue) | `{ marginBottom: customValue }` |
+| m.mr_(customValue) | `{ marginRight: customValue }` |
+| m.ml_(customValue) | `{ marginLeft: customValue }` |
+| m.ms_(customValue) | `{ marginStart: customValue }` |
+| m.me_(customValue) | `{ marginEnd: customValue }` |
diff --git a/docs/spacing/padding.mdx b/docs/spacing/padding.mdx
index 184ee56..f7f3c54 100644
--- a/docs/spacing/padding.mdx
+++ b/docs/spacing/padding.mdx
@@ -9,12 +9,12 @@ sidebar_position: 1
import React from "react";
import valueList from "@site/src/utils/valueList";
-Spacing outside element's border.
+Spacing inside element's border.
## Import
```js title="src/screens/Component.js"
-import { w } from "nativeflowcss";
+import { p } from "nativeflowcss";
```
## Properties
@@ -146,22 +146,25 @@ import { w } from "nativeflowcss";
## Custom Padding
-Custom properties are usually rendered using `_(customValue)`
+Custom properties are rendered using `_(customValue)`.
+`p.p_(...)` accepts exactly 1, 2, or 4 values.
> Padding in React Native only supports the default `unitless` values (auto, fit-content, max-content, full)
-| Object | Native Properties |
-| ------------------ | ---------------------------------------- |
-| p.p_(customValue) | `{ padding: customValue }` |
-| p.px_(customValue) | `{ paddingLeft: customValue, paddingRight: customValue }` |
-| p.py_(customValue) | `{ paddingTop: customValue, paddingBottom: customValue }` |
-| p.pt_(customValue) | `{ paddingTop: customValue }` |
-| p.pb_(customValue) | `{ paddingBottom: customValue }` |
-| p.pr_(customValue) | `{ paddingRight: customValue }` |
-| p.pl_(customValue) | `{ paddingLeft: customValue }` |
-| p.ps_(customValue) | `{ paddingStart: customValue }` |
-| p.pe_(customValue) | `{ paddingEnd: customValue }` |
+| Object | Native Properties |
+| -------------------------- | ------------------------------------------------------------------------ |
+| p.p_(customValue) | `{ padding: customValue }` |
+| p.p_(vertical, horizontal) | `{ paddingVertical: vertical, paddingHorizontal: horizontal }` |
+| p.p_(top, right, bottom, left) | `{ paddingTop: top, paddingRight: right, paddingBottom: bottom, paddingLeft: left }` |
+| p.px_(customValue) | `{ paddingLeft: customValue, paddingRight: customValue }` |
+| p.py_(customValue) | `{ paddingTop: customValue, paddingBottom: customValue }` |
+| p.pt_(customValue) | `{ paddingTop: customValue }` |
+| p.pb_(customValue) | `{ paddingBottom: customValue }` |
+| p.pr_(customValue) | `{ paddingRight: customValue }` |
+| p.pl_(customValue) | `{ paddingLeft: customValue }` |
+| p.ps_(customValue) | `{ paddingStart: customValue }` |
+| p.pe_(customValue) | `{ paddingEnd: customValue }` |
\ No newline at end of file
diff --git a/docs/typography/letter-spacing.mdx b/docs/typography/letter-spacing.mdx
new file mode 100644
index 0000000..fe2c61d
--- /dev/null
+++ b/docs/typography/letter-spacing.mdx
@@ -0,0 +1,26 @@
+---
+id: letter-spacing
+title: Letter Spacing
+description: Adjust spacing between characters in text.
+slug: /letter-spacing
+sidebar_position: 16
+---
+
+Adjust spacing between characters in text.
+
+## Import
+
+```js title="src/screens/Component.js"
+import { text } from "nativeflowcss";
+```
+
+## Properties
+
+| Object | Native Properties |
+| --------------------- | -------------------------------- |
+| text.tracking_tighter | `{ letterSpacing: -2 }` |
+| text.tracking_tight | `{ letterSpacing: -1 }` |
+| text.tracking_normal | `{ letterSpacing: 0 }` |
+| text.tracking_wide | `{ letterSpacing: 1 }` |
+| text.tracking_wider | `{ letterSpacing: 2 }` |
+| text.tracking_widest | `{ letterSpacing: 3 }` |
diff --git a/docs/typography/text-shadow-color.mdx b/docs/typography/text-shadow-color.mdx
index 2c62fe9..584c794 100644
--- a/docs/typography/text-shadow-color.mdx
+++ b/docs/typography/text-shadow-color.mdx
@@ -59,9 +59,9 @@ import { text } from "nativeflowcss";
Custom properties are usually rendered using `_(customValue)`
-| Object | Native Properties |
-| --------------------------- | ------------------------------ |
-| shadow.color\_(customColor) | `{ shadowColor: customColor }` |
+| Object | Native Properties |
+| -------------------------------- | -------------------------------------- |
+| text.shadow_color_(customColor) | `{ textShadowColor: customColor }` |
## Colors
diff --git a/docs/typography/text-shadow-offset.mdx b/docs/typography/text-shadow-offset.mdx
index ea34f18..775b39c 100644
--- a/docs/typography/text-shadow-offset.mdx
+++ b/docs/typography/text-shadow-offset.mdx
@@ -27,12 +27,12 @@ import { text } from "nativeflowcss";
- {[...Array(25).keys()].map((i) => (
+ {[...Array(24).keys()].map((i) => (
- | {`text.shadow_offset_${i}`} |
+ {`text.shadow_offset_${i + 1}`} |
- {`{ textShadowOffset: { width: ${i}, height: ${i} } }`}
+ {`{ textShadowOffset: { width: ${i + 1}, height: ${i + 1} } }`}
|
diff --git a/docs/typography/text-shadow-radius.mdx b/docs/typography/text-shadow-radius.mdx
index 03537b3..2b8e129 100644
--- a/docs/typography/text-shadow-radius.mdx
+++ b/docs/typography/text-shadow-radius.mdx
@@ -27,12 +27,12 @@ import { text } from "nativeflowcss";
- {[...Array(25).keys()].map((i) => (
+ {[...Array(24).keys()].map((i) => (
- | {`text.shadow_radius_${i}`} |
+ {`text.shadow_radius_${i + 1}`} |
- {`{ textShadowRadius: ${i} }`}
+ {`{ textShadowRadius: ${i + 1} }`}
|
diff --git a/src/utils/valueList.js b/src/utils/valueList.js
index f63c1f5..2b079a1 100644
--- a/src/utils/valueList.js
+++ b/src/utils/valueList.js
@@ -1,5 +1,6 @@
const valueList = {
0: 0,
+ px: 1,
1: 4,
2: 8,
3: 12,
From e2c54d0f697fe8588412ce784aeacfa2b81bf09c Mon Sep 17 00:00:00 2001
From: Jay Singh <140599484+mathdebate09@users.noreply.github.com>
Date: Mon, 4 May 2026 20:36:18 +0530
Subject: [PATCH 2/2] chore: add logo on the homepage
---
src/pages/index.js | 13 ++++++++++---
src/pages/index.module.css | 17 +++++++++++++++++
2 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/src/pages/index.js b/src/pages/index.js
index c6028db..861acce 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -12,9 +12,16 @@ function HomepageHeader() {
return (
-
- {siteConfig.title}
-
+
+
+
+ {siteConfig.title}
+
+
{siteConfig.tagline}