feat: add border shadow style

s-edwards · Feb 9, 2018 · b17d490 · b17d490
1 parent 9034d76
commit b17d490
Show file tree

Hide file tree

Showing 10 changed files with 78 additions and 45 deletions.
diff --git a/_config.demo.yml b/_config.demo.yml
@@ -87,7 +87,7 @@ mermaid: true
 chart: true
 
 ## Paginate ##
-paginate: 5
+paginate: 7
 paginate_path: /blog/page:num
 
 ## Post excerpts ##

diff --git a/_config.dev.yml b/_config.dev.yml
@@ -90,7 +90,7 @@ leancloud:
 # chart: true
 
 ## Paginate ##
-paginate: 5
+paginate: 7
 paginate_path: /blog/page:num
 
 ## Post excerpts ##

diff --git a/_config.yml b/_config.yml
@@ -85,7 +85,7 @@ leancloud:
 # chart: true
 
 ## Paginate ##
-paginate: 5
+paginate: 7
 paginate_path: /blog/page:num
 
 ## Post excerpts ##

diff --git a/_layouts/blog-base.html b/_layouts/blog-base.html
@@ -7,13 +7,6 @@
     {%- assign __path = '/assets/css/blog.css' -%}
     {%- include snippets/prepend-baseurl.html -%}
     <link rel="stylesheet" href="{{ __return }}">
-    <style>
-    {%- if page.picture_frame == 'shadow' -%}
-      .m-article-content img:not(.emoji) {
-        box-shadow: 0 0 5px rgba(0, 0, 0, .4);
-      }
-    {%- endif -%}
-    </style>
     <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
   </head>
   <body>

diff --git a/_sass/components/_article.content.extra.scss b/_sass/components/_article.content.extra.scss
@@ -23,11 +23,11 @@
     border: 1px solid $red;
   }
 
-  .shadow {
+  .shadow > img {
     @include box-shadow(3);
   }
 
-  .border {
+  .border > img {
     border: 1px solid $border-color-l;
   }
 }
diff --git a/test/_config.yml b/test/_config.yml
@@ -85,7 +85,7 @@ leancloud:
 # chart: true
 
 ## Paginate ##
-paginate: 5
+paginate: 7
 paginate_path: /blog/page:num
 
 ## Post excerpts ##

diff --git a/test/_posts/2017-02-02-images-with-shadow.md b/test/_posts/2017-02-02-images-with-shadow.md
diff --git a/test/_posts/2017-05-05-chart.md b/test/_posts/2017-05-05-chart.md
@@ -8,6 +8,58 @@ tags:
 chart: true
 ---
 
+```chart
+{
+  "type": "line",
+  "data": {
+    "labels": [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July"
+    ],
+    "datasets": [
+      {
+        "label": "# of bugs",
+        "fill": false,
+        "lineTension": 0.1,
+        "backgroundColor": "rgba(75,192,192,0.4)",
+        "borderColor": "rgba(75,192,192,1)",
+        "borderCapStyle": "butt",
+        "borderDash": [],
+        "borderDashOffset": 0,
+        "borderJoinStyle": "miter",
+        "pointBorderColor": "rgba(75,192,192,1)",
+        "pointBackgroundColor": "#fff",
+        "pointBorderWidth": 1,
+        "pointHoverRadius": 5,
+        "pointHoverBackgroundColor": "rgba(75,192,192,1)",
+        "pointHoverBorderColor": "rgba(220,220,220,1)",
+        "pointHoverBorderWidth": 2,
+        "pointRadius": 1,
+        "pointHitRadius": 10,
+        "data": [
+          65,
+          59,
+          80,
+          81,
+          56,
+          55,
+          40
+        ],
+        "spanGaps": false
+      }
+    ]
+  },
+  "options": {}
+}
+```
+
+<!--more-->
+
 Simple HTML5 Charts using the canvas element [chartjs.org](http://www.chartjs.org/).
 
 ## Line Chart
@@ -62,8 +114,6 @@ Simple HTML5 Charts using the canvas element [chartjs.org](http://www.chartjs.or
 }
 ```
 
-<!--more-->
-
 [Documentation for Line Chart](http://www.chartjs.org/docs/latest/charts/line.html)
 
     ```chart

diff --git a/test/_posts/2017-06-06-mermaid.md b/test/_posts/2017-06-06-mermaid.md
@@ -8,6 +8,16 @@ tags:
 mermaid: true
 ---
 
+```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```
+
+<!--more-->
+
 Generation of diagrams and flowcharts from text in a similar manner as markdown.
 
 Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code?
@@ -24,8 +34,6 @@ graph TD;
     C-->D;
 ```
 
-<!--more-->
-
     ```mermaid
     graph TD;
         A-->B;

diff --git a/test/_posts/2017-08-08-styles.md → test/_posts/2017-08-08-additional-styles.md b/test/_posts/2017-08-08-styles.md → test/_posts/2017-08-08-additional-styles.md
@@ -1,12 +1,20 @@
 ---
 layout: post
-title: TeXt - Extra Styles
+title: TeXt - Additional Styles
 key: 20170808
 tags:
   - TeXt
   - English
 ---
 
+![TeXt](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png "TeXt Theme")
+{:.shadow}
+
+Success Text.
+{:.success}
+
+<!--more-->
+
 ## Alert
 
 Success Text.
@@ -21,8 +29,6 @@ Warning Text.
 Error Text.
 {:.error}
 
-<!--more-->
-
     Success Text.
     {:.success}
 ^
@@ -35,7 +41,7 @@ Error Text.
     Error Text.
     {:.error}
 
-## Styles
+## Image
 
 ### border