<NME> _preview.scss
<BEF> .noscroll {
  overflow: hidden;
}

.btn-close {
  color: $accent;
  position: fixed;
  right: 1em;
  top: 0;
  
  &:hover {
    color: lighten($accent, 10%);
  }
}

// scss-lint:disable PropertySortOrder
.preview-container {  
  background: mix($body-bg, $white);
  bottom: 0;
  line-height: 1.5;
  overflow: scroll;
  line-height: 1.5;
  overflow: scroll;
  padding: 1em;
  position: fixed;
  right: 0;
  top: 35px;
  -webkit-transform: translateX(100%);
  -webkit-transition: .25s;
  transition: .25s;
  width: 70%;
  
  @include breakpoint(medium) {
    display: none;
  }
  
  &.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -webkit-transition: .5s;
    transition: .5s;
  }
  
  .container {
    max-width: 700px;
    padding: 2em 0;
    max-width: 700px;
  }

  p { margin-bottom: 1.3em; }
  
  h1, 
  h2, 
  h3, 
  h4 {
    font-weight: inherit;
    line-height: 1.2;
    margin: 1.414em 0 .5em;
  }
  
  h1 {
    font-size: 2.441em;
    margin-top: 0;
  }
  
  h2 {font-size: 1.953em;}
  
  h3 {font-size: 1.563em;}
  
  h4 {font-size: 1.25em;}
  
  a {
    color: $accent;
        
    &:hover {
      color: lighten($accent, 10%);
    }
    
  }
  
}
    }
  }
}

<MSG> turn preview :white_circle:

<DFF> @@ -7,15 +7,15 @@
   position: fixed;
   right: 1em;
   top: 0;
-  
+
   &:hover {
     color: lighten($accent, 10%);
   }
 }
 
 // scss-lint:disable PropertySortOrder
