fix(client): add slide-background class to container

Author: hiroppy

packages/client/assets/style/themes/pop.css

@@ -0,0 +1,6 @@
+:root {
+  --title-color: #3498db;
+  --base-color: #f5f5f5;
+  --background-color: #545454;
+  --link-color: #60d7a9;
+}

packages/client/src/components/SlideCore.js

@@ -61,6 +61,7 @@ export const SlideCore = ({ slides, onChangeSlideIndex }) => (
         : {}),
     }}
     onSlideChange={({ realIndex }) => onChangeSlideIndex(realIndex)}
+    className="slide-background"
   >
     {slides.map(({ slide: Slide, fusumaProps }, i) => (
       <SwiperSlide

packages/fusuma/src/configs/templates/style.css

@@ -33,11 +33,6 @@ a {
 .slide-box {
   /* set the default align */
   text-align: center;
-
-  & > * {
-    /* set the slide width: the default is 80% */
-    /* width: 100px; */
-  }
 }
 
 /* https://hiroppy.github.io/fusuma/docs/guides/slide-syntax#declaring-section-title */

samples/debug/style.css

@@ -2,24 +2,20 @@
 @import '../../packages/client/assets/style/themes/webpack.css';
 /* @import '../../packages/client/assets/style/themes/babel.css'; */
 /* @import '../../packages/client/assets/style/themes/node.css'; */
+/* @import '../../packages/client/assets/style/themes/pop.css'; */
 
 @font-face {
   font-family: Stratum;
   src: url('./assets/StratumNo1.ttf');
 }
 
-/* background: #f5f5f5; */
 .slide-background {
   background: var(--background-color);
   color: var(--base-color);
 }
 
 .slide-box {
   text-align: center;
-
-  & > * {
-    /* width: 100px; */
-  }
 }
 
 h1,