_side-image.scss in refills-0.2.0

- old
+ new

@@ -1,20 +1,11 @@
-.side-image {  
-  ///////////////////////////////////////////////////////////////////////////////////
+.side-image {
   $base-line-height: 1.5em !default;
-  $base-accent-color: #477DCA !default;
-  $base-link-color: $base-accent-color !default;
+  $action-color: #477DCA !default;
   $dark-gray: #333 !default;
-  $large-screen: em(860) !default;
+  $large-screen: 53.75em !default;
   $base-font-color: $dark-gray !default;
-  
-  p {
-    color: $base-font-color;
-    line-height: $base-line-height;
-  }
-  //////////////////////////////////////////////////////////////////////////////////
-
   $side-image-background-top: #B5EBEB;
   $side-image-background-bottom: #5DAC5D;
   $side-image-content-background: #F9F9F9;
   $side-image-border: 1px solid darken(transparentize($side-image-background-bottom, 0.8), 30%);
 
@@ -23,11 +14,13 @@
   @include media($large-screen) {
     @include row(table);
   }
 
   .images-wrapper {
-    @include background(url('https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png'), linear-gradient($side-image-background-top, $side-image-background-bottom), no-repeat $side-image-background-top scroll);
+    background: url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"),
+                linear-gradient($side-image-background-top, $side-image-background-bottom),
+                no-repeat $side-image-background-top scroll;
     background-color: $side-image-background-top;
     background-size: cover;
     border-bottom: $side-image-border;
     display: block;
     min-height: 12em;
@@ -57,23 +50,18 @@
     h4 {
       background: #BBB;
       color: white;
       display: inline-block;
       font-size: 0.75em;
-      font-weight: 800;
       margin-bottom: 1.3em;
       padding: 3px 8px;
       text-transform: uppercase;
     }
 
     p {
-      color: gray;
+      color: $base-font-color;
+      line-height: $base-line-height;
       margin-bottom: 3em;
-    }
-
-    button {
-      @include button(flat, $base-accent-color);
-      padding: 0.7em 1em;
     }
   }
 
   @include reset-display();
 }