Remove ugly !important rules

common/static/sass/_mixins-inherited.scss

@@ -127,14 +127,14 @@
   padding: ($baseline/5) $baseline ($baseline/4);
 
   &.disabled, &.is-disabled {
-    border: 1px solid $gray-l1 !important;
-    border-radius: 3px !important;
-    background: $gray-l1 !important;
-    color: $gray-d1 !important;
+    border: 1px solid $gray-l1;
+    border-radius: 3px;
+    background: $gray-l1;
+    color: $gray-d1;
     pointer-events: none;
     cursor: none;
     &:hover, &:focus {
-      box-shadow: 0 0 0 0 !important;
+      box-shadow: 0 0 0 0;
     }
   }
 
@@ -158,9 +158,9 @@
   }
 
   &.disabled, &.is-disabled {
-    border: 1px solid $green-l3 !important;
-    background: $green-l3 !important;
-    color: $white !important;
+    border: 1px solid $green-l3;
+    background: $green-l3;
+    color: $white;
     box-shadow: none;
   }
 }
@@ -180,9 +180,9 @@
 
   &.disabled, &.is-disabled {
     box-shadow: none;
-    border: 1px solid $blue-l3 !important;
-    background: $blue-l3 !important;
-    color: $white !important;
+    border: 1px solid $blue-l3;
+    background: $blue-l3;
+    color: $white;
   }
 }
 
@@ -201,9 +201,9 @@
 
   &.disabled, &.is-disabled {
     box-shadow: none;
-    border: 1px solid $red-l3 !important;
-    background: $red-l3 !important;
-    color: $white !important;
+    border: 1px solid $red-l3;
+    background: $red-l3;
+    color: $white;
   }
 }
 
@@ -222,9 +222,9 @@
 
   &.disabled, &.is-disabled {
     box-shadow: none;
-    border: 1px solid $pink-l3 !important;
-    background: $pink-l3 !important;
-    color: $white !important;
+    border: 1px solid $pink-l3;
+    background: $pink-l3;
+    color: $white;
   }
 }
 
@@ -243,9 +243,9 @@
   }
 
   &.disabled, &.is-disabled {
-    border: 1px solid $orange-l3 !important;
-    background: $orange-l2 !important;
-    color: $gray-l1 !important;
+    border: 1px solid $orange-l3;
+    background: $orange-l2;
+    color: $gray-l1;
     box-shadow: none;
   }
 }

lms/static/sass/_shame.scss

@@ -50,7 +50,7 @@
     background: $action-primary-disabled-bg;
 
     &:hover, &:focus {
-      background: $action-primary-disabled-bg !important; // needed for IE currently
+      background: $action-primary-disabled-bg; // needed for IE currently
     }
   }
 }
@@ -126,8 +126,8 @@
   .form-actions button[type="submit"] {
     text-transform: none;
     vertical-align: middle;
-    font-weight: 600 !important;
-    letter-spacing: 0 !important;
+    font-weight: 600;
+    letter-spacing: 0;
   }
 }
 
@@ -138,12 +138,12 @@
 
 // edx.org marketing site - registration iframe band-aid (poor form enough to isolate out)
 .view-iframe, .view-iframe-content {
-  background: transparent !important;
+  background: transparent;
   overflow: hidden;
 }
 
 .view-partial-mktgregister {
-  background: transparent !important;
+  background: transparent;
 
   // dimensions needed for course about page on marketing site
   .wrapper-view {
@@ -184,21 +184,21 @@
       }
 
       &.has-option-verified {
-        padding-top: 12px !important;
+        padding-top: 12px;
       }
     }
 
     // already registered but course not started or registration is closed
     &.is-registered, &.registration-closed {
       @extend %m-btn-secondary;
-      pointer-events: none !important;
+      pointer-events: none;
       display: block;
     }
 
     // coming soon
     &.coming-soon {
       @extend %m-btn-secondary;
-      pointer-events: none !important;
+      pointer-events: none;
       outline: none;
       display: block;
     }
