Added babel-loader and paddinng gap. Removed jQuery from bundle.

zaxovaiko · Jun 18, 2018 · 3137323 · 3137323
1 parent 1bcea82
commit 3137323
Show file tree

Hide file tree

Showing 9 changed files with 1,141 additions and 10,477 deletions.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2018 Volodia Zakhovaiko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE
+OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
@@ -2,15 +2,14 @@
 
 ### Table of contents
 
- - [Future updates](https://github.com/zaxoavoki/stratum#future-updates)
- - [Copyright and license](https://github.com/zaxoavoki/stratum#copyright-and-license)
+ - [Future updates](https://github.com/zaxoavoki/stratum.js#future-updates)
+ - [Copyright and license](https://github.com/zaxoavoki/stratum.js#copyright-and-license)
 
 ### Future updates
 
  - Add padding and margin gap between columns;
- - Remove [jQuery](https://jquery.com/) from production version of the file;
  - Add older browsers' supports;
  - Add this package to the [npm](https://www.npmjs.com/) catalog;
 
 ### Copyright and license
-Code and documentation copyright 2018. Code released under the [ISC License](https://en.wikipedia.org/wiki/ISC_license).
+Code and documentation copyright 2018. Code released under the [MIT License](https://en.wikipedia.org/wiki/MIT_License).
diff --git a/demo/index.html b/demo/index.html
@@ -13,81 +13,99 @@
 <body>
 
 <div class="container">
-    <div data-grid>
+    <div data-grid="3">
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio doloribus fuga ipsam necessitatibus quo. Alias, dicta dolorum earum inventore ipsa ipsam nam neque odit quam quibusdam quos tempora? Officia, totam!build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dignissimos distinctio dolor eos facilis hic illum, ipsa iure magnam officiis optio quia quo repudiandae sapiente soluta! to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, cons Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                Debitis distinctio et fuga natus nesciunt non placeat quia, recusandae reiciendis reprehenderit,
+                repudiandae similique vero, voluptatum. Accusamus ad aspernatur natus pariatur quae.ectetur adipisicing
+                elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde vo Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, harum,
+                odio. Animi architecto at ea minus nam neque nihil numquam obcaecati optio voluptatem. Accusantium
+                consequatur eius esse inventore sed vero? Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                Aliquam, amet corporis dicta dignissimos doloremque, eligendi esse eum illum iure minus molestiae nam
+                quam quis quod recusandae repellendus soluta voluptates! Amet?luptatem? Asperiores aspernatur
+                consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to build on the Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi debitis deleniti dicta dolore enim error illum, incidunt necessitatibus nesciunt numquamcard title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in od Lorem ipsum dolor sit amet, consectetur adipisicing elit. At
+                consequuntur culpa cumque cupiditate, debitis deleniti eligendi excepturi exercitationem iste itaque,
+                iure officia officiis, repellat repudiandae sequi sint sunt! Ipsa, magnam. Lorem ipsum dolor sit amet,
+                consectetur adipisicing elit. A, animi dolor dolorum eius facilis ipsum libero magnam mollitia sequi
+                veritatis? Aliquam aliquid in incidunt laborum quidem quis sequi voluptas voluptates?Lorem ipsum dolor
+                sit amet, consectetur adipisicing elit. Aperiam blanditiis commodi cum eveniet excepturi illum impedit
+                inventore maiores minima minus molestiae quia quidem quo quos ratione repudiandae, similique soluta
+                velit.it quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo? Lorem ipsum dolor sit amet, consectetur adipisicing elit. A
+                accusantium beatae cum cumque doloremque eaque error ipsam numquam odio pariatur placeat possimus
+                repellendus, reprehenderit sed suscipit ut veniam vitae voluptatem!
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to b Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad blanditiis eaque facilis nam nemo nobis placeat saepe ut! Dolorum ea eum illo soluta voluptatibus. Accusantium deleniti illo inventore nobis quia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa cupiditate, distinctio doloremque dolorum earum eligendi iure labore nam nesciunt officia quo, recusandae repudiandae similique sit tenetur veniam voluptatem voluptatum!uild on the card title and make up the bulk of the card's content.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
 
         <div class="card">
             <div class="card-body">
-                <h5 class="card-title">Card title</h5>
-                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam dolor inventore maiores! Ab deserunt, dolore fugit odio perferendis quaerat quidem. Alias beatae eligendi explicabo nemo praesentium soluta totam voluptatem voluptates.</p>
-                <a href="#" class="card-link">Card link</a>
-                <a href="#" class="card-link">Another link</a>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, et eveniet! Ab alias beatae delectus
+                earum eum, eveniet facilis, in odit quae quo recusandae, repellat sed similique! Corporis, quae
+                reiciendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto ex facilis fugit id
+                molestias quo rem unde voluptatem? Asperiores aspernatur consequatur esse iure necessitatibus quam
+                soluta voluptate! Nostrum, odit, quo?
             </div>
         </div>
     </div>
 </div>
 
-<!-- Include stratum.js -->
-<script src="../dist/stratum.js"></script>
+<!-- Include jQuery first and stratum.js -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="../dist/stratum.min.js"></script>
 
 </body>
 </html>