Skip to content

Commit

Permalink
fixup! WIP
Browse files Browse the repository at this point in the history
  • Loading branch information
jbickar committed Jun 7, 2024
1 parent b079e40 commit ff59aac
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions content/for-developers/strategies-and-conventions.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z

Screen edge is the minimal amount of space between the outside edge of this centered container and the edge of the browser window. Its margins are set at each breakpoint, up to and not including the largest breakpoint (2XL). The total width of the centered container is not fixed, but rather expands (fluid) as the viewport expands up to 1700px. At which point, the centered container reaches its maximum width of 1500px with screen edge of 100px margin on either side of the container.

[Screen edge values](https://github.com/SWS/decanter/blob/9442bddc27bd699acdb25c25a1b84b07f905245a/src/plugins/theme/decanter.js#L47) are curated and do not follow a mathematical pattern:
[Screen edge values](https://github.com/SU-SWS/decanter/blob/9442bddc27bd699acdb25c25a1b84b07f905245a/src/plugins/theme/decanter.js#L47) are curated and do not follow a mathematical pattern:
- XS: **20px**
- SM: **30px**
- MD: **50px**
Expand All @@ -79,7 +79,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
</Section>

<Section heading="Grid and grid gaps" id="grid-and-grid-gaps">
We have [curated grid gaps](https://github.com/SWS/decanter/blob/v7/src/plugins/theme/gap.js) that are proportional within each breakpoint range. Our current values:
We have [curated grid gaps](https://github.com/SU-SWS/decanter/blob/main/src/plugins/theme/gap.js) that are proportional within each breakpoint range. Our current values:
- XS to MD: **20px**
- LG: **36px**
- XL: **40px**
Expand Down

0 comments on commit ff59aac

Please sign in to comment.