gitpitch/docs/grid-layouts/set.md
2020-09-29 07:45:10 +01:00

1.5 KiB

Grid Set

The grid set property is used to activate custom styles and behaviors for a layout block.

?> When discussing grid layouts content-within-blocks are referred to as block items.

Set Style Syntax

The following basic syntax is used to activate custom styles for a layout block:

[drag=width height, drop=x y, set=style...]

Where the style... option on the set= property takes a space-separated list of CSS style names. These style names can be custom styles or build-in styles. The following sample slide screenshot demonstrates the activation of styles for a layout block:

Sample slide demonstrating grid layouts styles

In this example two styles were activated for content within the layout block. The h2-gold style is a built-in style. It targets h2 content within the block. The spaced-lettering is an example of a custom style. It was specified to target h1 content within the block as follows:

.spaced-lettering h1 { letter-spacing: 20px; }

?> You can define any number of custom style rules to target individual content or collective content on your GitPitch slides.

Set Behavior Syntax

Activating behaviors for layout blocks is covered by the Grid Fragments and Grid Synchronization guides.