🐛fix iframe failed to load

hedou · Jun 2, 2019 · f1cbe23 · f1cbe23
1 parent 2315371
commit f1cbe23
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/interesting-usage.md b/interesting-usage.md
@@ -24,15 +24,17 @@ Shapes implemented with CSS gradients
 
 Generate basic CSS Grid code to make dynamic layouts!
 
-[CSS Grid Generator](https://cssgrid-generator.netlify.com/ ':include :type=iframe width=100% height=429px')
+<!-- [CSS Grid Generator](https://cssgrid-generator.netlify.com/ ':include :type=iframe width=100% height=429px') -->
+<iframe src="https://cssgrid-generator.netlify.com/" width="100%" height="429px"></iframe>
 
 ?> **GitHub:** [sdras/cssgridgenerator](https://github.com/sdras/cssgridgenerator)
 
 ### Epic Spinners
 
 CSS animation loading
 
-[Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px')
+<!-- [Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px') -->
+<iframe src="https://epic-spinners.epicmax.co" width="100%" height="429px"></iframe>
 
 ?> **GitHub:** [epicmaxco/epic-spinners](https://github.com/epicmaxco/epic-spinners)
 

diff --git a/zh-cn/common-snippets.md b/zh-cn/common-snippets.md
@@ -61,7 +61,7 @@ element {
 }
 ```
 
-# 常用的 SCSS 片段
+# SCSS 片段
 
 ```scss
 @mixin block($b) {

diff --git a/zh-cn/interesting-usage.md b/zh-cn/interesting-usage.md
@@ -24,15 +24,17 @@ NES红白机风格的 CSS 框架，主要的实现原理是通过将字体 [Pres
 
 动态生成 CSS Grid 代码!
 
-[CSS Grid Generator](https://cssgrid-generator.netlify.com/ ':include :type=iframe width=100% height=429px')
+<!-- [CSS Grid Generator](https://cssgrid-generator.netlify.com/ ':include :type=iframe width=100% height=429px') -->
+<iframe src="https://cssgrid-generator.netlify.com/" width="100%" height="429px"></iframe>
 
 ?> **GitHub:** [sdras/cssgridgenerator](https://github.com/sdras/cssgridgenerator)
 
 ### Epic Spinners
 
 CSS 加载动画
 
-[Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px')
+<!-- [Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px') -->
+<iframe src="https://epic-spinners.epicmax.co" width="100%" height="429px"></iframe>
 
 ?> **GitHub:** [epicmaxco/epic-spinners](https://github.com/epicmaxco/epic-spinners)
-Original file line number
+Diff line change
@@ Expand Up / @@ -61,7 +61,7 @@ element { @@
     }
     ```
-    # 常用的 SCSS 片段
+    # SCSS 片段
     ```scss
     @mixin block($b) {
@@ Expand Down @@