app/assets/stylesheets/loft.scss in loft-0.2.7 vs app/assets/stylesheets/loft.scss in loft-0.2.8

@@ -1,14 +1,12 @@
 // -----------------------------------------------------------------------
 // Basic styles for Loft Character CMS plugin, this should be included in
 // admin.scss (default)
 // -----------------------------------------------------------------------
-
 @import "inputs/loft-image";
 
 // MIXINS
-
 @mixin loft-icon-label($title) {
   &:before {
     display: block; margin-top: 2.6em;
     content: $title; color: rgba($base-font-color, .2);
     font-size: 1.5em; font-weight: 300; letter-spacing: 8px;
@@ -20,11 +18,10 @@
   display: block; background-size: $bgSize; width: $width; height: $height;
   background-image: image-url("loft/[e-mail]");
 }
 
 // ASSET TYPE ICONS
-
 .loft .list:first-child .items {
   .item {
     .item-title { margin-left: 2.05em; }
     &:before    { @include position(absolute, null null null 1em); content: ''; display: block; }
   }
@@ -57,13 +54,11 @@
     &:before            { background-position:  0px -96px; }
     &.active { &:before { background-position: 16px -96px; } }
   }
 }
 
-
 // LIST MODE
-
 .loft .list:not(:first-child) .items .item.asset {
   padding-left: 6.25em; // 100px;
 
   // checkbox
   .asset-checkbox {
@@ -103,18 +98,14 @@
             border: 1px solid lighten($base-font-color, 35%); box-shadow: 0 0 10px lighten($base-font-color, 50%); border-radius: 3px; }
   }
   &.edit-name .asset-name { display: block; }
 }
 
-
 // LIST-GRID MODE SWITCHER
-
 .assets-switch-mode { display: none; }
 
-
 // GROUP ACTIONS
-
 .assets-group-actions {
   @include position(absolute, 0 0 0 0); background: white;
   .accept   { color: $positive-color;  float: right; margin-right: 1em; }
   .delete   { color: $assertive-color; float: right; margin-right: 1em; }
   .unselect { color: lighten($base-font-color, 35%); float: left; margin-left: 1em; }
@@ -122,13 +113,11 @@
 
 .assets-group-actions .accept { display: none; }
 .module-modal .assets-group-actions .accept { display: inline; }
 .module-modal .assets-group-actions .delete { display: none;   }
 
-
 // UPLOAD BUTTON
-
 .loft .list-aside .header:before {
   @include position(absolute, 0px 0px null null);
   @include header-icon-base;
   display: block;
   content: "\f067";
@@ -147,13 +136,11 @@
 
 .list header .asset-upload + .search { @include position(absolute, 0 40px null null); }
 .list.list-search header .asset-upload + .search { @include position(absolute, 0 0 null 0); }
 .loft.assets-uploading .list:not(:first-child) header .spinner { display: inline-block; }
 
-
 // MODAL MODE
-
 .loft {
   .modal-close { display: none; }
   &.module-modal {
     @include position(absolute, 0 .5em 0 .5em); z-index: 1100;
 
@@ -170,11 +157,10 @@
 
     .list:first-child .back { display: none; }
   }
 }
 
-
 /* Tablet ------------------------------------------------------------------ */
 @media #{$tablet} {
   // ITEMS
   .loft .list:not(:first-child) .items { font-size: 1em; }
   .loft .list:not(:first-child) .items .item.asset {
@@ -189,21 +175,24 @@
 
   // MODAL MODE
   .loft.module-modal { @include position(absolute, 1.5em 1.5em 0em 1.5em) }
   .loft.module-modal .header { top: 0; left: 0; right: 0; width: auto; }
 
-
   // GRID MODE
   .assets-switch-mode {
     @include position(absolute, null null null 1em);
     display: inline; line-height: 2.5; left: 3em;
-    &:before { content: 'Grid'; color: lighten($base-font-color, 50%); margin-right: .25em; }
-    &:after  { content: 'List'; color: lighten($base-font-color, 35%); }
+    i:first-child { color: $border-color; }
+    i:last-child { color: rgba($base-font-color, .4); }
+    // &:before { content: 'Grid'; color: lighten($base-font-color, 50%); margin-right: .25em; }
+    // &:after  { content: 'List'; color: lighten($base-font-color, 35%); }
   }
   .loft.grid-mode .assets-switch-mode {
-    &:before { color: lighten($base-font-color, 35%); }
-    &:after  { color: lighten($base-font-color, 50%);  }
+    i:first-child { color: rgba($base-font-color, .4); }
+    i:last-child { color: $border-color; }
+    // &:before { color: lighten($base-font-color, 35%); }
+    // &:after  { color: lighten($base-font-color, 50%);  }
   }
 
   .loft.grid-mode {
     .list:not(:first-child) .items {
       padding: 1em .25em 5em .75em;
@@ -243,18 +232,13 @@
       .asset-other   .asset-icon { @include loft-icon-label('File');    }
     }
   }
 }
 
-
 /* Desktop ----------------------------------------------------------------- */
 @media #{$desktop} {
   // BACK
   .loft .list:not(:first-child) .back { display: none; }
 
   // GRID MODE
   .assets-switch-mode { left: 1em; }
 }
-
-
-
-