Moved css property to js

TimeToKnow · Apr 25, 2016 · 9cf2fad · 9cf2fad
1 parent ec613ca
commit 9cf2fad
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/emoji-panel.scss b/src/emoji-panel.scss
@@ -6,7 +6,7 @@ $size-slide: 3px;
 
 .ep {
   height: 100%;
-  
+
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
@@ -34,7 +34,6 @@ $size-slide: 3px;
 .ep-slide {
   position: absolute;
   height: $size-slide;
-  width: 12.5%;
   will-change: margin-left;
   transition: margin-left ease-in-out;
   background-color: #93D3CC;

diff --git a/src/set.js b/src/set.js
@@ -56,6 +56,9 @@ module.exports = (api, imageSet, size) => {
       width: sizeNumber + 'px',
       height: sizeNumber + 'px',
       'background-image': `url('${backgroundImageFileLocation}')`
+    },
+    '.ep-slide': {
+      width: `${100 / categoryOrder.length}%`
     }
   }, categoryOrder.reduce((catObj, category) => Object.assign(catObj,
     emojiData[category].reduce((emojiObj, emoji) => Object.assign(emojiObj, {