Initial commit

README.md

@@ -113,7 +113,7 @@ you should always wrap the child elements inside a block element, e.g. a ```<div
 ```html
 <style>
   .inline-element { display : inline-block; }
-</style
+</style>
 <details role="group">
   <summary role="button">Show/Hide me</summary>
   <div>

package.json

@@ -35,6 +35,8 @@
     "babel-preset-es2015": "6.6.0",
     "babel-preset-stage-0": "6.5.0",
     "chai": "3.5.0",
+    "commitizen": "2.6.0",
+    "cz-conventional-changelog": "1.1.5",
     "eslint": "2.2.0",
     "eslint-loader": "1.3.0",
     "ignore-styles": "1.2.0",

src/snippets/details-element-demo.html

@@ -12,7 +12,7 @@
   <link type="text/css" rel="stylesheet" href="reset.css" />
   <link type="text/css" rel="stylesheet" href="main.css" />
 
-  <!-- Additional styling og the details element -->
+  <!-- Additional styling of the details element -->
   <style>
 
     details > *:not(summary) {
@@ -295,6 +295,7 @@ <h2>Event listener example</h2>
     <div class="someting-inlined someting-inlined--green">! mee either</div>
   </details>
 </article>
+
 <script type="text/javascript" src="../../lib/lavu-details-polyfill.min.js" charset="utf-8"></script>
 </body>
 </html>

test/index.spec.js

@@ -40,7 +40,7 @@ describe('details', () => {
     </details>
   </details>
 
-  <details id="it-should-have-a-summary-element">
+  <details id="it-provides-a-summary-element">
    <p>A paragraph but no summary element</p>
   </details>
 
@@ -103,9 +103,9 @@ describe('details', () => {
     }
   });
 
-  it('adds a summary element if not present', () => {
+  it('provides a summary element if not present', () => {
     if(!nativeSupport) {
-      assert.equal(qs('#it-should-have-a-summary-element').firstElementChild.nodeName.toLowerCase(), 'summary');
+      assert.equal(qs('#it-provides-a-summary-element').firstElementChild.nodeName.toLowerCase(), 'summary');
     }
   });