From 9c06479d9d91ca8fd4b96eecbda4bdf1a2f6d59e Mon Sep 17 00:00:00 2001
From: Luis <info@sentidodroid.com>
Date: Fri, 2 Jun 2017 00:03:00 +0200
Subject: [PATCH] Fixing size-n width

---
 src/scss/_base.scss      |  2 +-
 static/css/webslides.css | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/scss/_base.scss b/src/scss/_base.scss
index 69860da..f0cbd01 100644
--- a/src/scss/_base.scss
+++ b/src/scss/_base.scss
@@ -161,7 +161,7 @@ $sizes: 80, 70, 60, 50, 40, 30, 20;
 @media (min-width: 1024px) {
   @each $size in $sizes {
     .size-#{$size} {
-      width: $size + '%';
+      width: $size * 1%;
     }
   }
 }
diff --git a/static/css/webslides.css b/static/css/webslides.css
index dbe0a6b..23cb215 100644
--- a/static/css/webslides.css
+++ b/static/css/webslides.css
@@ -470,19 +470,19 @@ figure.alignleft {
 /*=== div.size-60, img.size-50, h1.size-40, p.size-30... === */
 @media (min-width: 1024px) {
   .size-80 {
-    width: "80%"; }
+    width: 80%; }
   .size-70 {
-    width: "70%"; }
+    width: 70%; }
   .size-60 {
-    width: "60%"; }
+    width: 60%; }
   .size-50 {
-    width: "50%"; }
+    width: 50%; }
   .size-40 {
-    width: "40%"; }
+    width: 40%; }
   .size-30 {
-    width: "30%"; }
+    width: 30%; }
   .size-20 {
-    width: "20%"; } }
+    width: 20%; } }
 
 pre,
 code {