_images.scss in furatto-0.0.2

- old
+ new

@@ -7,18 +7,19 @@
  * Designed and built @kurenn  
  */
 
 
 .img {
-  width: auto;
   max-width: 100%;
   height: auto;
   vertical-align: middle;
-  @include box-sizing(border-box);
-  margin: 10px;
 }
 
+.img-block {
+  width: 100%;
+}
+
 .img-hover {
   @include transition(all .4s ease);
   &:hover {
     border: 1px solid rgba($img-border, 1);
   }
@@ -30,15 +31,34 @@
 
 .img-well {
   @include border-radius(2%);
 }
 
-.img-selected {
-  border: 3px solid rgba($img-border, 0.8);
-  opacity: .9;  
-}
-
 .img-polaroid {
   padding: 4px;
   border: 1px solid rgba(#000, 0.2);
   background: #FFF;
+}
+
+.img-frame {
+  display: inline-block;
+  border: 1px solid #ccc;
+
+  img {
+    @extend .img;
+    margin: 5px;
+  }
+
+  &.img-circular {
+    img {
+      @extend .img-circular;
+    }
+  }
+
+  &.img-selected {
+    @extend .img-selected;
+    img {
+      margin: 0;
+    }
+  }
+
 }