Create a simple css only slideshow (for asciidoc)

Home   »   Create a simple css only slideshow (for asciidoc)

#content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;

}
.sect1 , #preamble {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
}

/*
#content is the container
.sect1 and #preamble are the slides

(for asciidoc)
#content .sect1 and #preamble are created automatically
by asciidoc when outputing to HTML
.sect1 corresponds to the level 1 sections created by asciidoc headings
*/

Leave a Reply

Your email address will not be published. Required fields are marked *