Skip to content

Instantly share code, notes, and snippets.

@yhatt
Last active April 5, 2019 17:08
Show Gist options
  • Save yhatt/a352e6087c2d5185113b9143f330fb68 to your computer and use it in GitHub Desktop.
Save yhatt/a352e6087c2d5185113b9143f330fb68 to your computer and use it in GitHub Desktop.
Uncover theme example
theme paginate _paginate title header footer
uncover
true
false
UNCOVER THEME
UNCOVER THEME
A brand-new theme of Marp core

UNCOVER THEME

A brand-new theme of @marp-team/marp-core


Features

  • Simple, minimal, and modern design
  • Always centering by default

How to use

<!-- theme: uncover -->

# Hello, uncover theme!

Quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam justo, vulputate vel vulputate ac, vulputate vitae nulla.


Table

Word Emoji Description
Pen 📝 I have a pen.
Pineapple 🍍 I have pineapple.
Apple 🍎 I have an apple.
Pen ✏️ I have a pen.

invert class

The all marp-core themes are supported invert class by default.


Custom background

This page has a gradient background like Keynote.

backgroundImage: "linear-gradient(to bottom, #000, #222333, #667)"
color: "#fff"

Background image

with filters

bg 25% blur opacity


⬅️ Split backgrounds

bg left


Tweak style

You can tweak style by <style> tag if you want. The text on this page is aligned to left!

<!-- _class: left -->

<style>
section.left h4, section.left p {
  text-align: left;
}
</style>
<style> section.left h4, section.left p { text-align: left; } </style>

Create a beautiful slide deck!

with uncover theme

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment