Merge remote-tracking branch 'upstream/master'

# Conflicts:
#	src/v2/api/index.md
#	src/v2/guide/components.md
#	src/v2/guide/events.md
#	src/v2/guide/syntax.md
#	src/v2/guide/typescript.md

Signed-off-by: Bruno Lesieur <bruno.lesieur@gmail.com>

Author: MachinisteWeb

src/support-vuejs/index.md

@@ -59,7 +59,7 @@ Cependant, les efforts nécessaires à la maintenance et au développement de no
   </a><a href="https://onsen.io/vue/" target="_blank" style="width: 125px;">
     <img src="/images/onsen-ui.png" style="width: 125px;">
   </a><a href="http://tooltwist.com/" target="_blank" style="width: 125px;">
-    <img src="/images/tooltwist.png" style="width: 125px">
+    <img src="/images/tooltwist.png" style="width: 125px;">
   </a>
 </p>
 

src/v2/api/index.md

@@ -116,7 +116,7 @@ type : api
     'mon-web-component',
     'un-autre-web-component',
     // Utilisez une `RegExp` pour ignorer tous les éléments qui commencent par « ion- »
-    // 2.5+ only
+    // 2.5+ seulement
     /^ion-/
   ]
   ```

src/v2/guide/events.md

@@ -284,7 +284,7 @@ Par exemple :
 
 ### Modificateur `.exact`
 
-> Nouveau dans la 2.5.0
+> Nouveau dans la 2.5.0+
 
 Le modificateur `.exact` devrait être utilisé en complément des autres modificateurs de touches système pour indiquer que la combinaison exacte de touches doit être pressée pour que le gestionnaire se déclenche.
 

src/v2/guide/syntax.md

@@ -95,15 +95,15 @@ Ici, la directive `v-if` retirerait / insèrerait l'élément `<p>` selon que l'
 Certaines directives peuvent prendre un "argument", indiqué par un deux-points après le nom de la directive. Par exemple, la directive `v-bind` est utilisée pour mettre à jour réactivement un attribut HTML :
 
 ``` html
-<a v-bind:href="url"></a>
+<a v-bind:href="url"> ... </a>
 ```
 
 Ici `href` est un argument, qui dit à la directive `v-bind` de lier l'attribut `href` de l'élément à la valeur de l'expression `url`.
 
 Un autre exemple est la directive `v-on`, qui écoute les évènements du DOM :
 
 ``` html
-<a v-on:click="doSomething">
+<a v-on:click="doSomething"> ... </a>
 ```
 
 Ici l'argument est le nom de l'évènement à écouter. Nous parlerons aussi plus en détail de la gestion des évènements.
@@ -113,7 +113,7 @@ Ici l'argument est le nom de l'évènement à écouter. Nous parlerons aussi plu
 Les modificateurs sont des suffixes spéciaux indiqués par un point, qui indique qu'une directive devrait être liée d'une manière spécifique. Par exemple, le modificateur `.prevent` dit à la directive `v-on` d'appeler `event.preventDefault()` lorsque l'évènement survient.
 
 ``` html
-<form v-on:submit.prevent="onSubmit"></form>
+<form v-on:submit.prevent="onSubmit"> ... </form>
 ```
 
 Nous verrons plus de cas d'utilisation des modificateurs plus loin quand nous porterons un regard plus attentif sur [`v-on`](events.html#Event-Modifiers) et [`v-model`](events.html#Modificateurs-d’evenements).
@@ -126,20 +126,20 @@ Le préfixe `v-` sert d'indicateur visuel pour identifier les attributs spécifi
 
 ``` html
 <!-- syntaxe complète -->
-<a v-bind:href="url"></a>
+<a v-bind:href="url"> ... </a>
 
 <!-- abréviation -->
-<a :href="url"></a>
+<a :href="url"> ... </a>
 ```
 
 ### Abréviation pour `v-on`
 
 ``` html
 <!-- syntaxe complète -->
-<a v-on:click="doSomething"></a>
+<a v-on:click="doSomething"> ... </a>
 
 <!-- abréviation -->
-<a @click="doSomething"></a>
+<a @click="doSomething"> ... </a>
 ```
 
 Cela peut paraitre un peu différent du HTML classique, mais `:` et `@` sont des caractères valides pour des noms d'attributs et tous les navigateurs supportés par Vue.js peuvent l'interpréter correctement. De plus, ils n'apparaissent pas dans le balisage final. La syntaxe abrégée est totalement optionnelle, mais vous allez probablement l'apprécier quand vous en apprendrez plus sur son utilisation plus loin.

themes/vue/layout/partials/sponsors.ejs

@@ -51,7 +51,7 @@
   <img src="<%- url_for("/images/onsen-ui.png") %>" style="width: 105px;">
 </a>
 <a href="http://tooltwist.com/" target="_blank" style="width: 100px;">
-  <img src="<%- url_for("/images/tooltwist.png") %>" style="width: 100px">
+  <img src="<%- url_for("/images/tooltwist.png") %>" style="width: 100px;">
 </a>
 <br>
 

themes/vue/source/css/_style-guide.styl

@@ -16,61 +16,62 @@ $style-guide-priority-d-color = white
   .style-example, details, .style-enforcement
     border-radius $radius
     margin: 1.6em 0
-    padding 1.6em
+    padding: 1.6em
     h4
       margin-top: 0
     figure, p
       &:last-child
-        margin-bottom 0
-        padding-bottom 0
+        margin-bottom: 0
+        padding-bottom: 0
   .style-example
     &.example-bad
-      background $style-guide-bad-bg
+      background: $style-guide-bad-bg
       h4
-        color $style-guide-bad-text
+        color: $style-guide-bad-text
     &.example-good
-      background $style-guide-good-bg
+      background: $style-guide-good-bg
       h4
-        color $style-guide-good-text
+        color: $style-guide-good-text
   details, .style-enforcement
-    background-color #eee
+    background-color: #eee
   details
-    position relative
+    display: block // Add the correct display in IE and Edge.
+    position: relative
     &:not([open]) summary
       &::after
-        content "..."
+        content: "..."
       &:hover
-        background rgba(255, 255, 255, .3)
+        background: rgba(255, 255, 255, .3)
   summary
-    cursor pointer
-    padding 1.6em
-    margin -1.6em
-    outline none
+    cursor: pointer
+    padding: 1.6em
+    margin: -1.6em
+    outline: none
     > h4
-      display inline-block
-      margin 0
+      display: inline-block
+      margin: 0
   .style-enforcement
     table
-      width 100%
-      background-color $codebg
-      border-radius $radius
+      width: 100%
+      background-color: $codebg
+      border-radius: $radius
     th, td
-      padding .4em
-      text-align center
+      padding: .4em
+      text-align: center
     th
-      padding-bottom .2em
+      padding-bottom: .2em
     td
-      padding-top .2em
+      padding-top: .2em
   .style-rule-tag
-    background-color $codebg
-    border-radius $radius
-    font-size .9em
-    color $style-guide-good-text
-    font-weight 600
-    text-transform uppercase
+    background-color: $codebg
+    border-radius: $radius
+    font-size: .9em
+    color: $style-guide-good-text
+    font-weight: 600
+    text-transform: uppercase
     padding: .1em .4em
   a > .style-rule-tag
-    color $green
+    color: $green
   sup
     text-transform: uppercase
     font-size: .7em