Formatted all inline styles (vuejs#348)

* Formatted all inline styles

* Update date

Author: re-fort

src/support-vuejs/index.md

@@ -15,7 +15,7 @@ Vue.js は MIT ライセンスのオープンソース・プロジェクトで
 
 <p style="text-align: center;">
   <a href="https://stdlib.com">
-    <img style="width:300px" src="/images/stdlib.png">
+    <img style="width: 300px;" src="/images/stdlib.png">
   </a>
 </p>
 
@@ -28,8 +28,8 @@ Vue.js は MIT ライセンスのオープンソース・プロジェクトで
 ### Patreon ゴールド ($500/月)
 
 <p class="patreon-sponsors sponsor-section">
-  <a href="https://deepstreamhub.com" target="_blank" style="width:140px;top:1px">
-    <img src="/images/deepstream.png" style="width:140px">
+  <a href="https://deepstreamhub.com" target="_blank" style="width: 140px; top: 1px;">
+    <img src="/images/deepstream.png" style="width: 140px;">
   </a><a href="https://jsfiddle.net">
     <img src="/images/jsfiddle.png">
   </a><a href="https://laravel.com">
@@ -44,18 +44,18 @@ Vue.js は MIT ライセンスのオープンソース・プロジェクトで
     <img src="/images/monterail.png">
   </a><a href="https://www.2mhost.com/" target="_blank">
     <img src="/images/2mhost.png">
-  </a><a href="https://vuejobs.com/?ref=vuejs" target="_blank" style="position:relative;top:6px">
+  </a><a href="https://vuejobs.com/?ref=vuejs" target="_blank" style="position: relative; top: 6px;">
     <img src="/images/vuejobs.svg">
   </a><a href="https://leanpub.com/vuejs2" target="_blank">
     <img src="/images/tmvuejs2.png">
-  </a><a href="https://component.io" target="_blank" style="width:140px">
-    <img src="/images/component_io.png" style="width:140px">
-  </a><a href="https://www.v2ex.com/t/379389" target="_blank" style="width:120px;">
-    <img src="/images/v2exer.png" style="width:120px;">
-  </a><a href="https://www.xfive.co/" target="_blank" style="width:80px;">
-    <img src="/images/xfive.png" style="width:80px">
-    </a><a href="http://www.frontenddevelopermeetups.com/" target="_blank" style="width:120px;">
-    <img src="/images/frontend-meetups.png" style="width:120px">
+  </a><a href="https://component.io" target="_blank" style="width: 140px;">
+    <img src="/images/component_io.png" style="width: 140px;">
+  </a><a href="https://www.v2ex.com/t/379389" target="_blank" style="width: 120px;">
+    <img src="/images/v2exer.png" style="width: 120px;">
+  </a><a href="https://www.xfive.co/" target="_blank" style="width: 80px;">
+    <img src="/images/xfive.png" style="width: 80px;">
+  </a><a href="http://www.frontenddevelopermeetups.com/" target="_blank" style="width: 120px;">
+    <img src="/images/frontend-meetups.png" style="width: 120px;">
   </a>
 </p>
 

src/v2/examples/hackernews.md

@@ -1,17 +1,17 @@
 ---
 title: HackerNews クローン
-updated: 2017-06-26 00:00:00
+updated: 2017-09-22
 type: examples
 order: 12
 ---
 
 > これは Hackernews のオフィシャル Firebase API に基づいた Hackernews クローンで、Vue 2.0 + vue-router + vuex 、そしてサーバサイドレンダリングが使用されています。
 
 {% raw %}
-<div style="max-width:600px">
+<div style="max-width: 600px;">
   <a href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank">
-    <img style="width:100%" src="/images/hn.png">
- </a>
+    <img style="width: 100%;" src="/images/hn.png">
+  </a>
 </div>
 {% endraw %}
 

src/v2/guide/components.md

@@ -1,6 +1,6 @@
 ---
 title: コンポーネント
-updated: 2017-09-16
+updated: 2017-09-22
 type: guide
 order: 11
 ---
@@ -219,8 +219,8 @@ new Vue({
 
 Vue では、親子のコンポーネントの関係は、**props down, events up** というように要約することができます。親は、 **プロパティ**を経由して、データを子に伝え、子は**イベント**を経由して、親にメッセージを送ります。以下でどのように動くか見てみましょう。
 
-<p style="text-align: center">
-  <img style="width:300px" src="/images/props-events.png" alt="props down, events up">
+<p style="text-align: center;">
+  <img style="width: 300px;" src="/images/props-events.png" alt="props down, events up">
 </p>
 
 ## プロパティ

src/v2/guide/forms.md

@@ -1,6 +1,6 @@
 ---
 title: フォーム入力バインディング
-updated: 2017-09-03
+updated: 2017-09-22
 type: guide
 order: 10
 ---
@@ -39,15 +39,15 @@ new Vue({
 
 ``` html
 <span>Multiline message is:</span>
-<p style="white-space: pre-line">{{ message }}</p>
+<p style="white-space: pre-line;">{{ message }}</p>
 <br>
 <textarea v-model="message" placeholder="add multiple lines"></textarea>
 ```
 
 {% raw %}
 <div id="example-textarea" class="demo">
   <span>Multiline message is:</span>
-  <p style="white-space: pre-line">{{ message }}</p>
+  <p style="white-space: pre-line;">{{ message }}</p>
   <br>
   <textarea v-model="message" placeholder="add multiple lines"></textarea>
 </div>
@@ -222,7 +222,7 @@ new Vue({
 ```
 {% raw %}
 <div id="example-6" class="demo">
-  <select v-model="selected" multiple style="width: 50px">
+  <select v-model="selected" multiple style="width: 50px;">
     <option>A</option>
     <option>B</option>
     <option>C</option>

src/v2/guide/single-file-components.md

@@ -1,6 +1,6 @@
 ---
 title: 単一ファイルコンポーネント
-updated: 2017-09-03
+updated: 2017-09-22
 type: guide
 order: 402
 ---
@@ -20,7 +20,7 @@ order: 402
 
 こちらが `Hello.vue` と呼ばれたファイルの単純な例です:
 
-<img src="/images/vue-component.png" style="display: block; margin: 30px auto">
+<img src="/images/vue-component.png" style="display: block; margin: 30px auto;">
 
 さて次にこちらに入ります:
 
@@ -30,7 +30,7 @@ order: 402
 
 約束したとおり、 Pug、 Babel(ES2015 モジュールと一緒に）や Stylus などより美しくかつ機能が豊富なコンポーネントもプリプロセッサとして利用できます。
 
-<img src="/images/vue-component-with-preprocessors.png" style="display: block; margin: 30px auto">
+<img src="/images/vue-component-with-preprocessors.png" style="display: block; margin: 30px auto;">
 
 これらの特定の言語は単なる一例です。Buble 、TypeScript 、SCSS 、PostCSS などの生産的なプリプロセッサも簡単に使うことができます。`vue-loader` で Webpack を使用しているならば、CSS Modules 向けに素晴らしいサポートがあります。
 

themes/vue/layout/index.ejs

@@ -56,7 +56,7 @@
 
 <div id="footer">
   <a href="https://www.shuttleworthfoundation.org/fellows/flash-grants/" target="_blank">
-    <img src="/images/shuttleworth.png" style="width:200px">
+    <img src="/images/shuttleworth.png" style="width: 200px;">
   </a>
   <p>Released under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT License</a><br>
   Copyright &copy; 2014-<%- new Date().getFullYear() %> Evan You</p>

themes/vue/layout/page.ejs

@@ -32,7 +32,7 @@
           <span>← <a href="<%- url_for(page.path) %>"><%- page.title %></a></span>
         <% }) %>
         <% site.pages.find({ type: page.type, order: page.order + 1 }).each(function (page) { %>
-          <span style="float:right"><a href="<%- url_for(page.path) %>"><%- page.title %></a> →</span>
+          <span style="float: right;"><a href="<%- url_for(page.path) %>"><%- page.title %></a> →</span>
         <% }) %>
       </div>
     <% } %>

themes/vue/layout/partials/sponsors.ejs

@@ -1,48 +1,48 @@
 <h3>Patreon スポンサー</h3>
 
-<a href="https://stdlib.com/" target="_blank" style="width: 180px">
-  <img style="width: 180px" src="<%- url_for("/images/stdlib.png") %>">
+<a href="https://stdlib.com/" target="_blank" style="width: 180px;">
+  <img style="width: 180px;" src="<%- url_for("/images/stdlib.png") %>">
 </a>
 <br>
 <br>
-<a href="https://deepstreamhub.com" target="_blank" style="width:130px;top:1px">
-  <img src="<%- url_for("/images/deepstream.png") %>" style="width:130px">
+<a href="https://deepstreamhub.com" target="_blank" style="width: 130px; top: 1px;">
+  <img src="<%- url_for("/images/deepstream.png") %>" style="width: 130px;">
 </a>
 <a href="https://jsfiddle.net/" target="_blank">
   <img src="<%- url_for("/images/jsfiddle.png") %>">
 </a>
 <a href="https://laravel.com/" target="_blank">
   <img src="<%- url_for("/images/laravel.png") %>">
 </a>
-<a href="https://chaitin.cn" target="_blank" style="top:-1px">
+<a href="https://chaitin.cn" target="_blank" style="top: -1px;">
   <img src="<%- url_for("/images/chaitin.png") %>">
 </a>
 <a href="https://htmlburger.com" target="_blank">
   <img src="<%- url_for("/images/htmlburger.png") %>">
 </a>
-<a href="https://starter.someline.com/" target="_blank" style="top:-2px">
+<a href="https://starter.someline.com/" target="_blank" style="top: -2px;">
   <img src="<%- url_for("/images/someline.png") %>">
 </a>
 <a href="http://monterail.com/" target="_blank">
   <img src="<%- url_for("/images/monterail.png") %>">
 </a>
-<a href="https://www.2mhost.com/" target="_blank" style="width:90px">
-  <img src="<%- url_for("/images/2mhost.png") %>" style="width:90px">
+<a href="https://www.2mhost.com/" target="_blank" style="width: 90px;">
+  <img src="<%- url_for("/images/2mhost.png") %>" style="width: 90px;">
 </a>
-<a href="https://vuejobs.com/?ref=vuejs" target="_blank" style="width:80px;top:4px">
-  <img src="<%- url_for("/images/vuejobs.svg") %>" style="width:80px">
+<a href="https://vuejobs.com/?ref=vuejs" target="_blank" style="width: 80px; top: 4px;">
+  <img src="<%- url_for("/images/vuejobs.svg") %>" style="width: 80px;">
 </a>
 <a href="https://leanpub.com/vuejs2" target="_blank">
   <img src="<%- url_for("/images/tmvuejs2.png") %>">
 </a>
-<a href="https://component.io" target="_blank" style="width:120px;top:1px">
-  <img src="<%- url_for("/images/component_io.png") %>" style="width:120px">
+<a href="https://component.io" target="_blank" style="width: 120px; top: 1px;">
+  <img src="<%- url_for("/images/component_io.png") %>" style="width: 120px;">
 </a>
-<a href="https://www.v2ex.com/t/379389" target="_blank" style="width:100px;">
-  <img src="<%- url_for("/images/v2exer.png") %>" style="width:100px">
+<a href="https://www.v2ex.com/t/379389" target="_blank" style="width: 100px;">
+  <img src="<%- url_for("/images/v2exer.png") %>" style="width: 100px;">
 </a>
-<a href="https://www.xfive.co/" target="_blank" style="width:65px;">
-  <img src="<%- url_for("/images/xfive.png") %>" style="width:65px">
+<a href="https://www.xfive.co/" target="_blank" style="width: 65px;">
+  <img src="<%- url_for("/images/xfive.png") %>" style="width: 65px;">
 </a>
 <a href="http://www.frontenddevelopermeetups.com/" target="_blank" style="width:100px;">
   <img src="<%- url_for("/images/frontend-meetups.png") %>" style="width:100px">

themes/vue/layout/post.ejs

@@ -6,11 +6,11 @@
         <div class="list">
             <h2>
                 Recent Posts
-                <a href="<%- url_for("/atom.xml") %>" target="_blank" style="vertical-align: middle; margin-left: 5px">
-                    <img src="<%- url_for("/images/feed.png") %>" style="width:15px;height:15px">
+                <a href="<%- url_for("/atom.xml") %>" target="_blank" style="vertical-align: middle; margin-left: 5px;">
+                    <img src="<%- url_for("/images/feed.png") %>" style="width: 15px; height: 15px;">
                 </a>
             </h2>
-            <ul style="padding:0">
+            <ul style="padding: 0;">
             <% site.posts.sort('date', -1).limit(10).each(function (post) { %>
                 <li>
                     <a href="/<%- post.path %>" class="sidebar-link<%- page.title === post.title ? ' current' : '' %>"><%- post.title %></a>