_gallery.sass in spina-2.0.0.alpha

- old
+ new

@@ -233,12 +233,13 @@
 
 // Customfile
 
 .gallery .item
   .customfile
+    background: white
     border: 1px solid #e5e5e5
-    border-radius: 5px
+    border-radius: 6px
     cursor: pointer
     height: 100%
     overflow: hidden
     position: relative
     text-align: center
@@ -307,14 +308,15 @@
     position: absolute
     text-align: center
     text-transform: lowercase
     transition: color .2s ease
     width: 100%
+    z-index: 1
 
 // Media folders
 
-.item.media-folder
+.media-folder
   align-items: center
   background: #e5e5f0
   border: 1px solid #d5d4e6
   display: flex
   flex-direction: column
@@ -336,10 +338,23 @@
   position: relative
   transform-origin: center bottom
   transition: transform .4s ease
   width: 70px
 
+  .media-folder-placeholder
+    align-items: center
+    background: $primary-color-light
+    border-radius: 5px
+    color: rgba(255, 255, 255, .5)
+    display: flex
+    font-size: 28px
+    height: 100%
+    justify-content: center
+    position: relative
+    width: 100%
+    z-index: 1
+
   &[data-badge]:after
     background: #6b699f
     border: 3px solid #e5e5f0
     border-radius: 12px
     color: #fff
@@ -376,9 +391,10 @@
 
   img
     border-radius: 5px
     position: relative
     width: 100%
+    z-index: 1
 
 .media-folder-name
   color: #4d4f81
   font-size: 14px
   font-weight: 600