Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change role of pagination layer to pseudo layer on advanced background #27

Merged
merged 2 commits into from
May 23, 2018

Conversation

yhatt
Copy link
Member

@yhatt yhatt commented May 23, 2018

This PR will change the role of pagination layer on advanced background into a pseudo layer to render pseudo-elements of section.

It will allow to use ::before pseudo-element as a decoration for slide correctly. The pseudo layer will become to always render in advanced backgrounds.

Regular w/ Split background
(previous)
w/ Split background
(fixed)
screen shot 2018-05-23 at 23 01 29 screen shot 2018-05-23 at 23 01 22 screen shot 2018-05-23 at 23 01 01
The gradation can see in each of split area. The gradation fills whole slide correctly.
/* @theme pseudo-decorated */
section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    to right,
    rgba(0, 0, 255, 0.1),
    transparent,
    rgba(0, 0, 255, 0.1)
  );
  pointer-events: none;
}
---
theme: pseudo-decorated
---

# Marp

![bg right](https://raw.githubusercontent.com/yhatt/marp/master/images/marp.png)

yhatt added 2 commits May 23, 2018 22:53
It will allow to use `::before` pseudo-element as a decoration for
slide correctly.
@yhatt yhatt merged commit 5b0c634 into master May 23, 2018
@yhatt yhatt deleted the advanced-bg-pseudo-layer branch May 23, 2018 14:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant