No Padding Slide

css content classes

Create slides that contain no padding

Emil Hvitfeldt true
05-22-2021

xaringan slides come with a default padding along all sides of the slide. If you want to have content that touches all the sides you can create a content class that removes padding and add it as a slide class.

Result

Rmd

---
output:
  xaringan::moon_reader:
    css: ["default", "style.css"]
    lib_dir: libs
    seal: FALSE
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

class: full

# Sample Header

Duis vel viverra elit, eget hendrerit odio. Curabitur 
cursus elit nec diam vulputate, nec sollicitudin nunc 
ornare. Ut mi lectus, aliquet non ligula sed, 
lobortis vehicula erat. Morbi porttitor orci ut 
semper dapibus. Donec sodales tellus varius tortor 
varius, ornare commodo augue maximus. Vestibulum quis
bibendum mi, sit amet lobortis leo. Morbi vulputate 
orci arcu, ac lobortis sapien gravida eget. Nulla non
interdum orci, nec congue ligula.

style.css

.full {
  padding: 0px;
}

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".

Citation

For attribution, please cite this work as

Hvitfeldt (2021, May 22). Xaringan Gallery: No Padding Slide. Retrieved from https://xaringan.gallery/examples/no-padding-slide/

BibTeX citation

@misc{hvitfeldt2021no,
  author = {Hvitfeldt, Emil},
  title = {Xaringan Gallery: No Padding Slide},
  url = {https://xaringan.gallery/examples/no-padding-slide/},
  year = {2021}
}