update carousel demo style

yfge · Jul 11, 2017 · c112abd · c112abd
1 parent ab4e676
commit c112abd
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 1 deletion.
diff --git a/components/carousel/demo/autoplay.md b/components/carousel/demo/autoplay.md
@@ -25,3 +25,18 @@ ReactDOM.render(
   </Carousel>
 , mountNode);
 ````
+
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````
diff --git a/components/carousel/demo/basic.md b/components/carousel/demo/basic.md
@@ -37,7 +37,10 @@ ReactDOM.render(
   height: 160px;
   line-height: 160px;
   background: #364d79;
-  color: #fff;
   overflow: hidden;
 }
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
 ````
diff --git a/components/carousel/demo/fade.md b/components/carousel/demo/fade.md
@@ -26,3 +26,17 @@ ReactDOM.render(
 , mountNode);
 ````
 
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````
diff --git a/components/carousel/demo/vertical.md b/components/carousel/demo/vertical.md
@@ -25,3 +25,18 @@ ReactDOM.render(
   </Carousel>
 , mountNode);
 ````
+
+````css
+/* For demo */
+.ant-carousel .slick-slide {
+  text-align: center;
+  height: 160px;
+  line-height: 160px;
+  background: #364d79;
+  overflow: hidden;
+}
+
+.ant-carousel .slick-slide h3 {
+  color: #fff;
+}
+````