Actualizo estilo de columnas

README.md

@@ -15,8 +15,10 @@ Then start editing `theme/source/mikroways.scss` while executing:
 
 ```
 npm run sass
+npm run sass -- --watch
 ```
 
+
 > This command will regenerate `theme/mikroways.css` each time source sass file
 > is modified.
 

example/demo.md

@@ -50,21 +50,32 @@ This is a sample text
 
 This text is outside columns, but the following text is placed inside columns:
 
-<div class="container">
+<div class="container small">
 <div class="col">
 
 ### Column 1
 
-This is a text inside column 1. As you can see, text flows but don't overlaps
-with next column
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+```
+ls
+```
 </div>
 
 <div class="col">
 
 ### Column 2
 
-* Item 1
-* Item 2
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+```
+ls
+```
+
 </div>
 </div>
 
@@ -90,6 +101,39 @@ with next column
 * Item 2
 </div>
 </div>
+----
+# Code in columns
+
+This text is outside columns, but the following text is placed inside columns:
+
+<div class="container">
+<div class="col">
+
+### Column 1
+
+```c
+#include <stdio.h>
+
+int main()
+{
+    printf("Hello world, from Mikroways\n");
+    return 0;
+}
+```
+</div>
+
+<div class="col">
+
+### Column 2
+
+```ruby
+hello="Hello"
+world="world"
+puts "#{hello} #{world}! from Mikroways"
+```
+</div>
+</div>
+
 ---
 
 # Shadows

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "demo": "reveal-md --watch --theme theme/mikroways.css example/demo.md",
     "static": "reveal-md --static --theme theme/mikroways.css example/demo.md && cp example/images/*cast _static/images/",
-    "sass": "node-sass --watch theme/source/mikroways.scss theme/mikroways.css"
+    "sass": "node-sass theme/source/mikroways.scss theme/mikroways.css"
   },
   "repository": {
     "type": "git",

theme/source/mikroways.scss

@@ -205,6 +205,10 @@ $whiteLogo: 'iVBORw0KGgoAAAANSUhEUgAAAyAAAAEMCAMAAAALXyI+AAAA0GVYSWZJSSoACAAAAAo
 
   .col {
     flex: 1;
+    margin-left: 5px;
+    margin-right: 5px;
+    padding-left: 3px;
+    padding-right: 3px;
   }
 
   .main-list {