-.preview-container {  
-  background: mix($body-bg, $white);
+.preview-container {
+  background: $white;
   bottom: 0;
   line-height: 1.5;
   overflow: scroll;
@@ -29,11 +29,11 @@
   -webkit-transition: .25s;
   transition: .25s;
   width: 70%;
-  
+
   @include breakpoint(medium) {
     display: none;
   }
-  
+
   &.active {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
@@ -41,7 +41,7 @@
     -webkit-transition: .5s;
     transition: .5s;
   }
-  
+
   .container {
     max-width: 700px;
     padding: 2em 0;
@@ -49,34 +49,34 @@
   }
 
   p { margin-bottom: 1.3em; }
-  
-  h1, 
-  h2, 
-  h3, 
+
+  h1,
+  h2,
+  h3,
   h4 {
     font-weight: inherit;
     line-height: 1.2;
     margin: 1.414em 0 .5em;
   }
-  
+
   h1 {
     font-size: 2.441em;
     margin-top: 0;
   }
-  
+
   h2 {font-size: 1.953em;}
-  
+
   h3 {font-size: 1.563em;}
-  
+
   h4 {font-size: 1.25em;}
-  
+
   a {
     color: $accent;
-        
+
     &:hover {
       color: lighten($accent, 10%);
     }
-    
+
   }
-  
+
 }

{'commit': 'diff --git a/_sass/_preview.scss b/_sass/_preview.scss\nindex aefa452..70d06ae 100644\n--- a/_sass/_preview.scss\n+++ b/_sass/_preview.scss\n@@ -7,15 +7,15 @@\n   position: fixed;\n   right: 1em;\n   top: 0;\n-  \n+\n   &:hover {\n     color: lighten($accent, 10%);\n   }\n }\n \n // scss-lint:disable PropertySortOrder\n-.preview-container {  \n-  background: mix($body-bg, $white);\n+.preview-container {\n+  background: $white;\n   bottom: 0;\n   line-height: 1.5;\n   overflow: scroll;\n@@ -29,11 +29,11 @@\n   -webkit-transition: .25s;\n   transition: .25s;\n   width: 70%;\n-  \n+\n   @include breakpoint(medium) {\n     display: none;\n   }\n-  \n+\n   &.active {\n     -webkit-transform: translateX(0);\n     -ms-transform: translateX(0);\n@@ -41,7 +41,7 @@\n     -webkit-transition: .5s;\n     transition: .5s;\n   }\n-  \n+\n   .container {\n     max-width: 700px;\n     padding: 2em 0;\n@@ -49,34 +49,34 @@\n   }\n \n   p { margin-bottom: 1.3em; }\n-  \n-  h1, \n-  h2, \n-  h3, \n+\n+  h1,\n+  h2,\n+  h3,\n   h4 {\n     font-weight: inherit;\n     line-height: 1.2;\n     margin: 1.414em 0 .5em;\n   }\n-  \n+\n   h1 {\n     font-size: 2.441em;\n     margin-top: 0;\n   }\n-  \n+\n   h2 {font-size: 1.953em;}\n-  \n+\n   h3 {font-size: 1.563em;}\n-  \n+\n   h4 {font-size: 1.25em;}\n-  \n+\n   a {\n     color: $accent;\n-        \n+\n     &:hover {\n       color: lighten($accent, 10%);\n     }\n-    \n+\n   }\n-  \n+\n }\n', 'commit_subject': 'turn preview :white_circle:', 'repo_name': 'katydecorah/font-library', 'committer': {'name': 'Katy DeCorah', 'email': 'a5b52c78ed090357af2c428e27706ee5c9291e8f@gmail.com', 'time_sec': '1463196024', 'tz_offset': '-240', 'date': {'seconds': '1463196024'}}, 'commit_tree': 'fd43ecdb9eb0e1b257352a20e2141b889caf18b7', 'commit_message': 'turn preview :white_circle:\n', 'language_name': 'Shell', 'license': 'mit', 'hunks': '@@ -7,15 +7,15 @@\n   position: fixed;\n   right: 1em;\n   top: 0;\n-  \n+\n   &:hover {\n     color: lighten($accent, 10%);\n   }\n }\n \n // scss-lint:disable PropertySortOrder\n-.preview-container {  \n-  background: mix($body-bg, $white);\n+.preview-container {\n+  background: $white;\n   bottom: 0;\n   line-height: 1.5;\n   overflow: scroll;\n@@ -29,11 +29,11 @@\n   -webkit-transition: .25s;\n   transition: .25s;\n   width: 70%;\n-  \n+\n   @include breakpoint(medium) {\n     display: none;\n   }\n-  \n+\n   &.active {\n     -webkit-transform: translateX(0);\n     -ms-transform: translateX(0);\n@@ -41,7 +41,7 @@\n     -webkit-transition: .5s;\n     transition: .5s;\n   }\n-  \n+\n   .container {\n     max-width: 700px;\n     padding: 2em 0;\n@@ -49,34 +49,34 @@\n   }\n \n   p { margin-bottom: 1.3em; }\n-  \n-  h1, \n-  h2, \n-  h3, \n+\n+  h1,\n+  h2,\n+  h3,\n   h4 {\n     font-weight: inherit;\n     line-height: 1.2;\n     margin: 1.414em 0 .5em;\n   }\n-  \n+\n   h1 {\n     font-size: 2.441em;\n     margin-top: 0;\n   }\n-  \n+\n   h2 {font-size: 1.953em;}\n-  \n+\n   h3 {font-size: 1.563em;}\n-  \n+\n   h4 {font-size: 1.25em;}\n-  \n+\n   a {\n     color: $accent;\n-        \n+\n     &:hover {\n       color: lighten($accent, 10%);\n     }\n-    \n+\n   }\n-  \n+\n }\n', 'addition_count': 18, 'deletion_count': 18, 'src_file': 'a/_sass/_preview.scss', 'tgt_file': 'b/_sass/_preview.scss', 'file_extension': '.scss', 'before_file': '.noscroll {\n  overflow: hidden;\n}\n\n.btn-close {\n  color: $accent;\n  position: fixed;\n  right: 1em;\n  top: 0;\n  \n  &:hover {\n    color: lighten($accent, 10%);\n  }\n}\n\n// scss-lint:disable PropertySortOrder\n.preview-container {  \n  background: mix($body-bg, $white);\n  bottom: 0;\n  line-height: 1.5;\n  overflow: scroll;\n  line-height: 1.5;\n  overflow: scroll;\n  padding: 1em;\n  position: fixed;\n  right: 0;\n  top: 35px;\n  -webkit-transform: translateX(100%);\n  -webkit-transition: .25s;\n  transition: .25s;\n  width: 70%;\n  \n  @include breakpoint(medium) {\n    display: none;\n  }\n  \n  &.active {\n    -webkit-transform: translateX(0);\n    -ms-transform: translateX(0);\n    -webkit-transform: translateX(0);\n    -webkit-transition: .5s;\n    transition: .5s;\n  }\n  \n  .container {\n    max-width: 700px;\n    padding: 2em 0;\n    max-width: 700px;\n  }\n\n  p { margin-bottom: 1.3em; }\n  \n  h1, \n  h2, \n  h3, \n  h4 {\n    font-weight: inherit;\n    line-height: 1.2;\n    margin: 1.414em 0 .5em;\n  }\n  \n  h1 {\n    font-size: 2.441em;\n    margin-top: 0;\n  }\n  \n  h2 {font-size: 1.953em;}\n  \n  h3 {font-size: 1.563em;}\n  \n  h4 {font-size: 1.25em;}\n  \n  a {\n    color: $accent;\n        \n    &:hover {\n      color: lighten($accent, 10%);\n    }\n    \n  }\n  \n}\n    }\n  }\n}\n', 'message': 'turn preview :white_circle:\n', 'author_name': 'Katy DeCorah', 'lang': 'scss'}