Merge branch 'master' of https://github.com/manojgetwealthy/layout-emotions

Author: manojgetwealthy

README.md

@@ -10,18 +10,20 @@ This is a very light-weight collection of `layout components in js` alongwith `c
 * Row
 
 ## Available columns classes (12 grid system):
-* Column 1 (.mcol-1, .mcol-xs-1, .mcol-sm-1, .mcol-md-1, .mcol-lg-1, .mcol-xl-1, .mcol-xxl-1)
-* Column 2 (.mcol-2, .mcol-xs-2, .mcol-sm-2, .mcol-md-2, .mcol-lg-2, .mcol-xl-2, .mcol-xxl-2)
-* Column 3 (.mcol-3, .mcol-xs-3, .mcol-sm-3, .mcol-md-3, .mcol-lg-3, .mcol-xl-3, .mcol-xxl-3)
-* Column 4 (.mcol-4, .mcol-xs-4, .mcol-sm-4, .mcol-md-4, .mcol-lg-4, .mcol-xl-4, .mcol-xxl-4)
-* Column 5 (.mcol-5, .mcol-xs-5, .mcol-sm-5, .mcol-md-5, .mcol-lg-5, .mcol-xl-5, .mcol-xxl-5)
-* Column 6 (.mcol-6, .mcol-xs-6, .mcol-sm-6, .mcol-md-6, .mcol-lg-6, .mcol-xl-6, .mcol-xxl-6)
-* Column 7 (.mcol-7, .mcol-xs-7, .mcol-sm-7, .mcol-md-7, .mcol-lg-7, .mcol-xl-7, .mcol-xxl-7)
-* Column 8 (.mcol-8, .mcol-xs-8, .mcol-sm-8, .mcol-md-8, .mcol-lg-8, .mcol-xl-8, .mcol-xxl-8)
-* Column 9 (.mcol-9, .mcol-xs-9, .mcol-sm-9, .mcol-md-9, .mcol-lg-9, .mcol-xl-9, .mcol-xxl-9)
-* Column 10 (.mcol-10, .mcol-xs-10, .mcol-sm-10, .mcol-md-10, .mcol-lg-10, .mcol-xl-10, .mcol-xxl-10)
-* Column 11 (.mcol-11, .mcol-xs-11, .mcol-sm-11, .mcol-md-11, .mcol-lg-11, .mcol-xl-11, .mcol-xxl-11)
-* Column 12 (.mcol-12, .mcol-xs-12, .mcol-sm-12, .mcol-md-12, .mcol-lg-12, .mcol-xl-12, .mcol-xxl-12)
+| Column | Generic | Extra small devices | Small devices | Medium devices | Large device | Extra large Device | Very Large device |
+|--------|---------|---------------------|---------------|----------------|--------------|--------------------|-------------------|
+| Column 1 | mcol-1 | mcol-xs-1 | mcol-sm-1 | mcol-md-1 | mcol-lg-1 | mcol-xl-1 | mcol-xxl-1 |
+| Column 2 | mcol-2 | mcol-xs-2 | mcol-sm-2 | mcol-md-2 | mcol-lg-2 | mcol-xl-2 | mcol-xxl-2 |
+| Column 3 | mcol-3 | mcol-xs-3 | mcol-sm-3 | mcol-md-3 | mcol-lg-3 | mcol-xl-3 | mcol-xxl-3 |
+| Column 4 | mcol-4 | mcol-xs-4 | mcol-sm-4 | mcol-md-4 | mcol-lg-4 | mcol-xl-4 | mcol-xxl-4 |
+| Column 5 | mcol-5 | mcol-xs-5 | mcol-sm-5 | mcol-md-5 | mcol-lg-5 | mcol-xl-5 | mcol-xxl-5 |
+| Column 6 | mcol-6 | mcol-xs-6 | mcol-sm-6 | mcol-md-6 | mcol-lg-6 | mcol-xl-6 | mcol-xxl-6 |
+| Column 7 | mcol-7 | mcol-xs-7 | mcol-sm-7 | mcol-md-7 | mcol-lg-7 | mcol-xl-7 | mcol-xxl-7 |
+| Column 8 | mcol-8 | mcol-xs-8 | mcol-sm-8 | mcol-md-8 | mcol-lg-8 | mcol-xl-8 | mcol-xxl-8 |
+| Column 9 | mcol-9 | mcol-xs-9 | mcol-sm-9 | mcol-md-9 | mcol-lg-9 | mcol-xl-9 | mcol-xxl-9 |
+| Column 10 | mcol-10 | mcol-xs-10 | mcol-sm-10 | mcol-md-10 | mcol-lg-10 | mcol-xl-10 | mcol-xxl-10 |
+| Column 11 | mcol-11 | mcol-xs-11 | mcol-sm-11 | mcol-md-11 | mcol-lg-11 | mcol-xl-11 | mcol-xxl-11 | 
+| Column 12 | mcol-12 | mcol-xs-12 | mcol-sm-12 | mcol-md-12 | mcol-lg-12 | mcol-xl-12 | mcol-xxl-12 |
 
 ## Usage
 
@@ -58,4 +60,4 @@ function About() {
 
 return default About;
 
-````
+````