Added some fixes to bugs in the updates, refactored the cream color to a sass…

Added some fixes to bugs in the updates, refactored the cream color to a sass variable and highlighted latest update

sass/_info.scss

@@ -12,15 +12,22 @@ div.info-wrapper {
       margin-bottom: lh();
     }
 
-    ol {
+    > ol {
       list-style: none;
 
-      li {
+      > li {
         padding-bottom: lh(.5);
         margin-bottom: lh(.5);
         @extend .clearfix;
         border-bottom: 1px solid #e3e3e3;
 
+        &:first-child {
+          padding: lh(.5);
+          margin-left: (-(lh(.5)));
+          background: $cream;
+          border-bottom: 1px solid darken($cream, 10%);
+        }
+
         h2 {
           float: left;
           width: flex-grid(2, 9);

sass/base/_extends.scss

@@ -166,8 +166,8 @@ h1.top-header {
 
 .topbar {
   @extend .clearfix;
-  background: #F6EFD4;
-  border-bottom: 1px solid darken(#F6EFD4, 10%);
+  background: $cream;
+  border-bottom: 1px solid darken($cream, 10%);
   @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff);
   font-size: 12px;
   margin: (-$body-line-height) (-$body-line-height) $body-line-height;
@@ -180,17 +180,17 @@ h1.top-header {
   }
 
   a {
-    color: darken(#F6EFD4, 80%);
+    color: darken($cream, 80%);
 
     &:hover {
-      color: darken(#F6EFD4, 60%);
+      color: darken($cream, 60%);
       text-decoration: none;
     }
 
     &.block-link {
-      background: darken(#F6EFD4, 5%);
-      border-left: 1px solid darken(#f6efd4, 20%);
-      @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
+      background: darken($cream, 5%);
+      border-left: 1px solid darken($cream, 20%);
+      @include box-shadow(inset 1px 0 0 lighten($cream, 5%));
       display: block;
       text-transform: uppercase;
 

sass/base/_variables.scss

@@ -26,6 +26,7 @@ $fg-min-width: 810px;
 $light-gray: #ddd;
 $dark-gray: #333;
 $mit-red: #993333;
+$cream: #F6EFD4;
 
 $text-color: $dark-gray;
 $border-color: $light-gray;

sass/courseware/_sequence-nav.scss

@@ -19,7 +19,7 @@ nav.sequence-nav {
         background-repeat: no-repeat;
 
         &:hover {
-          background-color: lighten(#F6EFD4, 3%);
+          background-color: lighten($cream, 3%);
         }
       }
 
@@ -29,13 +29,12 @@ nav.sequence-nav {
         @include box-shadow(inset 0 0 3px darken(#dccda2, 10%));
 
         &:hover {
-          background-color: #F6EFD4;
+          background-color: $cream;
           background-position: center center;
         }
       }
 
       .active {
-        // @include box-shadow(inset -1px 0 0 darken(#F6EFD4, 20%), inset 1px 0 0 darken(#F6EFD4, 20%));
         @include box-shadow(0 1px 0 #fff);
         background-color: #fff;
         background-repeat: no-repeat;
@@ -50,7 +49,7 @@ nav.sequence-nav {
         @include box-shadow(1px 0 0 #fff);
         background-position: center center;
         border: none;
-        border-right: 1px solid darken(#F6EFD4, 10%);
+        border-right: 1px solid darken($cream, 10%);
         cursor: pointer;
         padding: 15px 4px 14px;
         width: 28px;
@@ -166,11 +165,8 @@ nav.sequence-nav {
       &.prev, &.next {
 
         a {
-          // color: darken(#F6EFD4, 80%);
-          // letter-spacing: 1px;
-          // text-transform: uppercase;
           @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
-          background-color: darken(#F6EFD4, 5%);
+          background-color: darken($cream, 5%);
           background-position: center center;
           background-repeat: no-repeat;
           border-left: 1px solid darken(#f6efd4, 20%);
@@ -182,7 +178,7 @@ nav.sequence-nav {
 
           &:hover {
             text-decoration: none;
-            color: darken(#F6EFD4, 60%);
+            color: darken($cream, 60%);
             text-decoration: none;
             background-color: none;
           }
@@ -230,7 +226,7 @@ section.course-content {
       margin: lh() auto 0;
       overflow: hidden;
       width: 106px;
-      background-color: darken(#F6EFD4, 5%);
+      background-color: darken($cream, 5%);
       @include box-shadow(inset 0 0 0 1px lighten(#f6efd4, 5%));
 
       li {
@@ -249,15 +245,15 @@ section.course-content {
 
             &:hover {
               text-decoration: none;
-              color: darken(#F6EFD4, 60%);
+              color: darken($cream, 60%);
               text-decoration: none;
               opacity: .5;
-              background-color: darken(#F6EFD4, 10%);
+              background-color: darken($cream, 10%);
             }
 
             &.disabled {
               opacity: .4;
-              background-color: lighten(#F6EFD4, 10%);
+              background-color: lighten($cream, 10%);
             }
           }
         }

sass/discussion/_answers.scss

@@ -153,12 +153,6 @@ div.answer-actions {
     &.question-delete {
       // color: $mit-red;
     }
-
-    &.question-edit, &.permant-link {
-      // color: darken(#F6EFD4, 45%);;
-    }
-
   }
-
 }
 

sass/discussion/_profile.scss

@@ -70,7 +70,7 @@ body.user-profile-page {
         margin-bottom: 30px;
 
         li {
-          background-color: lighten(#F6EFD4, 3%);
+          background-color: lighten($cream, 3%);
           background-position: 10px center;
           background-repeat: no-repeat;
           @include border-radius(4px);

sass/discussion/_question-view.scss

@@ -19,8 +19,8 @@ div.question-header {
 
         &.post-vote {
           @include border-radius(4px);
-          background-color: lighten(#F6EFD4, 5%);
-          border: 1px solid darken( #F6EFD4,10% );
+          background-color: lighten($cream, 5%);
+          border: 1px solid darken( $cream, 10% );
           @include box-shadow(inset 0 1px 0px #fff);
         }
 
@@ -79,7 +79,6 @@ div.question-header {
         width: flex-grid(4,8);
 
         a {
-          // color: darken(#F6EFD4, 50%);
 
           &.question-delete {
             color: $mit-red;
@@ -134,7 +133,7 @@ div.question-header {
 
           &.revision {
             text-align: center;
-            background:lighten(#F6EFD4, 7%);
+            background:lighten($cream, 7%);
 
             a {
               color: black;

sass/wiki/_wiki.scss

@@ -25,7 +25,7 @@ div.wiki-wrapper {
       p {
         float: left;
         margin-bottom: 0;
-        color: darken(#F6EFD4, 55%);
+        color: darken($cream, 55%);
         line-height: 46px;
         padding-left: lh();
       }
@@ -39,14 +39,14 @@ div.wiki-wrapper {
 
           input[type="button"] {
             @extend .block-link;
-            background-color: darken(#F6EFD4, 5%);
+            background-color: darken($cream, 5%);
             background-position: 12px center;
             background-repeat: no-repeat;
             border: 0;
             border-left: 1px solid darken(#f6efd4, 20%);
             @include border-radius(0);
             @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
-            color: darken(#F6EFD4, 80%);
+            color: darken($cream, 80%);
             display: block;
             font-weight: normal;
             font-size: 12px;