baseline-kit 3.0.1 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -16
- package/dist/README.md +30 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,26 +4,40 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
Baseline Kit is a lightweight development tool for visualizing and debugging grid systems and spacing in React
|
|
7
|
+
Baseline Kit is a lightweight development tool for visualizing and debugging grid systems and spacing in React applications. It provides configurable overlays for both column-based and baseline grids, flexible layout components, and theme-aware configuration—all optimized for performance and built with TypeScript. The library is based on the "Padded Grid" concept, originally explored in [this article](http://medium.com/design-bootcamp/the-padded-grid-a-designers-hack-to-achieve-baseline-fit-fc40d022bc84) on achieving perfect baseline alignment in digital layouts.
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
## Table of Contents
|
|
12
|
-
- [
|
|
13
|
-
- [
|
|
14
|
-
- [
|
|
15
|
-
- [
|
|
16
|
-
- [
|
|
17
|
-
|
|
18
|
-
- [
|
|
19
|
-
- [
|
|
20
|
-
- [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
- [Features](#features)
|
|
13
|
+
- [Requirements](#requirements)
|
|
14
|
+
- [Installation](#installation)
|
|
15
|
+
- [Quick Start](#quick-start)
|
|
16
|
+
- [Core Concepts](#core-concepts)
|
|
17
|
+
- [Base Unit](#base-unit)
|
|
18
|
+
- [Spacing Values](#spacing-values)
|
|
19
|
+
- [Grid Snapping](#grid-snapping)
|
|
20
|
+
- [Debugging Modes](#debugging-modes)
|
|
21
|
+
- [Components](#components)
|
|
22
|
+
- [Component Hierarchy](#component-hierarchy)
|
|
23
|
+
- [Key Components](#key-components)
|
|
24
|
+
- [Config](#config)
|
|
25
|
+
- [Baseline](#baseline)
|
|
26
|
+
- [Guide](#guide)
|
|
27
|
+
- [Box](#box)
|
|
28
|
+
- [Theme System](#theme-system)
|
|
29
|
+
- [CSS Import Options](#css-import-options)
|
|
30
|
+
- [Theme Options](#theme-options)
|
|
31
|
+
- [Theme Variables Reference](#theme-variables-reference)
|
|
32
|
+
- [Browser Support](#browser-support)
|
|
33
|
+
- [React 19 Features](#react-19-features)
|
|
34
|
+
- [Server-Side Rendering (SSR)](#server-side-rendering-ssr)
|
|
35
|
+
- [SSR-Friendly Design](#ssr-friendly-design)
|
|
36
|
+
- [SSR Mode Prop](#ssr-mode-prop)
|
|
37
|
+
- [Development](#development)
|
|
38
|
+
- [Performance Features](#performance-features)
|
|
39
|
+
- [Contributing](#contributing)
|
|
40
|
+
- [License](#license)
|
|
27
41
|
|
|
28
42
|
## Features
|
|
29
43
|
|
package/dist/README.md
CHANGED
|
@@ -4,26 +4,40 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
Baseline Kit is a lightweight development tool for visualizing and debugging grid systems and spacing in React
|
|
7
|
+
Baseline Kit is a lightweight development tool for visualizing and debugging grid systems and spacing in React applications. It provides configurable overlays for both column-based and baseline grids, flexible layout components, and theme-aware configuration—all optimized for performance and built with TypeScript. The library is based on the "Padded Grid" concept, originally explored in [this article](http://medium.com/design-bootcamp/the-padded-grid-a-designers-hack-to-achieve-baseline-fit-fc40d022bc84) on achieving perfect baseline alignment in digital layouts.
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
## Table of Contents
|
|
12
|
-
- [
|
|
13
|
-
- [
|
|
14
|
-
- [
|
|
15
|
-
- [
|
|
16
|
-
- [
|
|
17
|
-
|
|
18
|
-
- [
|
|
19
|
-
- [
|
|
20
|
-
- [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
- [Features](#features)
|
|
13
|
+
- [Requirements](#requirements)
|
|
14
|
+
- [Installation](#installation)
|
|
15
|
+
- [Quick Start](#quick-start)
|
|
16
|
+
- [Core Concepts](#core-concepts)
|
|
17
|
+
- [Base Unit](#base-unit)
|
|
18
|
+
- [Spacing Values](#spacing-values)
|
|
19
|
+
- [Grid Snapping](#grid-snapping)
|
|
20
|
+
- [Debugging Modes](#debugging-modes)
|
|
21
|
+
- [Components](#components)
|
|
22
|
+
- [Component Hierarchy](#component-hierarchy)
|
|
23
|
+
- [Key Components](#key-components)
|
|
24
|
+
- [Config](#config)
|
|
25
|
+
- [Baseline](#baseline)
|
|
26
|
+
- [Guide](#guide)
|
|
27
|
+
- [Box](#box)
|
|
28
|
+
- [Theme System](#theme-system)
|
|
29
|
+
- [CSS Import Options](#css-import-options)
|
|
30
|
+
- [Theme Options](#theme-options)
|
|
31
|
+
- [Theme Variables Reference](#theme-variables-reference)
|
|
32
|
+
- [Browser Support](#browser-support)
|
|
33
|
+
- [React 19 Features](#react-19-features)
|
|
34
|
+
- [Server-Side Rendering (SSR)](#server-side-rendering-ssr)
|
|
35
|
+
- [SSR-Friendly Design](#ssr-friendly-design)
|
|
36
|
+
- [SSR Mode Prop](#ssr-mode-prop)
|
|
37
|
+
- [Development](#development)
|
|
38
|
+
- [Performance Features](#performance-features)
|
|
39
|
+
- [Contributing](#contributing)
|
|
40
|
+
- [License](#license)
|
|
27
41
|
|
|
28
42
|
## Features
|
|
29
43
|
|