Set height/width to 100% in .remark-slide-content

Fixes #24

inst/resources/template.css

@@ -83,6 +83,8 @@ h1, h2, h3 {
   background-size: {{background_size}};{{/background_size}}{{#background_position}}
   background-position: {{background_position}};{{/background_position}}{{/background_image}}
   padding: {{padding}};
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/duo-header_bg.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/duo.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/duo_accent.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/duo_accent_inverse.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/mono_accent.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/mono_accent_inverse.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/mono_dark.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/mono_light-header_bg.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/mono_light.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/solarized_dark-header_bg.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/solarized_dark.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/solarized_light.css

@@ -75,6 +75,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);

tests/testthat/css/xaringan.css

@@ -76,6 +76,8 @@ h1, h2, h3 {
   background-color: var(--background-color);
   font-size: 1rem;
   padding: 16px 64px 16px 64px;
+  width: 100%;
+  height: 100%;
 }
 .remark-slide-content h1 {
   font-size: var(--header-h1-font-size);