@@ -251,8 +251,8 @@ footer .references {
   @extend %ui-reset-button;
 
   &:focus {
-    border: none !important;
-    outline: thin dotted !important;
+    border: none;
+    outline: thin dotted;
   }
 }
 

lms/static/sass/base/_extends.scss

@@ -89,15 +89,15 @@
 
 // needed utility extend for resetting poor basic <button> elem styling
 %ui-reset-button  {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  text-shadow: none !important;
-  letter-spacing: 0 !important;
-  text-transform: none !important;
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  text-shadow: none;
+  letter-spacing: 0;
+  text-transform: none;
 
   &:focus {
-    // outline: thin dotted !important;
+    // outline: thin dotted;
   }
 }
 

lms/static/sass/base/_reset.scss

@@ -75,7 +75,7 @@ td { vertical-align: top; }
 
 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
 .ir br { display: none; }
-.hidden { display: none !important; visibility: hidden; }
+.hidden { display: none; visibility: hidden; }
 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 .invisible { visibility: hidden; }
@@ -84,7 +84,7 @@ td { vertical-align: top; }
 .clearfix { *zoom: 1; }
 
 @media print {
-  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
+  * { background: transparent; color: black; box-shadow:none; text-shadow: none; filter:none; -ms-filter: none; }
   a, a:visited { text-decoration: underline; }
   a[href]:after { content: " (" attr(href) ")"; }
   abbr[title]:after { content: " (" attr(title) ")"; }
@@ -92,7 +92,7 @@ td { vertical-align: top; }
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; }
   tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
+  img { max-width: 100%; }
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3 { page-break-after: avoid; }

lms/static/sass/course/_syllabus.scss

