Markdown Shortcuts



GitPitch provides a number of unique syntax shortcuts supported by PITCHME.md markdown that can be used to alter the appearance or behavior of content on any slide.

Note: These Markdown Shortcuts are supported by gitpitch.com, GitPitch Desktop, and GitPitch Enterprise. This feature is not part of the GitPitch open source project.


Set Custom Font Size

To set a custom font size for specific slide content use the following shortcut syntax in your PITCHME.md markdown file:

---

@size[size-value](your-content)

Where the value of size-value can take any valid value permitted by the font-size css property.

For example, set a custom size to super-size text on the slide:

---

# @size[3.5em](OK)

This markdown snippet renders as follows:

SIZE-SHORTCUT-SYNTAX

The basic slide content is shown on the left. The same slide content with the size shortcut syntax applied is shown on the right.


Set Custom Font Color

To set a custom font color for specific slide content use the following shortcut syntax in your PITCHME.md markdown file:

---

@color[color-value](your-content)

Where the value of color-value can take any valid value permitted by the color css property.

For example, set custom colors for complete lines of text or just snippets within a line:

---

### @color[orange](ACME Corp Clearance Sale)

#### Dynamite Deals - @color[#DC143C](Short Fuses) Included!

This markdown snippet renders as follows:

COLOR-SHORTCUT-SYNTAX

The basic slide content is shown on the left. The same slide content with the color shortcut syntax applied is shown on the right.


Set Custom CSS Class

To set a custom CSS class for specific slide content use the following shortcut syntax in your PITCHME.md markdown file:

---

@css[class-name](your-content)

Where the value of class-name is any CSS class name you have activated for your slideshow presentation using the custom theme setting.

For example, if you presentation defined the following custom CSS classes:

.headline {
  color: gold;
  text-transform: uppercase;
}

.byline {
  color: gray;
  font-size: 0.9em;
  letter-spacing: 2px;
}

These custom classes could then be applied directly to content on your slides as follows:

---

### @css[headline](ACME Corp Clearance Sale)

#### @css[byline](Dynamite Deals - Short Fuses Included!)

This markdown snippet renders as follows:

CSS-SHORTCUT-SYNTAX

The basic slide content is shown on the left. The same slide content with the css shortcut syntax applied is shown on the right.


Set Custom TOC Label for Slide

See the Auto-Generated Table-of-Contents documentation for further details.


Set Slide-Specific Transition

To set a slide-specific transition for an individual slide use the following shortcut syntax immediately following any slide delimiter in your PITCHME.md markdown file:

---

@transition[transition-type]


### Your Slide Content Goes Here

Where the value of transition-type can any one of the supported slide transition types.

Note, this shortcut syntax can also be used to specify distinct slide-in and slide-out transitions for an individual slide. For example:

---

@transition[zoom-in fade-out]


### Your Slide Content Goes Here

Using this approach, any pair of supported slide transition types can be specified for a slide. Note, when using a pair of slide-in and slide-out transitions the use of the -in postfix and the -out postfix on the transition names is required.

If you like the power and flexibility of markdown shortcuts then you’re going to love Markdown Widgets .