Skip to main content

HTML_CUSTOM_CSS

Constant HTML_CUSTOM_CSS 

Source
pub const HTML_CUSTOM_CSS: &str = "\n/* sensible styles */\n.reveal section {\n  font-family: \"Arial\", sans-serif;\n}\n\n.reveal h1 {\n  color: #f92672;\n  text-align: left;\n  margin: 0 0 0.5em 0; \n  line-height: 1.2;    \n}\n\n.reveal h2 {\n  text-align: left;\n}\n\n\n.left {\n  text-align: left;\n}\n\n\n.horizontal-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 2em;\n}\n\n.vertical-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 20pt;\n}\n\n.center-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.left {\n  text-align: left;\n}\n\n/* general slide layout for all sections */\n.reveal .slides section {\n  display: flex !important;\n  flex-direction: column; \n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 1em; \n  padding-top: 2em; \n  box-sizing: border-box;\n}\n\n.horizontal-container .text {\n  flex: 1;\n}\n\n.horizontal-container .image {\n  flex: 1;\n  max-width: 45%;\n  height: auto;\n  object-fit: contain;\n}\n\n.reveal ul {\n  text-align: left;\n  margin: -1em 0 0 0; \n  padding-left: 1.2em;\n}\n\n.reveal .slides section.center-slide {\n  display: flex !important;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 100vh;\n  text-align: center !important;\n  gap: 1em;\n}\n\n.center-slide h1 {\n  margin: -1.7em 0 0 0;\n}\n\n.reveal pre.full-code,\n.reveal pre.full-code code {\n  max-height: none !important;\n  overflow: visible !important;\n  white-space: pre !important;\n}\n\n.no-wrap {\n  white-space: nowrap;\n}\n\n.move-up-1 {\n  margin: -1em 0 0 0 !important;\n}\n\n.move-up-2 {\n  margin: -2em 0 0 0 !important;\n}\n\n.move-up-3 {\n  margin: -3em 0 0 0 !important;\n}\n.move-up-4 {\n  margin: -4em 0 0 0 !important;\n}";