@@ -25,19 +25,19 @@ div.syllabus {
 
     tr.first {
       td {
-        padding-top: 15px !important;
+        padding-top: 15px;
       }
     } 
 
     td {
-      border: none !important;
-      padding: 5px 10px !important;
+      border: none;
+      padding: 5px 10px;
       vertical-align: middle;
-      font-size: 1em !important;
+      font-size: 1em;
       line-height: auto;
 
       &.day, &.due, &.slides, &.assignment {
-        white-space: nowrap !important;
+        white-space: nowrap;
       }
 
       &.no_class {
@@ -49,7 +49,7 @@ div.syllabus {
       }
 
       &.week_separator {
-        padding: 0px !important;
+        padding: 0px;
         
         hr {
           margin: 10px;

lms/static/sass/course/base/_base.scss

@@ -17,7 +17,7 @@ table {
 a {
   &:hover, &:focus {
     color: $pink;
-    text-decoration: none !important;
+    text-decoration: none;
   }
 }
 

lms/static/sass/course/courseware/_sidebar.scss

@@ -82,7 +82,7 @@
     }
 
     .chapter {
-      width: 100% !important;
+      width: 100%;
       @include box-sizing(border-box);
       padding: 11px 14px;
       @include linear-gradient(top, $sidebar-chapter-bg-top, $sidebar-chapter-bg-bottom);

lms/static/sass/course/instructor/_instructor_2.scss

@@ -952,7 +952,7 @@ section.instructor-dashboard-content-2 {
       }
       // Disable horizontal scroll bar when grid only has 1 column. Remove this CSS class when more columns added.
       .slick-viewport {
-        overflow-x: hidden !important;
+        overflow-x: hidden;
       }
     }
   }
@@ -1212,7 +1212,7 @@ input[name="subject"] {
     display: none;
     }
   .content{
-    padding: 0 !important;
+    padding: 0;
   }
   input[name="download_company_name"],
   input[name="active_company_name"], input[name="spent_company_name"] {
@@ -1228,11 +1228,11 @@ input[name="subject"] {
         border-bottom: 1px solid #f3f3f3;
       }
     tr.always-gray{
-      background: #eee !important;
+      background: #eee;
       border-top: 2px solid #FFFFFF;
     }
     tr.always-white{
-      background: #fff !important;
+      background: #fff;
       td{
         padding: 30px 0px 10px;
       }
@@ -1277,7 +1277,7 @@ input[name="subject"] {
 
     // in_active coupon rows style
     .inactive_coupon{
-      background:  #FFF0F0 !important;
+      background:  #FFF0F0;
       text-decoration: line-through;
       color: rgba(51,51,51,0.2);
       border-bottom: 1px solid #fff;
@@ -1337,7 +1337,7 @@ input[name="subject"] {
       margin-top: 5px;
       color: #646464
     }
-    top:-95px !important;
+    top:-95px;
     width: 650px;
     margin-left: -325px;
     border-radius: 2px;
@@ -1360,7 +1360,7 @@ input[name="subject"] {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
-      margin: 20px 0 10px 0 !important;
+      margin: 20px 0 10px 0;
       padding: 20px;
       border: none;
       border-bottom: 3px solid #a0050e;
@@ -1376,20 +1376,20 @@ input[name="subject"] {
         }
       }
       li:nth-child(even){
-        margin-left: 30px !important;
+        margin-left: 30px;
       }
       li:nth-child(3), li:nth-child(4){
-        margin-left: 0px !important;
+        margin-left: 0px;
         width: 100%;
       }
       li:nth-child(3) {
-        margin-bottom: 0px !important;
+        margin-bottom: 0px;
         textarea {
           min-height: 100px;
         }
       }
       li:last-child{
-        margin-bottom: 0px !important;
+        margin-bottom: 0px;
       }
     }
     form#generate_codes ol.list-input{
@@ -1455,7 +1455,7 @@ input[name="subject"] {
       }
     }
     li#set-course-mode-modal-field-currency{
-      margin-left: 0px !important;
+      margin-left: 0px;
       select {
         width: 100%;
       }
@@ -1498,7 +1498,7 @@ input[name="subject"] {
           list-style: none;
         }
         .readonly {
-          background-color: #eee !important;
+          background-color: #eee;
           color: #aaa;
         }
         .field {

lms/static/sass/course/layout/_chat.scss

@@ -42,7 +42,7 @@
     position: absolute;
     right: 20px;
     top: 12px;
-    font-size: 28px !important;
+    font-size: 28px;
 }
 
 #chat-block {
@@ -52,7 +52,7 @@
     height: 0px;
     bottom: 0;
     right: 0;
-    margin: 0 !important;
-    border: none !important;
+    margin: 0;
+    border: none;
     display: none;
 }

lms/static/sass/course/wiki/_wiki.scss

@@ -83,7 +83,7 @@ section.wiki {
   .add-article-btn {
     @include button(simple, #eee);
     margin-left: 25px;
-    padding: 7px 15px !important;
+    padding: 7px 15px;
     font-size: 0.72em;
     font-weight: 600;
 
@@ -463,8 +463,8 @@ section.wiki {
     font-size: 0.8em;
     margin-right: 5px;
     line-height: 1.2em;
-    text-transform: none !important;
-    letter-spacing: 0 !important;
+    text-transform: none;
+    letter-spacing: 0;
 
     &:hover, &:focus {
       color: $base-font-color;
@@ -488,7 +488,7 @@ section.wiki {
   }
 
   a.btn {
-    padding: 7px 18px 8px !important;
+    padding: 7px 18px 8px;
   }
 
   .modal {
@@ -582,7 +582,7 @@ section.wiki {
   }
 
   #previewWindow body {
-    background: #f00 !important;
+    background: #f00;
   }
 
   #cheatsheetLink {
@@ -1020,7 +1020,7 @@ section.wiki {
 }
 
 .modal-preview .main-article {
-  width: 100% !important;
+  width: 100%;
   margin-left: 0;
 }
 
@@ -1061,8 +1061,8 @@ section.wiki {
     font-size: 0.8em;
     margin-right: 5px;
     line-height: 1.2em;
-    text-transform: none !important;
-    letter-spacing: 0 !important;
+    text-transform: none;
+    letter-spacing: 0;
 
     &:hover, &:focus {
       color: $base-font-color;

lms/static/sass/discussion/_discussion.scss

@@ -672,7 +672,7 @@ body.discussion {
   position: relative;
   margin: $baseline 0;
   padding: $baseline;
-  background: #f6f6f6 !important;
+  background: #f6f6f6;
   border-radius: 3px;
 
   header {

lms/static/sass/discussion/utilities/_shame.scss

@@ -4,7 +4,7 @@
 
 // Override global a rules
 .forum-nav-browse {
-  color: $black !important;
+  color: $black;
 }
 
 // Override global label rules
@@ -14,13 +14,13 @@
 
 // Override global input rules
 .forum-nav-search-input {
-  box-shadow: none !important;
-  border: 1px solid $gray-l2 !important;
-  border-radius: 3px !important;
-  height: auto !important;
-  @include padding-left($baseline/4 !important);
-  @include padding-right($baseline/2 + 12px !important); // Leave room for icon
-  font-size: 12px !important;
+  box-shadow: none;
+  border: 1px solid $gray-l2;
+  border-radius: 3px;
+  height: auto;
+  @include padding-left($baseline/4);
+  @include padding-right($baseline/2 + 12px); // Leave room for icon
+  font-size: 12px;
 }
 
 // Firefox does not compute the correct containing box for absolute positioning
@@ -35,7 +35,7 @@
 
 // Override global a rules
 .forum-nav-browse-title {
-  color: inherit !important;
+  color: inherit;
 }
 
 // Override global label rules
@@ -45,12 +45,12 @@
 
 // Override global input rules
 .forum-nav-browse-filter-input {
-  box-shadow: none !important;
-  border-radius: 3px !important;
-  height: auto !important;
-  padding-left: ($baseline/4) !important;
-  padding-right: ($baseline/2 + 12px) !important; // Leave room for icon
-  font-size: 12px !important;
+  box-shadow: none;
+  border-radius: 3px;
+  height: auto;
+  padding-left: ($baseline/4);
+  padding-right: ($baseline/2 + 12px); // Leave room for icon
+  font-size: 12px;
 }
 
 // Override global ul rules
@@ -99,7 +99,7 @@ li[class*=forum-nav-thread-label-] {
 
   // Override clearfix stuff in .sidebar ul li rules
   &:before, &:after {
-    display: none !important;
+    display: none;
   }
 }
 

lms/static/sass/ie.scss

@@ -41,7 +41,7 @@
 
   // because ie doesn't like :last
   .last {
-    margin-right: 0  !important;
+    margin-right: 0 ;
   }
 
   // make partners not animate
@@ -156,11 +156,11 @@
   }
 
   div.course-wrapper {
-    display: block !important;
+    display: block;
 
     section.course-content,
     div.course-index {
-      display: block !important;
+      display: block;
       float: left;
     }
 
@@ -170,15 +170,15 @@
   }
 
   .sidebar {
-    float: left !important;
-    display: block !important;
+    float: left;
+    display: block;
   }
 
   .sequence-nav ol {
-    display: block !important;
+    display: block;
 
     li {
-      float: left !important;
+      float: left;
       width: 50px;
     }
   }
@@ -194,6 +194,6 @@
 .lte9 {
 
   .ie-banner {
-    display: block !important;
+    display: block;
   }
 }

lms/static/sass/multicourse/_account.scss

@@ -36,7 +36,7 @@
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
-    letter-spacing: 0 !important;
+    letter-spacing: 0;
     color: $m-gray-d2;
   }
 
@@ -72,11 +72,11 @@
     font-weight: 500;
     cursor: pointer;
     text-align: center;
-    border: none !important;
+    border: none;
     text-shadow: none;
     letter-spacing: 0;
     font-size: 16px;
-    box-shadow: none !important;
+    box-shadow: none;
   }
 
   %button-secondary {
@@ -89,11 +89,11 @@
     font-weight: 600;
     cursor: pointer;
     text-align: center;
-    border: none !important;
+    border: none;
     text-shadow: none;
     letter-spacing: 0;
     font-size: 16px;
-    box-shadow: 0 !important;
+    box-shadow: 0;
   }
 
   // layout
@@ -176,12 +176,12 @@
     &:link, &:visited, &:hover, &:active, &:focus {
       color: $link-color-d1;
       font-weight: 400;
-      text-decoration: none !important; // needed but nasty
+      text-decoration: none; // needed but nasty
       font-family: $sans-serif;
     }
 
     &:hover, &:active, &:focus {
-      text-decoration: none !important; // needed but nasty
+      text-decoration: none; // needed but nasty
       border-bottom: 1px dotted $link-color-d1;
     }
   }
@@ -207,7 +207,7 @@
     width: 280px;
 
     p, ol, ul {
-      font-size: 14px !important;
+      font-size: 14px;
     }
   }
 
@@ -441,7 +441,7 @@
           font-weight: 600;
 
           a {
-            font-weight: 600 !important;
+            font-weight: 600;
           }
         }
 
@@ -463,7 +463,7 @@
 
       &:disabled, &.is-disabled {
         opacity: 0.3;
-        cursor: default !important;
+        cursor: default;
       }
     }
 
@@ -580,7 +580,7 @@
 
     .message-copy {
       @extend %body-text;
-      margin: 0 !important;
+      margin: 0;
       padding: 0;
       list-style: none;
 
@@ -596,7 +596,7 @@
     background: tint($red,95%);
 
     .message-title {
-      color: shade($red, 10%) !important;
+      color: shade($red, 10%);
     }
   }
 
@@ -682,7 +682,7 @@
   .inner-wrapper {
     border-radius: 2px;
     background: $body-bg;
-    padding-bottom: 0 !important;
+    padding-bottom: 0;
   }
 
   #password-reset {
@@ -734,11 +734,11 @@
       }
 
       .form-actions {
-        padding: 0 !important;
+        padding: 0;
 
         .action-primary {
           float: none;
-          display: block !important;
+          display: block;
           width: 100%;
         }
       }
@@ -749,7 +749,7 @@
     @extend %body-text;
     box-shadow: inset 0 -1px 2px 0 tint($red, 85%);
     @include box-sizing(border-box);
-    margin: $baseline 0 ($baseline/2) 0 !important;
+    margin: $baseline 0 ($baseline/2) 0;
     padding: $baseline;
     border: none;
     border-bottom: 3px solid shade($red, 10%);

lms/static/sass/multicourse/_courses.scss

@@ -6,7 +6,7 @@
     background: $course-profile-bg;
     background-size: cover;
     background-image: $homepage-bg-image;
-    background-position: center top !important;
+    background-position: center top;
     border-bottom: 1px solid $border-color-3;
     box-shadow: inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3);
     height: 430px;

lms/static/sass/multicourse/_dashboard.scss

@@ -801,7 +801,7 @@
             text-align: center;
 
             &.disabled {
-              cursor: default !important;
+              cursor: default;
 
               &:hover, &:focus {
                 background: #eee;
@@ -1059,9 +1059,9 @@
   .status--verification {
 
     .data {
-      white-space: normal !important;
-      text-overflow: no !important;
-      overflow: visible !important;
+      white-space: normal;
+      text-overflow: no;
+      overflow: visible;
     }
 
     .list--nav {
@@ -1072,7 +1072,7 @@
     &.is-denied {
 
       .data {
-        color: $error-color !important;
+        color: $error-color;
       }
     }
   }

lms/static/sass/multicourse/_edge.scss

@@ -17,14 +17,14 @@ $paleYellow: #fffcf1;
   @include transition(background-color .15s linear 0s, box-shadow .15s linear 0s);
 
   &.disabled {
-    border: 1px solid $lightGrey !important;
-    border-radius: 3px !important;
-    background: $lightGrey !important;
-    color: $darkGrey !important;
+    border: 1px solid $lightGrey;
+    border-radius: 3px;
+    background: $lightGrey;
+    color: $darkGrey;
     pointer-events: none;
     cursor: none;
     &:hover, &:focus {
-      box-shadow: 0 0 0 0 !important;
+      box-shadow: 0 0 0 0;
     }
   }
 

lms/static/sass/multicourse/_media-kit.scss

@@ -131,7 +131,7 @@ $white: rgb(255,255,255);
         text-transform: uppercase;
 
         .org-name {
-          color: $white !important;
+          color: $white;
           font-weight: bold;
           text-transform: none;
         }
@@ -191,7 +191,7 @@ $white: rgb(255,255,255);
         letter-spacing: 0;
 
         .org-name {
-          color: $dark-gray !important;
+          color: $dark-gray;
           font-weight: bold;
           text-transform: none;
         }

lms/static/sass/multicourse/_press_release.scss

@@ -93,7 +93,7 @@
       @include clearfix;
 
       hr.horizontal-divider {
-        margin-top: 40px !important;
+        margin-top: 40px;
       }
 
       .fb-like {

lms/static/sass/shared/_footer.scss

@@ -26,7 +26,7 @@
       @include transition(link-color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s);
       border-bottom: none;
       color: $link-color;
-      text-decoration: none !important;
+      text-decoration: none;
       font-family: $sans-serif;
 
       &:hover, &:focus, &:active {

lms/static/sass/shared/_header.scss

@@ -254,7 +254,7 @@ header.global {
       font-size: em(14);
       font-weight: 600;
       text-transform: uppercase;
-      letter-spacing: 0 !important;
+      letter-spacing: 0;
 
       &:last-child {
         margin-right: 0;
@@ -829,6 +829,6 @@ header.global-new {
 
   a {
     text-decoration: none;
-    color: $link-color !important;
+    color: $link-color;
   }
 }

lms/static/sass/views/_shoppingcart.scss

@@ -38,11 +38,11 @@
         border-bottom: 1px solid #f3f3f3;
       }
     tr.always-gray{
-      background: #eee !important;
+      background: #eee;
       border-top: 2px solid #FFFFFF;
     }
     tr.always-white{
-      background: #fff !important;
+      background: #fff;
       td{
         padding: 30px 0px 10px;
       }
@@ -165,7 +165,7 @@
       td {
         padding-bottom: 10px;
         span.old-price{
-          text-decoration: line-through !important;
+          text-decoration: line-through;
         }
       }
     }

lms/static/sass/views/_verification.scss

@@ -167,15 +167,15 @@
   .action-primary {
     @extend %btn-primary-blue;
     // needed for override due to .register a:link styling
-    border: 0 !important;
-    color: $white !important;
+    border: 0;
+    color: $white;
   }
 
   .action-confirm {
     @extend %btn-verify-primary;
     // needed for override due to .register a:link styling
-    border: 0 !important;
-    color: $white !important;
+    border: 0;
+    color: $white;
   }
 
   // ====================
@@ -1296,7 +1296,7 @@
       // extra register options/info
       .title-expand {
         @extend %t-copy-sub1;
-        font-weight: 500 !important;
+        font-weight: 500;
         display: inline-block;
         margin: 0;
       }
@@ -2428,7 +2428,7 @@
   }
 
   .progress-sts-value {
-    width: 32% !important;
+    width: 32%;
   }
 }
 
@@ -2438,7 +2438,7 @@
 .register.is-upgrading {
 
   .form-register-choose {
-    margin-top: ($baseline*2) !important;
+    margin-top: ($baseline*2);
   }
 }
 
@@ -2477,7 +2477,7 @@
     }
 
     .progress-sts-value {
-      width: 0% !important;
+      width: 0%;
     }
   }
 
@@ -2516,7 +2516,7 @@
     }
 
     .progress-sts-value {
-      width: 40% !important;
+      width: 40%;
     }
   }
 
@@ -2555,7 +2555,7 @@
     }
 
     .progress-sts-value {
-      width: 70% !important;
+      width: 70%;
     }
   }