More Sass quality fixes

.stylelintignore

+common/lib/xmodule/xmodule/css
 common/static/sass/bourbon
+common/static/xmodule/modules/css
 lms/static/sass/vendor

common/lib/xmodule/xmodule/css/annotatable/display.scss

@@ -22,16 +22,18 @@ $annotatable--body-font-size: em(14);
   border-radius: 0.5em;
   margin-bottom: 0.5em;
 
-  &.shaded { background-color: #EDEDED; }
+  &.shaded { background-color: #ededed; }
 
   .annotatable-section-title {
     font-weight: bold;
     a { font-weight: normal; }
   }
+
   .annotatable-section-body {
     border-top: 1px solid $annotatable--border-color;
     margin-top: 0.5em;
     padding-top: 0.5em;
+
     @include clearfix();
   }
 
@@ -40,6 +42,7 @@ $annotatable--body-font-size: em(14);
     margin-left: 4em;
     b { font-weight: bold; }
     i { font-style: italic; }
+
     code {
       display: inline;
       white-space: pre;
@@ -58,9 +61,11 @@ $annotatable--body-font-size: em(14);
 
 .annotatable-span {
   @extend %ui-fake-link;
+
   display: inline;
 
   $highlight_index: 0;
+
   @each $highlight in (
     (yellow rgba(255,255,10,0.3) rgba(255,255,10,0.9)),
     (red rgba(178,19,16,0.3) rgba(178,19,16,0.9)),
@@ -80,6 +85,7 @@ $annotatable--body-font-size: em(14);
         &.selected { background-color: $selected_color; }
       }
     }
+
     &.highlight-#{$marker} {
       background-color: $color;
       &.selected { background-color: $selected_color; }
@@ -89,6 +95,7 @@ $annotatable--body-font-size: em(14);
   &.hide {
     cursor: none;
     background-color: inherit;
+
     .annotatable-icon {
       display: none;
     }
@@ -113,20 +120,24 @@ $annotatable--body-font-size: em(14);
     background-color: transparent;
     padding: ($baseline/4) ($baseline/2);
     border: none;
+
     .ui-tooltip-title {
       padding: ($baseline/4) 0;
       border-bottom: 2px solid #333;
       font-weight: bold;
     }
+
     .ui-tooltip-icon {
       right: 10px;
       background: #333;
     }
+
     .ui-state-hover {
       color: inherit;
       border: 1px solid $gray-l3;
     }
   }
+
   .ui-tooltip-content {
     color: inherit;
     font-size: em(14);
@@ -136,6 +147,7 @@ $annotatable--body-font-size: em(14);
     background-color: transparent;
     border-color: transparent;
   }
+
   p {
     color: inherit;
     line-height: normal;
@@ -144,8 +156,10 @@ $annotatable--body-font-size: em(14);
 
 .ui-tooltip.qtip.ui-tooltip-annotatable {
   max-width: 375px;
+
   .ui-tooltip-content {
     padding: 0 ($baseline/2);
+
     .annotatable-comment {
       display: block;
       margin: 0 0 ($baseline/2) 0;
@@ -153,6 +167,7 @@ $annotatable--body-font-size: em(14);
       overflow: auto;
       line-height: normal;
     }
+
     .annotatable-reply {
       display: block;
       border-top: 2px solid #333;
@@ -161,6 +176,7 @@ $annotatable--body-font-size: em(14);
       text-align: center;
     }
   }
+
   &:after {
     content: '';
     display: inline-block;

common/lib/xmodule/xmodule/css/capa/display.scss

@@ -46,10 +46,10 @@ $asterisk-icon: '\f069'; // .fa-asterisk
 // +Mixins - Status Icon - Capa
 // ====================
 @mixin status-icon($color: $gray, $fontAwesomeIcon: "\f00d"){
-
   .status-icon {
     &:after {
       @extend %use-font-awesome;
+
       color: $color;
       font-size: 1.2em;
       content: $fontAwesomeIcon;
@@ -65,6 +65,7 @@ h2 {
 
   &.problem-header {
     display: inline-block;
+
     section.staff {
       margin-top: ($baseline*1.5);
       font-size: 80%;
@@ -92,6 +93,7 @@ h2 {
 
 .feedback-hint-incorrect {
   @extend %feedback-hint;
+
   .icon {
     color: $incorrect;
   }
@@ -100,6 +102,7 @@ h2 {
 .feedback-hint-partially-correct,
 .feedback-hint-correct {
   @extend %feedback-hint;
+
   .icon {
     color: $correct;
   }
@@ -200,12 +203,14 @@ div.problem {
 // Choice Group - silent class
 %choicegroup-base {
   @include clearfix();
+
   min-width: 100px;
   width: auto !important;
   width: 100px;
 
   label {
     @include box-sizing(border-box);
+
     display: inline-block;
     clear: both;
     margin-bottom: ($baseline/2);
@@ -224,6 +229,7 @@ div.problem {
 
     &.choicegroup_correct {
       @include status-icon($correct, $checkmark-icon);
+
       border: 2px solid $correct;
 
       // keep green for correct answers on hover.
@@ -234,6 +240,7 @@ div.problem {
 
     &.choicegroup_partially-correct {
       @include status-icon($partially-correct, $asterisk-icon);
+
       border: 2px solid $partially-correct;
 
       // keep green for correct answers on hover.
@@ -244,6 +251,7 @@ div.problem {
 
     &.choicegroup_incorrect {
       @include status-icon($incorrect, $cross-icon);
+
       border: 2px solid $incorrect;
 
       // keep red for incorrect answers on hover.
@@ -283,9 +291,11 @@ div.problem {
 div.problem {
   .choicegroup {
     @extend %choicegroup-base;
+
     label {
       @include padding($baseline/2);
       @include padding-left($baseline*1.9);
+
       position: relative;
       font-size: $base-font-size;
       line-height: normal;
@@ -295,6 +305,7 @@ div.problem {
     input[type="radio"],
     input[type="checkbox"] {
       @include left(em(9));
+
       position: absolute;
       top: em(9);
     }
@@ -317,7 +328,6 @@ div.problem {
 // ====================
 // Summary status indicators shown after the input area
 div.problem {
-
   .indicator-container {
     @include margin-left($baseline*.75);
 
@@ -398,6 +408,7 @@ div.problem {
 
       span.clarification i {
         font-style: normal;
+
         &:hover {
           color: $blue;
         }
@@ -447,10 +458,12 @@ div.problem {
 
       &:before {
         @extend %t-strong;
+
         display: inline;
         content: "Answer: ";
 
       }
+
       &:empty {
         &:before {
           display: none;
@@ -468,6 +481,7 @@ div.problem {
 
       img.loading {
         @include padding-left($baseline/2);
+
         display: inline-block;
       }
 
@@ -533,12 +547,14 @@ div.problem {
 
     .reload {
       @include float(right);
+
       margin: ($baseline/2);
     }
 
 
     .grader-status {
       @include clearfix();
+
       margin: $baseline/2 0;
       padding: $baseline/2;
       border-radius: 5px;
@@ -583,6 +599,7 @@ div.problem {
       }
 
     }
+
     .evaluation {
       p {
         margin-bottom: ($baseline/5);
@@ -598,6 +615,7 @@ div.problem {
     .evaluation-response {
       header {
         text-align: right;
+
         a {
           font-size: .85em;
         }
@@ -686,7 +704,6 @@ div.problem {
     table-layout: auto;
 
     td, th {
-
       &.cont-justified-left {
         text-align: left !important; // nasty, but needed to override the bad specificity of the xmodule css selectors
       }
@@ -702,6 +719,7 @@ div.problem {
 
     th {
       @extend %t-strong;
+
       text-align: left;
     }
 
@@ -760,9 +778,9 @@ div.problem {
 // ====================
 .problem {
   .capa_inputtype.textline, .inputtype.formulaequationinput {
-
     input {
       @include box-sizing(border-box);
+
       border: 2px solid $gray-l4;
       border-radius: 3px;
       min-width: 160px;
@@ -777,7 +795,6 @@ div.problem {
 
     // CASE: incorrect answer
     > .incorrect {
-
       input {
         border: 2px solid $incorrect;
       }
@@ -789,7 +806,6 @@ div.problem {
 
     // CASE: partially correct answer
     > .partially-correct {
-
       input {
         border: 2px solid $partially-correct;
       }
@@ -801,7 +817,6 @@ div.problem {
 
     // CASE: correct answer
     > .correct {
-
       input {
         border: 2px solid $correct;
       }
@@ -813,7 +828,6 @@ div.problem {
 
     // CASE: submitted, correctness withheld
     > .submitted {
-
       input {
         border: 2px solid $submitted;
       }
@@ -825,7 +839,6 @@ div.problem {
 
     // CASE: unanswered and unsubmitted
     > .unanswered, > .unsubmitted {
-
       input {
         border: 2px solid $gray-l4;
       }
@@ -843,6 +856,7 @@ div.problem {
 
   .trailing_text {
     @include margin-right($baseline/2);
+
     display: inline-block;
   }
 }
@@ -871,7 +885,6 @@ div.problem {
 // +Problem - CodeMirror
 // ====================
 div.problem {
-
   .CodeMirror {
     border: 1px solid black;
     font-size: 14px;
@@ -899,6 +912,7 @@ div.problem {
 
       &.CodeMirror-cursor {
         @extend %ui-depth1;
+
         position: absolute;
         visibility: hidden;
         width: 0;
@@ -944,6 +958,7 @@ div.problem .action {
 
   .problem-action-button-wrapper {
     @include border-right(1px solid $light-gray1);
+
     display: inline-block;
 
     &:last-child {
@@ -953,6 +968,7 @@ div.problem .action {
 
   .problem-action-btn {
     @include margin-right($baseline / 5);
+
     max-width: 110px;
 
     .icon {
@@ -974,15 +990,18 @@ div.problem .action {
       max-width: 100%;
       padding-bottom: $baseline;
     }
+
     .submit {
       @include margin-right($baseline / 2);
       @include float(left);
+
       white-space: nowrap;
     }
   }
 
   .submission-feedback {
     @include margin-right($baseline / 2);
+
     margin-top: $baseline / 2;
     display: inline-block;
     color: $gray-d1;
@@ -1034,6 +1053,7 @@ div.problem {
 
     &:first-child {
       @extend %t-strong;
+
       margin-bottom: 0;
     }
 
@@ -1063,6 +1083,7 @@ div.problem {
 
   .notification {
     @include float(left);
+
     margin-top: $baseline / 2;
     padding: ($baseline / 2.5) ($baseline / 2) ($baseline / 5) ($baseline / 2);
     line-height: $base-line-height;
@@ -1089,6 +1110,7 @@ div.problem {
 
       .icon {
         @include margin-right(3 * $baseline / 4);
+
         color: $uxpl-gray-dark;
       }
 
@@ -1103,6 +1125,7 @@ div.problem {
 
     .icon {
       @include float(left);
+
       position: relative;
       top: $baseline / 5;
     }
@@ -1133,6 +1156,7 @@ div.problem {
 
   .notification-btn {
     @include float(right);
+
     padding: ($baseline / 10) ($baseline / 4);
     min-width: ($baseline * 3);
     display: block;
@@ -1183,7 +1207,7 @@ div.problem {
   }
 
   .capa_reset>h2 {
-    color: #aa0000;
+    color: #a00;
   }
 
   .capa_reset li {
@@ -1195,6 +1219,7 @@ div.problem {
 
     h3 {
       @extend %t-strong;
+
       padding: 9px;
       border-bottom: 1px solid #e3e3e3;
       background: #eee;
@@ -1236,6 +1261,7 @@ div.problem {
 
       h3 {
         @extend %t-strong;
+
         color: #aaa;
         text-transform: uppercase;
         font-style: normal;
@@ -1263,6 +1289,7 @@ div.problem {
       a.full {
         @include position(absolute, 0 0 1px 0);
         @include box-sizing(border-box);
+
         display: block;
         padding: ($baseline/5);
         background: $gray-l4;
@@ -1355,7 +1382,7 @@ div.problem {
           background: url('#{$static-path}/images/incorrect-icon.png') left 20px no-repeat;
 
           .result-actual-output {
-            color: #B00;
+            color: #b00;
           }
         }
 
@@ -1366,7 +1393,7 @@ div.problem {
           border-left: 20px solid #fafafa;
 
           bs {
-            color: #bb0000;
+            color: #b00;
           }
 
           bg {
@@ -1446,6 +1473,7 @@ div.problem {
 
     .annotation-header {
       @extend %t-strong;
+
       padding: .5em 1em;
       border-bottom: 1px solid $gray-l3;
     }
@@ -1487,6 +1515,7 @@ div.problem {
 
         .tag {
           @extend %ui-fake-link;
+
           display: inline-block;
           margin-left: ($baseline*2);
           border: 1px solid rgb(102,102,102);
@@ -1495,6 +1524,7 @@ div.problem {
             background-color: $annotation-yellow;
           }
         }
+
         .tag-status {
           position: absolute;
           left: 0;
@@ -1507,6 +1537,7 @@ div.problem {
       $num-lines-to-show: 5;
       $line-height: 1.4em;
       $padding: .2em;
+
       padding: $padding (2 * $padding);
       width: 100%;
       height: ($num-lines-to-show * $line-height) + (2*$padding) - (($line-height - 1)/2);
@@ -1529,6 +1560,7 @@ div.problem {
 
       &:before {
         @extend %t-strong;
+
         display: block;
         content: "debug input value";
         text-transform: uppercase;
@@ -1575,6 +1607,7 @@ div.problem {
     label.choicetextgroup_show_correct, section.choicetextgroup_show_correct {
       &:after {
         @include margin-left($baseline*.75);
+
         content: url('#{$static-path}/images/correct-icon.png');
       }
     }
@@ -1590,7 +1623,6 @@ div.problem {
 
 // NOTE: temporary override until image inputs use same base html structure as other common capa input types.
 div.problem .imageinput.capa_inputtype {
-
   .status {
     display: inline-block;
     position: relative;
@@ -1621,7 +1653,6 @@ div.problem .imageinput.capa_inputtype {
 
 // NOTE: temporary override until annotation problem inputs use same base html structure as other common capa input types.
 div.problem .annotation-input {
-
   .tag-status {
     display: inline-block;
     position: relative;

common/lib/xmodule/xmodule/css/editor/edit.scss

@@ -9,13 +9,16 @@
   .editor-bar {
     @include clearfix();
     @include linear-gradient(top, #d4dee8, #c9d5e2);
+
     position: relative;
     padding: ($baseline/4);
     border-bottom-color: #a5aaaf;
 
     button {
       display: inline-block;
+
       @include float(left);
+
       padding: 3px ($baseline/2) 5px;
       margin-left: 7px;
       border: 0;
@@ -36,6 +39,7 @@
   .editor-tabs {
     position: absolute;
     top: 10px;
+
     @include right(10px);
     @include text-align(left);
     @include direction();
@@ -55,7 +59,9 @@
       padding: 7px 20px 3px;
       border: 1px solid #a5aaaf;
       border-radius: 3px 3px 0 0;
+
       @include linear-gradient(top, $transparent 87%, rgba(0, 0, 0, .06));
+
       background-color: #e5ecf3;
       font-size: 13px;
       color: #3c3c3c;

common/lib/xmodule/xmodule/css/html/display.scss

@@ -7,8 +7,9 @@ h1 {
   color: $baseFontColor;
   font: normal 2em/1.4em $sans-serif;
   letter-spacing: 1px;
+
   @include margin(0, 0, 1.416em, 0);
-  }
+}
 
 h2 {
   color: #646464;
@@ -20,6 +21,7 @@ h2 {
 
 h3, h4, h5, h6 {
   @include margin(0, 0, ($baseline/2), 0);
+
   font-weight: 600;
 }
 
@@ -73,6 +75,7 @@ blockquote {
 ol, ul {
   // Using the lower level Bi App Sass mixin to avoid @padding conflicts with bourbon.
   @include bi-app-compact(padding, 0, 0, 0, 1em);
+
   margin: 1em 0;
   color: $baseFontColor;
 
@@ -152,9 +155,9 @@ th {
 
 // modal - image zoom, fill window
 .wrapper-modal-image {
-  
   .modal-ui-icon {
     @extend %ui-fake-link;
+
     position: absolute;
     display: block;
     padding: ($baseline/4) 7px;
@@ -175,6 +178,7 @@ th {
   
   .image-link {
     @extend %ui-fake-link;
+
     position: relative;
     display: block;
     
@@ -192,6 +196,7 @@ th {
   .image-modal {
     @extend %ui-fake-link;
     @extend %ui-depth5;
+
     position: fixed;
     top: 0;
     left: 0;
@@ -247,9 +252,11 @@ th {
             &.action-zoom-in {
               margin-right: ($baseline/4);
             }
+
             &.action-zoom-out {
               margin-left: ($baseline/4);
             }
+
             &.is-disabled {
               opacity: 0.5;
               cursor: default;
@@ -275,11 +282,11 @@ th {
         }
       }
     }
+
     &.image-is-zoomed {
       display: block;
       
       .image-content .image-wrapper {
-        
         img {
           max-width: none;
           max-height: none;

common/lib/xmodule/xmodule/css/html/edit.scss

@@ -4,6 +4,7 @@
 
   .CodeMirror {
     @include box-sizing(border-box);
+
     height: 435px;
   }
 

common/lib/xmodule/xmodule/css/lti/lti.scss

@@ -17,6 +17,7 @@ div.lti {
 
   .wrapper-lti-link {
     @include font-size(14);
+
     background-color: $sidebar-color;
     padding: $baseline;
 
@@ -26,6 +27,7 @@ div.lti {
 
       .link_lti_new_window {
         @extend .gray-button;
+
         @include font-size(13);
         @include line-height(14);
       }

common/lib/xmodule/xmodule/css/poll/display.scss

@@ -59,6 +59,7 @@ div.poll_question {
 
       .button {
         @extend %ui-fake-link;
+
         -webkit-appearance: none;
         -webkit-background-clip: padding-box;
         -webkit-border-image: none;
@@ -94,13 +95,11 @@ div.poll_question {
         /* display: inline-block; */
         display: inline;
         float: left;
-
         font-family: 'Open Sans', Verdana, Geneva, sans-serif;
         font-size: 13px;
         font-style: normal;
         font-variant: normal;
         font-weight: bold;
-
         letter-spacing: normal;
         line-height: 25.59375px;
         margin-bottom: ($baseline*0.75);
@@ -113,13 +112,12 @@ div.poll_question {
         text-transform: none;
         vertical-align: top;
         white-space: pre-line;
-
         width: 25px;
         height: 25px;
-
         word-spacing: 0px;
         writing-mode: lr-tb;
       }
+
       .button.answered {
         -webkit-box-shadow: rgb(97, 184, 225) 0px 1px 0px 0px inset;
         background-color: rgb(29, 157, 217);
@@ -136,6 +134,7 @@ div.poll_question {
 
       .text {
         @extend %ui-fake-link;
+
         display: inline;
         float: left;
         width: 80%;

common/lib/xmodule/xmodule/css/problem/edit.scss

 .editor-bar {
-
   .editor-tabs {
-
     .advanced-toggle {
       height: auto;
       margin-top: -4px;
@@ -47,9 +45,12 @@
   left: 100%;
   width: 0;
   border-radius: 0 3px 3px 0;
+
   @include linear-gradient(left, $shadow-l1, $transparent 4px);
+
   background-color: $white;
   overflow: hidden;
+
   @include transition(width .3s linear 0s);
 
   &.shown {
@@ -70,6 +71,7 @@
 
   .row {
     @include clearfix();
+
     padding-bottom: 5px !important;
     margin-bottom: 10px !important;
     border-bottom: 1px solid #ddd !important;
@@ -105,7 +107,7 @@
 }
 
 .problem-editor {
-// adding padding to simple editor only - adjacent selector is needed since there are no toggles for CodeMirror
+  // adding padding to simple editor only - adjacent selector is needed since there are no toggles for CodeMirror
   .markdown-box+.CodeMirror {
     padding: 10px;
   }

common/lib/xmodule/xmodule/css/sequence/display.scss

@@ -9,6 +9,7 @@ $seq-nav-height: 44px;
 // repeated extends - needed since LMS styling was referenced
 .block-link {
   @include border-left(1px solid $seq-nav-border-color);
+
   display: block;
 
   &:hover, &:focus {
@@ -18,6 +19,7 @@ $seq-nav-height: 44px;
 
 .topbar {
   @include clearfix();
+
   border-bottom: 1px solid $seq-nav-border-color;
 
   @media print {
@@ -27,6 +29,7 @@ $seq-nav-height: 44px;
   a {
     &.block-link {
       @include border-left(1px solid $seq-nav-border-color);
+
       display: block;
 
       &:hover, &:focus {
@@ -43,7 +46,6 @@ $seq-nav-height: 44px;
   background-repeat: no-repeat;
   border: none;
   border-radius: 0;
-
   background-clip: border-box;
   box-shadow: none;
   box-sizing: content-box;
@@ -57,6 +59,7 @@ $seq-nav-height: 44px;
 
 .sequence-nav {
   @extend .topbar;
+
   margin: 0 0 $baseline 0;
   position: relative;
   border-bottom: none;
@@ -74,6 +77,7 @@ $seq-nav-height: 44px;
 
   .sequence-list-wrapper {
     @extend %ui-depth2;
+
     position: relative;
     height: 100%;
     flex-grow: 1;
@@ -151,7 +155,9 @@ $seq-nav-height: 44px;
 
         .sequence-tooltip {
           @include text-align(left);
+
           @extend %ui-depth2;
+
           margin-top: ($baseline/5);
           background: $seq-nav-tooltip-color;
           color: $white;
@@ -176,6 +182,7 @@ $seq-nav-height: 44px;
           &::after {
             @include transform(rotate(45deg));
             @include right(18px);
+
             background: $seq-nav-tooltip-color;
             content: " ";
             display: block;
@@ -197,6 +204,7 @@ $seq-nav-height: 44px;
 
 .sequence-nav-button {
   @extend %ui-depth3;
+
   display: block;
   top: 0;
   height: 100%;

common/lib/xmodule/xmodule/css/tabs/codemirror.scss

@@ -3,6 +3,7 @@
 
   .CodeMirror {
     @include box-sizing(border-box);
+
     width: 100%;
     position: relative;
     height: 379px;

common/lib/xmodule/xmodule/css/tabs/tabs.scss

@@ -18,11 +18,13 @@
 
 .editor-with-tabs {
   @include clearfix();
+
   position: relative;
 
 
   .edit-header {
     @include box-sizing(border-box);
+
     padding: 18px $baseline;
     top: 0 !important; // ugly override for second level tab override
     right: 0;
@@ -64,6 +66,7 @@
         a.tab {
           @include font-size(14);
           @include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
+
           border: 1px solid $blue-d1;
           border-radius: 3px;
           padding: ($baseline/4) ($baseline);
@@ -73,6 +76,7 @@
 
           &.current {
             @include linear-gradient($blue, $blue);
+
             color: $blue-d1;
             box-shadow: inset 0 1px 2px 1px $shadow-l1;
             background-color: $blue-d4;
@@ -81,7 +85,7 @@
 
           &:hover, &:focus {
             box-shadow: inset 0 1px 2px 1px  $shadow;
-            background-image: linear-gradient(#009FE6, #009FE6) !important;
+            background-image: linear-gradient(#009fe6, #009fe6) !important;
           }
         }
       }

common/lib/xmodule/xmodule/css/video/accessible_menu.scss

@@ -23,6 +23,7 @@ $a11y--blue-s1: saturate($blue,15%);
 
   .a11y-menu-list {
     @extend %ui-depth3;
+
     top: 100%;
     margin: 0;
     padding: 0;
@@ -34,6 +35,7 @@ $a11y--blue-s1: saturate($blue,15%);
 
     li {
       @extend %ui-fake-link;
+
       margin: 0;
       padding: 0;
       border-bottom: 1px solid #eee;
@@ -92,6 +94,7 @@ $a11y--blue-s1: saturate($blue,15%);
     > a {
       @include transition(all $tmg-f2 ease-in-out 0s);
       @include font-size(12);
+
       display: block;
       border-radius: 0 3px 3px 0;
       background-color: $very-light-text;
@@ -105,6 +108,7 @@ $a11y--blue-s1: saturate($blue,15%);
 
       &:after {
         @extend %use-font-awesome;
+
         content: "\f0d7";
         position: absolute;
         right: ($baseline*0.5);
@@ -135,6 +139,7 @@ $a11y--blue-s1: saturate($blue,15%);
 
 .contextmenu, .submenu {
   @extend %ui-depth5;
+
   border: 1px solid #333;
   background: $white;
   color: #333;
@@ -217,6 +222,7 @@ $a11y--blue-s1: saturate($blue,15%);
 
 .overlay {
   @extend %ui-depth4;
+
   position: fixed;
   top: 0;
   left: 0;

common/lib/xmodule/xmodule/css/word_cloud/display.scss

@@ -18,6 +18,7 @@
     font-size: 100%;
   }
 }
+
 .your_words{
   font-size: 0.85em;
   display: block;

common/static/sass/_mixins-inherited.scss

@@ -28,6 +28,7 @@
   @include background-image(linear-gradient(180deg, rgba(200,200,200, 0) 0%,
   rgba(200,200,200, 1) 50%,
   rgba(200,200,200, 0)));
+
   height: 1px;
   width: 100%;
 }
@@ -36,6 +37,7 @@
   @include background-image(linear-gradient(180deg, rgba(240,240,240, 0) 0%,
   rgba(240,240,240, 1) 50%,
   rgba(240,240,240, 0)));
+
   height: 1px;
   width: 100%;
 }
@@ -44,6 +46,7 @@
   @include background-image(linear-gradient(180deg, rgba(255,255,255, 0) 0%,
   rgba(255,255,255, 0.8) 50%,
   rgba(255,255,255, 0)));
+
   height: 1px;
   width: 100%;
 }
@@ -52,6 +55,7 @@
   @include background-image(linear-gradient(90deg, rgba(200,200,200, 0) 0%,
   rgba(200,200,200, 1) 50%,
   rgba(200,200,200, 0)));
+
   height: 100%;
   width: 1px;
 }
@@ -60,16 +64,19 @@
   @include background-image(linear-gradient(90deg, rgba(255,255,255, 0) 0%,
   rgba(255,255,255, 0.6) 50%,
   rgba(255,255,255, 0)));
+
   height: 100%;
   width: 1px;
 }
 
 .vertical-divider {
   @extend .faded-vertical-divider;
+
   position: relative;
 
   &::after {
     @extend .faded-vertical-divider-light;
+
     content: "";
     display: block;
     position: absolute;
@@ -79,11 +86,14 @@
 
 .horizontal-divider {
   border: none;
+
   @extend .faded-hr-divider;
+
   position: relative;
 
   &::after {
     @extend .faded-hr-divider-light;
+
     content: "";
     display: block;
     position: absolute;
@@ -94,12 +104,14 @@
 .fade-right-hr-divider {
   @include background-image(linear-gradient(180deg, rgba(200,200,200, 0) 0%,
   rgba(200,200,200, 1)));
+
   border: none;
 }
 
 .fade-left-hr-divider {
   @include background-image(linear-gradient(180deg, rgba(200,200,200, 1) 0%,
   rgba(200,200,200, 0)));
+
   border: none;
 }
 
@@ -108,6 +120,7 @@
 // inherited - ui
 .window {
   @include clearfix();
+
   box-shadow: 0 1px 1px $shadow-l1;
   border-radius: 3px;
   margin-bottom: $baseline;
@@ -120,8 +133,10 @@
 // mixins - grandfathered
 @mixin button {
   @include transition(background-color 0.15s, box-shadow 0.15s);
+
   @extend %t-action3;
   @extend %t-strong;
+
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 $transparent;
   display: inline-block;
   padding: ($baseline/5) $baseline ($baseline/4);
@@ -133,6 +148,7 @@
     color: $gray-d1 !important;
     pointer-events: none;
     cursor: none;
+
     &:hover, &:focus {
       box-shadow: 0 0 0 0 !important;
     }
@@ -146,6 +162,7 @@
 @mixin green-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border: 1px solid $uxpl-green-base;
   border-radius: 3px;
@@ -168,6 +185,7 @@
 @mixin blue-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+
   border: 1px solid $uxpl-blue-base;
   border-radius: 3px;
   background-color: $uxpl-blue-base;
@@ -189,6 +207,7 @@
 @mixin red-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+
   border: 1px solid $red-d1;
   border-radius: 3px;
   background-color: $red;
@@ -210,6 +229,7 @@
 @mixin pink-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+
   border: 1px solid $pink-d1;
   border-radius: 3px;
   background-color: $pink;
@@ -231,6 +251,7 @@
 @mixin orange-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
+
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border: 1px solid $orange-d1;
   border-radius: 3px;
@@ -253,6 +274,7 @@
 @mixin white-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
+
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border: 1px solid $mediumGrey;
   border-radius: 3px;
@@ -269,6 +291,7 @@
 @mixin grey-button {
   @include button;
   @include linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   border: 1px solid $gray-d2;
   border-radius: 3px;
@@ -284,6 +307,7 @@
 .gray-button {
   @include button;
   @include linear-gradient(top, $white-t1, rgba(255, 255, 255, 0));
+
   box-shadow: 0 1px 0 $white-t1 inset;
   border: 1px solid $gray-d1;
   border-radius: 3px;
@@ -319,6 +343,7 @@
 
   h5 {
     @extend %t-strong;
+
     margin-bottom: 8px;
     color: $white;
   }
@@ -331,11 +356,13 @@
 
   .save-button {
     @include blue-button;
+
     margin-top: 0;
   }
 
   .cancel-button {
     @include white-button;
+
     margin-top: 0;
   }
 }
@@ -345,6 +372,7 @@
 // sunsetted mixins
 @mixin active {
   @include linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+
   box-shadow: 0 -1px 0 $shadow inset, 0 1px 0 $white inset;
   background-color: rgba(255, 255, 255, 0.3);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

common/static/sass/assets/_anims.scss

@@ -98,11 +98,13 @@
 @include keyframes(bounceIn) {
   0% {
     opacity: 0.0;
+
     @include transform(scale(0.3));
   }
 
   50% {
     opacity: 1.0;
+
     @include transform(scale(1.05));
   }
 
@@ -119,11 +121,13 @@
 
   50% {
     opacity: 1.0;
+
     @include transform(scale(1.05));
   }
 
   100% {
     opacity: 0.0;
+
     @include transform(scale(0.3));
   }
 }
@@ -144,11 +148,11 @@
 
 // flash - double
 @include keyframes(flashDouble) {
-0%, 50%, 100% {
+  0%, 50%, 100% {
     opacity: 1.0;
-}
+  }
 
-25%, 75% {
+  25%, 75% {
     opacity: 0.0;
   }
 }

common/static/sass/edx-pattern-library-shims/base/_variables.scss

@@ -61,6 +61,7 @@ $spacing-horizontal:        (
   }
 
   @warn "Unknown `#{$key}` in $spacing-vertical.";
+
   @return null;
 }
 
@@ -71,6 +72,7 @@ $spacing-horizontal:        (
   }
 
   @warn "Unknown `#{$key}` in $spacing-horizontal.";
+
   @return null;
 }
 
@@ -104,6 +106,7 @@ $font-sizes: (
   }
 
   @warn "Unknown `#{$key}` in $font-sizes.";
+
   @return null;
 }
 
@@ -114,6 +117,7 @@ $font-sizes: (
   }
 
   @warn "Unknown `#{$key}` in $font-weights.";
+
   @return null;
 }
 
@@ -233,8 +237,10 @@ $btn-small-padding-horizontal: spacing-horizontal(small);
 
 @mixin notification-by-type($color) {
   border-top: 3px solid $color;
+
   .icon {
     @include margin-right(3 * $baseline/ 4);
+
     color: $color;
   }
 }

common/static/sass/neat/functions/_new-breakpoint.scss

 @function new-breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
-
   @if length($query) == 1 {
     $query: $default-feature nth($query, 1) $total-columns;
   }

common/static/sass/neat/functions/_private.scss

@@ -31,11 +31,13 @@
 @function container-span($span: $span) {
   @if length($span) == 3 {
     $container-columns: nth($span, 3);
+
     @return $container-columns;
   }
 
   @else if length($span) == 2 {
     $container-columns: nth($span, 2);
+
     @return $container-columns;
   }
 
@@ -49,11 +51,13 @@
 
   @if length($shift) == 3 {
     $container-columns: nth($shift, 3);
+
     @return $container-columns;
   }
 
   @else if length($shift) == 2 {
     $container-columns: nth($shift, 2);
+
     @return $container-columns;
   }
 
@@ -95,7 +99,9 @@
   
   @if $layout == LTR or $layout == RTL {
     $direction: direction-from-layout($layout);
-  } @else {
+  }
+
+  @else {
     $direction: direction-from-layout($default);
   }
 
@@ -107,7 +113,9 @@
 
   @if $layout == LTR {
     $direction: right;
-  } @else {
+  }
+
+  @else {
     $direction: left;
   }
 

common/static/sass/neat/grid/_media.scss

@@ -3,6 +3,7 @@
     @media screen and ($default-feature: nth($query, 1)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: $total-columns !global;
+
       @content;
       $grid-columns: $default-grid-columns !global;
     }
@@ -20,6 +21,7 @@
     }
 
     $i: 1;
+
     @while $i <= $loopTo {
       $mediaQuery: $mediaQuery + '(' + nth($query, $i) + ': ' + nth($query, $i + 1) + ') ';
 

common/static/sass/neat/grid/_omega.scss

@@ -5,7 +5,9 @@
 
   @if $direction != default {
     @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead."
-  } @else {
+  }
+
+  @else {
     $direction: get-direction($layout-direction, $default-layout-direction);
   }
 

common/static/sass/neat/grid/_outer-container.scss

 @mixin outer-container {
   @include clearfix();
+
   max-width: $max-width;
   margin: {
     left: auto;

common/static/sass/neat/grid/_pad.scss

 @mixin pad($padding: flex-gutter()) {
   $padding-list: null;
+
   @each $value in $padding {
     $value: if($value == 'default', flex-gutter(), $value);
     $padding-list: join($padding-list, $value);
   }
+
   padding: $padding-list;
 }

common/static/sass/neat/grid/_private.scss

@@ -8,11 +8,13 @@ $layout-direction: nil !default;
 @function flex-grid($columns, $container-columns: $fg-max-columns) {
   $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
   $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+
   @return percentage($width / $container-width);
 }
 
 @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
   $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+
   @return percentage($gutter / $container-width);
 }
 
@@ -23,7 +25,9 @@ $layout-direction: nil !default;
 @function get-parent-columns($columns) {
   @if $columns != $grid-columns {
     $parent-columns: $columns !global;
-  } @else {
+  }
+
+  @else {
     $parent-columns: $grid-columns !global;
   }
 
@@ -35,7 +39,9 @@ $layout-direction: nil !default;
 
   @if $container-is-display-table == true {
     $display-table: true;
-  } @else if $display == table {
+  }
+
+  @else if $display == table {
     $display-table: true;
   }
 

common/static/sass/neat/grid/_row.scss

@@ -4,7 +4,9 @@
 
   @if $display == table {
     display: table;
+
     @include fill-parent;
+
     table-layout: fixed;
     $container-display-table: true !global;
   }

common/static/sass/neat/grid/_span-columns.scss

@@ -13,7 +13,9 @@
   @if $display-table  {
     display: table-cell;
     width: percentage($columns / $container-columns);
-  } @else {
+  }
+
+  @else {
     float: #{$opposite-direction};
 
     @if $display != no-display {
@@ -31,7 +33,9 @@
         width: flex-grid($columns, $container-columns);
       }
 
-    } @else {
+    }
+
+    @else {
       margin-#{$direction}: flex-gutter($container-columns);
       width: flex-grid($columns, $container-columns);
 

common/static/sass/neat/grid/_to-deprecate.scss

@@ -5,6 +5,7 @@
     @media screen and ($default-feature: nth($query, 1)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: $total-columns;
+
       @content;
       $grid-columns: $default-grid-columns;
     }
@@ -14,6 +15,7 @@
     @media screen and (nth($query, 1): nth($query, 2)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: $total-columns;
+
       @content;
       $grid-columns: $default-grid-columns;
     }
@@ -23,6 +25,7 @@
     @media screen and (nth($query, 1): nth($query, 2)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: nth($query, 3);
+
       @content;
       $grid-columns: $default-grid-columns;
     }
@@ -32,6 +35,7 @@
     @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: $total-columns;
+
       @content;
       $grid-columns: $default-grid-columns;
     }
@@ -41,6 +45,7 @@
     @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
       $default-grid-columns: $grid-columns;
       $grid-columns: nth($query, 5);
+
       @content;
       $grid-columns: $default-grid-columns;
     }
@@ -53,5 +58,6 @@
 
 @mixin nth-omega($nth, $display: block, $direction: default) {
   @warn "The nth-omega() mixin is deprecated. Please use omega() instead.";
+
   @include omega($nth $display, $direction);
 }

common/static/sass/neat/grid/_visual-grid.scss

@@ -11,7 +11,9 @@
   body:before {
     content: '';
     display: inline-block;
+
     @include grid-column-gradient(gradient-stops($grid-columns));
+
     height: 100%;
     left: 0;
     margin: 0 auto;

common/static/sass/neat/settings/_visual-grid.scss

 $visual-grid: false !default; // Display the base grid
-$visual-grid-color: #EEE !default;
+$visual-grid-color: #eee !default;
 $visual-grid-index: back !default; // Show grid behind content (back) or overlay it over the content (front)
 $visual-grid-opacity: 0.4 !default;
 $visual-grid-breakpoints: () !default;

common/test/test-theme/cms/static/sass/partials/_variables.scss

@@ -262,5 +262,5 @@ $sans-serif: $f-sans-serif;
 $body-line-height: golden-ratio(.875em, 1);
 
 // carried over from LMS for xmodules
-$action-primary-active-bg: #1AA1DE; // $m-blue
+$action-primary-active-bg: #1aa1de; // $m-blue
 $very-light-text: $white;

lms/static/certificates/sass/_components.scss

@@ -63,7 +63,6 @@
 // ------------------------------
 // circular cropped
 %img-cropped {
-
   .src {
     display: block;
     width: 100%;
@@ -76,6 +75,7 @@
 // ------------------------------
 .wrapper-header {
   @extend %divider-2;
+
   border-bottom-color: palette(grayscale, x-back);
   background: $white;
 }
@@ -88,7 +88,6 @@
 // #BANNER
 // ------------------------------
 .banner {
-
   .message-copy {
     margin-bottom: 0;
   }
@@ -101,7 +100,6 @@
 }
 
 .banner-user {
-
   .message-title {
     color: $white;
     font-weight: font-weight(semi-bold);
@@ -121,12 +119,12 @@
 
     .icon {
       @include margin-right(spacing-horizontal(x-small));
+
       font-size: font-size(large);
     }
 
     // CASE: icon display only
     &.icon-only {
-
       .action-label {
         @extend %a11y-hide;
       }
@@ -144,6 +142,7 @@
 // ------------------------------
 .introduction {
   margin-bottom: spacing-vertical(base);
+
   @include text-align(center);
 }
 
@@ -152,7 +151,6 @@
 // ------------------------------
 // base accomplishment
 .accomplishment {
-
   .accomplishment-type-symbol .src {
     display: block;
     width: 100%;
@@ -207,11 +205,13 @@
   border-bottom: rem(2) solid palette(grayscale, x-back);
   padding-bottom: spacing-vertical(x-small);
   color: $cert-base-color;
+
   @include text-align(center);
 }
 
 .accomplishment-rendering {
   @extend %depth-card;
+
   position: relative;
   top: -(spacing-vertical(base));
   border-top: rem(4) solid $cert-base-color;
@@ -219,6 +219,7 @@
   // type
   .accomplishment-type {
     @include text-align(center);
+
     margin-top: -(spacing-vertical(large));
     margin-bottom: spacing-vertical(base);
   }
@@ -229,18 +230,21 @@
 
   .accomplishment-type-label {
     @include span(10);
+
     margin: 0 auto;
     font-weight: font-weight(semi-bold);
   }
 
   .accomplishment-type-symbol {
     @include size(rem(100));
+
     margin: 0 auto spacing-vertical(small) auto;
   }
 
   // statement
   .accomplishment-statement {
     @extend %rendering-section;
+
     @include text-align(center);
   }
 
@@ -254,6 +258,7 @@
 
   .accomplishment-summary {
     @extend %rendering-accomplishment-line;
+
     margin-bottom: spacing-vertical(mid-small);
   }
 
@@ -310,7 +315,6 @@
     }
 
     .signatory-credentials {
-
       .role, .organization {
         white-space: pre-line;
         display: block;
@@ -332,6 +336,7 @@
 
     .label {
       @extend %copy-meta;
+
       margin-bottom: spacing-vertical(xx-small);
     }
 
@@ -343,6 +348,7 @@
 
     .value {
       @extend %copy-base;
+
       font-weight: font-weight(semi-bold);
       color: palette(grayscale, dark);
     }
@@ -355,7 +361,9 @@
 
   .recipient-img {
     @extend %img-cropped;
+
     width: rem(100);
+
     @include margin-right(spacing-horizontal(small));
 
     .src {
@@ -366,6 +374,7 @@
 
   .recipient-details {
     @extend %copy-base;
+
     font-weight: font-weight(semi-bold);
     max-width: calc(100% - (#{rem(100)} + #{spacing-horizontal(small)} + 5px));
   }
@@ -385,6 +394,7 @@
 
 .accomplishment-metadata-title {
   @extend %hd-subsection;
+
   border-bottom-color: palette(grayscale, back);
 }
 
@@ -404,7 +414,6 @@
 // ------------------------------
 // certficate - default
 .certificate {
-
   .accomplishment-rendering {
 
     // decorative corners for certs
@@ -414,24 +423,28 @@
 
     .deco-corner-tl {
       @include triangle(20px, $cert-base-color, up-right);
+
       top: 0;
       right: 0;
     }
 
     .deco-corner-tr {
       @include triangle(20px, $cert-base-color, up-left);
+
       top: 0;
       left: 0;
     }
 
     .deco-corner-bl {
       @include triangle(20px, $cert-base-color, down-right);
+
       bottom: 0;
       right: 0;
     }
 
     .deco-corner-br {
       @include triangle(20px, $cert-base-color, down-left);
+
       bottom: 0;
       left: 0;
     }
@@ -462,7 +475,6 @@
 
 // certificate - base + honor
 .layout-accomplishment.certificate-honor {
-
   .introduction {
     margin-bottom: 0;
   }
@@ -472,7 +484,6 @@
   }
 
   .accomplishment-rendering {
-
     .accomplishment-type {
       margin-top: 0;
     }
@@ -487,7 +498,6 @@
 
 // certificate - distinguished + verified
 .layout-accomplishment.certificate-verified {
-
   .introduction {
     margin-bottom: spacing-vertical(base);
   }
@@ -543,7 +553,6 @@
 }
 
 .footer-app-nav {
-
   .list {
     @extend %list-unstyled;
   }
@@ -564,6 +573,7 @@
 
   .badges-modal {
     @extend %copy-large;
+
     box-sizing: content-box;
     position: fixed;
     top: spacing-vertical(large);
@@ -597,8 +607,10 @@
       @include ltr {
         @include padding-left(2em);
       }
+
       @include rtl {
         @include padding-right(1em);
+
         float: right;
       }
     }

lms/static/certificates/sass/_config.scss

@@ -21,7 +21,6 @@ $cert-decorative-color-emphasized: palette(grayscale, accent);
     400,
     $file-formats: woff woff2 ttf
 );
-
 @include font-face(
   'Domine',
     '../../certificates/fonts/Domine/Domine-Bold-webfont',

lms/static/certificates/sass/_layouts.scss

@@ -25,6 +25,7 @@
 // app header
 .wrapper-header {
   @extend %layout-wrapper;
+
   padding-top: spacing-vertical(small);
   padding-bottom: spacing-vertical(small);
 }
@@ -34,7 +35,9 @@
 
   .logo {
     display: block;
+
     @include size(rem(100) auto);
+
     margin: 0 auto;
   }
 
@@ -47,12 +50,14 @@
 .header-app-title {
   @include text-align(center);
   @include span(12);
+
   margin: 0;
 }
 
 // banner
 .wrapper-banner {
   @extend %layout-wrapper;
+
   padding-top: spacing-vertical(small);
   padding-bottom: spacing-vertical(small);
 
@@ -94,7 +99,6 @@
 
         // CASE: icon display only
         &.icon-only {
-
           @media(min-width: $bp-screen-md) {
             padding: spacing-vertical(x-small) spacing-horizontal(base);
 
@@ -131,21 +135,19 @@
 }
 
 .footer-app-copyright {
-
   @media(min-width: $bp-screen-md) {
     @include span(6, after);
+
     margin-bottom: 0;
   }
 }
 
 .footer-app-nav {
-
   @media(min-width: $bp-screen-md) {
     @include span(6, before);
   }
 
   .list {
-
     .nav-item {
       display: block;
       margin-bottom: spacing-vertical(x-small);
@@ -153,14 +155,15 @@
       @media(min-width: $bp-screen-md) {
         display: inline-block;
         vertical-align: middle;
+
         @include margin-right(spacing-horizontal(base));
+
         margin-bottom: 0;
       }
     }
   }
 
   .list-legal {
-
     @media(min-width: $bp-screen-md) {
       @include text-align(right);
     }
@@ -171,9 +174,9 @@
 // #ACCOMPLISHMENT
 // ------------------------------
 .layout-accomplishment {
-
   .wrapper-introduction {
     @extend %layout-wrapper;
+
     margin-bottom: spacing-vertical(large);
 
     .introduction {
@@ -183,11 +186,13 @@
 
   .wrapper-accomplishment-rendering {
     @extend %layout-wrapper;
+
     margin-bottom: spacing-vertical(small);
   }
 
   .accomplishment-rendering {
     @extend %layout;
+
     position: relative;
     top: -(spacing-vertical(base));
 
@@ -213,6 +218,7 @@
     .wrapper-organization {
       @include span(6);
       @include margin-right(spacing-horizontal(base));
+
       display: inline-block;
       vertical-align: middle;
       height: rem(100);
@@ -237,6 +243,7 @@
 
     .organization {
       @include size(100%);
+
       position: relative;
 
     }
@@ -245,13 +252,14 @@
       max-width: 80%;
       position: absolute;
       top: 50%;
+
       @include left(50%);
+
       transform: translate(-50%, -50%);
     }
   }
 
   .accomplishment-signatories {
-
     .wrapper-signatories {
       @include text-align(center);
     }
@@ -259,6 +267,7 @@
     .signatory {
       display: inline-block;
       vertical-align: middle;
+
       @include span(12);
 
       @media(min-width: $bp-screen-md) {
@@ -298,7 +307,9 @@
 
       .metadata {
         @extend %divider-2;
+
         @include span(12);
+
         margin-bottom: spacing-vertical(small);
         border-bottom-color: palette(grayscale, x-back);
         padding-bottom: spacing-vertical(small);
@@ -310,6 +321,7 @@
 
         @media(min-width: $bp-screen-md) {
           @include span(4);
+
           border-bottom: none;
           padding-bottom: 0;
         }
@@ -354,6 +366,7 @@
 
       @media(min-width: $bp-screen-md) {
         @include span(6);
+
         margin-bottom: 0;
       }
     }

lms/static/certificates/sass/_print.scss

@@ -203,6 +203,7 @@
 
     .accomplishment-type-symbol {
       @include size(rem(75));
+
       border: none !important;
     }
 
@@ -212,7 +213,9 @@
 
     .accomplishment-statement {
       @extend %print-rendering-section;
+
       @include span(8);
+
       margin: 0 auto;
     }
 
@@ -244,6 +247,7 @@
 
     .accomplishment-signatories {
       @extend %print-rendering-section;
+
       @include span(12, before);
 
       .signatory-credentials {
@@ -269,7 +273,6 @@
 
       // CASE: > 4 signatures
       &.has-many {
-
         .signatory {
           @include span(2);
         }
@@ -286,6 +289,7 @@
 
     .wrapper-metadata {
       @include clearfix();
+
       margin-bottom: 0;
 
       .metadata {
@@ -305,10 +309,12 @@
         }
       }
     }
+
     .accomplishment-id {
       float: left;
       width: 65% !important;
       margin: 0 !important;
+
       @include text-align(left);
     }
 
@@ -316,6 +322,7 @@
       float: right;
       width: 35% !important;
       margin: 0 !important;
+
       @include text-align(right);
     }
 
@@ -327,9 +334,7 @@
 // ------------------------------
 // certificate - distinguished
 @media print {
-
   .certificate-distinguished {
-
     .accomplishment-rendering {
       border-top-color: $cert-distinguished-color;
     }

lms/static/certificates/sass/_views.scss

@@ -32,7 +32,6 @@
   }
 
   .content-secondary {
-
     @media(min-width: $bp-screen-md) {
       @include span(3, before);
     }

lms/static/certificates/sass/main-ltr.scss

@@ -9,6 +9,7 @@
 
 // Load the LTR version of the edX Pattern Library
 $pattern-library-path: '../../edx-pattern-library' !default;
+
 @import 'edx-pattern-library/pattern-library/sass/edx-pattern-library-ltr';
 
 // Load the shared build

lms/static/certificates/sass/main-rtl.scss

@@ -9,6 +9,7 @@
 
 // Load the RTL version of the edX Pattern Library
 $pattern-library-path: '../../edx-pattern-library' !default;
+
 @import 'edx-pattern-library/pattern-library/sass/edx-pattern-library-rtl';
 
 // Load the shared build

lms/static/sass/base/_animations.scss

@@ -303,11 +303,11 @@
   }
 }
 
-@-webkit-keyframes fade-in-animation{ @include fade-in-keyframes; }
+@-webkit-keyframes fade-in-animation { @include fade-in-keyframes; }
 
-@-moz-keyframes fade-in-animation{ @include fade-in-keyframes; }
+@-moz-keyframes fade-in-animation { @include fade-in-keyframes; }
 
-@keyframes fade-in-animation{ @include fade-in-keyframes; }
+@keyframes fade-in-animation { @include fade-in-keyframes; }
 
 
 // +utility animations

lms/static/sass/base/_base.scss

@@ -12,7 +12,7 @@ html, body {
   line-height: 1em;
 }
 
-html{
+html {
   background: white;
 }
 

lms/static/sass/course/_auto-cert.scss

@@ -18,14 +18,14 @@
 
     .has-actions {
       .msg-content {
-        width: flex-grid(9,12);
+        width: flex-grid(9, 12);
       }
 
       .msg-actions {
         @extend %t-copy-base;
 
         display: inline-block;
-        width: flex-grid(3,12);
+        width: flex-grid(3, 12);
 
         .btn {
           @extend %btn-primary-blue;

lms/static/sass/course/_info.scss

@@ -5,7 +5,7 @@ $notification-highlight-border-color:      $uxpl-green-base !default;
 $lms-border-color:                         $uxpl-gray-background !default;
 $notification-background:                  rgb(255, 255, 255) !default
 
-  .home{
+  .home {
   @include clearfix();
 
   max-width: 1140px;

lms/static/sass/course/_profile.scss

@@ -39,7 +39,8 @@
 
         @include transition(none);
 
-        div#location_sub, div#language_sub {
+        div#location_sub,
+        div#language_sub {
           font-weight: bold;
           display: inline-block;
 
@@ -54,9 +55,6 @@
               margin: lh(0.5) 0;
               width: 100%;
             }
-
-            &[type="input"]{
-            }
           }
 
           &:empty {
@@ -80,7 +78,8 @@
           text-transform: uppercase;
           top: 9px;
 
-          &:hover, &:focus {
+          &:hover,
+          &:focus {
             color: #555;
           }
         }
@@ -111,7 +110,8 @@
           text-transform: uppercase;
           top: 9px;
 
-          &:hover, &:focus {
+          &:hover,
+          &:focus {
             color: #555;
           }
         }
@@ -171,7 +171,8 @@
         padding: 5px 18px 6px;
         text-align: center;
 
-        &:hover, &:focus {
+        &:hover,
+        &:focus {
           text-decoration: none;
         }
       }
@@ -182,7 +183,7 @@
       width: 100%;
     }
 
-    > .credit-eligibility{
+    > .credit-eligibility {
       border-top: 1px solid $lightGrey;
       margin-top: lh();
 
@@ -205,7 +206,7 @@
           @include padding-left(0.2em);
         }
 
-        > .detail-collapse{
+        > .detail-collapse {
           border: none;
           box-shadow: none;
           background: $white;
@@ -216,7 +217,7 @@
             padding: lh(0.25);
           }
 
-          > span{
+          > span {
             color: inherit;
           }
         }
@@ -224,7 +225,7 @@
         > .requirement-container {
           padding: lh();
 
-          > .requirement{
+          > .requirement {
             border-bottom: 1px solid $lightGrey;
             padding: lh(0.5);
 
@@ -233,26 +234,26 @@
               display: inline-block;
             }
 
-            > .requirement-status{
+            > .requirement-status {
               width: bi-app-invert-percentage(60%);
 
               @include float(right);
 
               display: inline-block;
 
-              .fa-times{
+              .fa-times {
                 @extend %t-icon6;
 
                 color: $alert-color;
               }
 
-              .fa-check{
+              .fa-check {
                 @extend %t-icon6;
 
                 color: $success-color;
               }
 
-              > .not-achieve{
+              > .not-achieve {
                 color: $darkGrey;
               }
             }
@@ -300,7 +301,7 @@
           width: flex-grid(7, 9);
 
           > div {
-            padding:0 0 lh() 0;
+            padding: 0 0 lh() 0;
 
             &:first-child {
               padding-top: 0;

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

@@ -104,7 +104,7 @@ input[type="password"] {
 
   &:focus {
     border-color: lighten($link-color, 20%);
-    box-shadow: 0 0 6px 0 rgba($blue, 0.4), inset 0 0 4px 0 rgba(0,0,0, 0.15);
+    box-shadow: 0 0 6px 0 rgba($blue, 0.4), inset 0 0 4px 0 rgba(0, 0,0, 0.15);
   }
 }
 

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

@@ -26,7 +26,7 @@
   }
 }
 
-.email-background{
+.email-background {
   .content-history-email-table {
     display: none;
   }

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

@@ -9,7 +9,7 @@
   padding: 0;
   width: 100%;
 
-  .course-material{
+  .course-material {
     @extend %inner-wrapper;
   }
 

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

@@ -243,7 +243,7 @@
 
     @include box-sizing(border-box);
 
-    .timestamp{
+    .timestamp {
       margin-top: ($baseline*0.75);
       padding: 15px 0 0 10px;
       border-top: 1px solid $light-gray;
@@ -597,7 +597,7 @@
     margin-top: ($baseline*2);
   }
 
-  #cheatsheet-body pre{
+  #cheatsheet-body pre {
     color: $black;
     text-align: left;
     background: #eee;

lms/static/sass/discussion/_discussion.scss

@@ -57,7 +57,7 @@
   border-radius: $forum-border-radius;
 
   header {
-    .anonymous{
+    .anonymous {
       font-size: $forum-base-font-size;
     }
   }

lms/static/sass/discussion/views/_home.scss

@@ -70,7 +70,7 @@
           vertical-align: middle;
         }
 
-        .profile-stat-label{
+        .profile-stat-label {
           vertical-align: middle;
         }
       }

lms/static/sass/discussion/views/_response.scss

@@ -91,7 +91,7 @@
   }
 
   // CASE: label - community TA response
-  &.community-ta{
+  &.community-ta {
     padding-top: 38px;
     border-color: $forum-color-community-ta;
   }

lms/static/sass/elements/_controls.scss

@@ -328,7 +328,7 @@
   color: $action-primary-fg;
 }
 
-%btn-pl-white-base{
+%btn-pl-white-base {
   @extend %btn-pl-default-base;
 
   background-color: $action-primary-fg;

lms/static/sass/multicourse/_account.scss

@@ -404,7 +404,7 @@
 
       // states - all
       &.disabled, &.submitted {
-        color: rgba(0,0,0,.25);
+        color: rgba(0, 0,0,.25);
 
         label {
           cursor: text;
@@ -416,7 +416,7 @@
 
         textarea, input {
           background: $container-bg;
-          color: rgba(0,0,0,.25);
+          color: rgba(0, 0,0,.25);
         }
       }
 
@@ -434,7 +434,7 @@
       // states - disabled
       &.disabled {
         label::after {
-          color: rgba(0,0,0,.35);
+          color: rgba(0, 0,0,.35);
           content: "(Disabled Currently)";
         }
       }

lms/static/sass/multicourse/_course_about.scss

@@ -7,7 +7,7 @@
     background: $course-profile-bg;
     background-image: $homepage-bg-image;
     background-size: cover;
-    box-shadow: 0 1px 80px 0 rgba(0,0,0, 0.5);
+    box-shadow: 0 1px 80px 0 rgba(0, 0,0, 0.5);
     border-bottom: 1px solid $border-color-3;
     box-shadow: inset 0 1px 5px 0 $shadow-l1;
     height: 280px;
@@ -20,7 +20,7 @@
     .intro-inner-wrapper {
       background: $course-header-bg;
       border: 1px solid $border-color-3;
-      box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
+      box-shadow: 0 4px 25px 0 rgba(0, 0,0, 0.5);
 
       @include box-sizing(border-box);
       @include clearfix();
@@ -207,7 +207,7 @@
           position: relative;
 
           .play-intro {
-            @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));
+            @include background-image(linear-gradient(-90deg, rgba(0, 0,0, 0.65), rgba(0, 0,0, 0.75)));
 
             border-radius: 4px;
             box-shadow: 0 1px 12px 0 $shadow-d1;
@@ -235,7 +235,7 @@
 
               margin-top: -16px;
               position: absolute;
-              text-shadow: 0 -1px rgba(0,0,0, 0.8);
+              text-shadow: 0 -1px rgba(0, 0,0, 0.8);
               top: 50%;
             }
           }
@@ -250,9 +250,9 @@
           text-decoration: none;
 
           .play-intro {
-            @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8)));
+            @include background-image(linear-gradient(-90deg, rgba(0, 0,0, 0.75), rgba(0, 0,0, 0.8)));
 
-            box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.5);
+            box-shadow: 0 1px 12px 0 rgba(0, 0,0, 0.5);
             border-color: rgba(255,255,255, 0.9);
 
             &::after {
@@ -394,7 +394,7 @@
     width: flex-grid(4);
 
     > section {
-      box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
+      box-shadow: inset 0 0 3px 0 rgba(0, 0,0, 0.15);
       border: 1px solid $border-color-2;
 
       &.course-summary {
@@ -485,12 +485,12 @@
         }
 
         .sharing-message {
-          @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.9) 0%,
-          rgba(0,0,0, 0.7) 100%));
+          @include background-image(linear-gradient(-90deg, rgba(0, 0,0, 0.9) 0%,
+          rgba(0, 0,0, 0.7) 100%));
 
-          border: 1px solid rgba(0,0,0, 0.5);
+          border: 1px solid rgba(0, 0,0, 0.5);
           border-radius: 4px;
-          box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
+          box-shadow: 0 4px 25px 0 rgba(0, 0,0, 0.5);
 
           @include box-sizing(border-box);
 

lms/static/sass/multicourse/_courses.scss

@@ -138,7 +138,7 @@ $facet-background-color: #007db8;
     background-image: $homepage-bg-image;
     background-position: center top !important;
     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);
+    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;
     margin-top: $header_image_margin;
     width: 100%;
@@ -156,7 +156,7 @@ $facet-background-color: #007db8;
         background: $white;
         background: $course-header-bg;
         border: 1px solid $border-color-3;
-        box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
+        box-shadow: 0 4px 25px 0 rgba(0, 0,0, 0.5);
         padding: $baseline ($baseline*1.5);
         position: relative;
         z-index: 2;

lms/static/sass/multicourse/_dashboard.scss

@@ -781,7 +781,7 @@
               width: flex-grid(9, 12);
               display: inline-block;
 
-              .message-copy-bold{
+              .message-copy-bold {
                 font-weight: 600;
               }
             }
@@ -804,7 +804,7 @@
             @include left($baseline/2);
             @include padding(($baseline * 0.4), 0, ($baseline * 0.4), ($baseline * 0.75));
 
-            .action-upgrade-icon{
+            .action-upgrade-icon {
               @include float(left);
 
               display: inline;
@@ -1403,7 +1403,7 @@
   }
 }
 
-p.course-block{
+p.course-block {
   border-style: solid;
   border-color: #e3dc86;
   padding: ($baseline/4);
@@ -1412,7 +1412,7 @@ p.course-block{
 
 }
 
-.enter-course-blocked{
+.enter-course-blocked {
   @include box-sizing(border-box);
   @include float(left);
 
@@ -1440,7 +1440,7 @@ p.course-block{
   }
 }
 
-a.disable-look{
+a.disable-look {
   color: #808080;
 }
 
@@ -1558,7 +1558,7 @@ a.fade-cover {
     border: $palette-info-border 1px solid;
     padding: 5px;
 
-    .message-title{
+    .message-title {
       margin-bottom: 0;
     }
 

lms/static/sass/multicourse/_home.scss

@@ -170,7 +170,7 @@ $course-search-input-height: ($button-size);
 
       @include border-left(0);
       @include box-sizing(border-box);
-      // box-shadow: 0 4px 25px 0 rgba(0,0,0, 0.5);
+      // box-shadow: 0 4px 25px 0 rgba(0, 0,0, 0.5);
       height: 120px;
 
       @include float(left);
@@ -193,7 +193,7 @@ $course-search-input-height: ($button-size);
         background-size: cover;
 
         .play-intro {
-          @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));
+          @include background-image(linear-gradient(-90deg, rgba(0, 0,0, 0.65), rgba(0, 0,0, 0.75)));
 
           border-radius: 4px;
           box-shadow: 0 1px 12px 0 $shadow-d1;
@@ -228,7 +228,7 @@ $course-search-input-height: ($button-size);
 
             margin-top: -16px;
             position: absolute;
-            text-shadow: 0 -1px rgba(0,0,0, 0.8);
+            text-shadow: 0 -1px rgba(0, 0,0, 0.8);
             top: 50%;
           }
         }
@@ -241,9 +241,9 @@ $course-search-input-height: ($button-size);
 
       &:hover, &:focus {
         .play-intro {
-          @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.75), rgba(0,0,0, 0.8)));
+          @include background-image(linear-gradient(-90deg, rgba(0, 0,0, 0.75), rgba(0, 0,0, 0.8)));
 
-          box-shadow: 0 1px 12px 0 rgba(0,0,0, 0.5);
+          box-shadow: 0 1px 12px 0 rgba(0, 0,0, 0.5);
           border-color: rgba(255,255,255, 0.9);
 
           &::after {
@@ -546,7 +546,7 @@ $course-search-input-height: ($button-size);
     .news {
       @include box-sizing(border-box);
 
-      box-shadow: inset 0 0 3px 0 rgba(0,0,0, 0.15);
+      box-shadow: inset 0 0 3px 0 rgba(0, 0,0, 0.15);
       padding: 20px;
       width: flex-grid(12);
 

lms/static/sass/multicourse/_survey-page.scss

@@ -9,13 +9,13 @@
     @include float(left);
     @include margin-right(flex-gutter());
 
-    width: flex-grid(9,12);
+    width: flex-grid(9, 12);
   }
 
   .content-supplementary {
     @include float(left);
 
-    width: flex-grid(3,12);
+    width: flex-grid(3, 12);
     margin-top: ($baseline*2);
   }
 

lms/static/sass/shared-v2/_header.scss

@@ -99,14 +99,14 @@
       }
     }
 
-    .tab-nav-item{
+    .tab-nav-item {
       @include float(left);
 
       display: flex;
       margin: 0;
       justify-content: center;
 
-      .tab-nav-link{
+      .tab-nav-link {
         font-size: font-size(base);
         font-weight: font-weight(semi-bold);
         color: palette(grayscale, dark);
@@ -120,7 +120,7 @@
         }
       }
 
-      .active{
+      .active {
         border-bottom: 4px solid $black-t3 !important;
       }
     }

lms/static/sass/shared-v2/_variables.scss

@@ -41,7 +41,7 @@ $white-opacity-60: rgba(255, 255, 255, 0.6) !default;
 $white-opacity-70: rgba(255, 255, 255, 0.7) !default;
 $white-opacity-80: rgba(255, 255, 255, 0.8) !default;
 
-$black:     rgb(0,0,0) !default;
+$black:     rgb(0, 0,0) !default;
 $black-t0:  rgba($black, 0.125) !default;
 $black-t1:  rgba($black, 0.25) !default;
 $black-t2:  rgba($black, 0.5) !default;
@@ -71,7 +71,7 @@ $lms-dark-icon-background-color: palette(grayscale, black) !default;
 
 $site-status-color: rgb(182,37,103) !default;
 
-$shadow-l1: rgba(0,0,0,0.1) !default;
+$shadow-l1: rgba(0, 0,0, 0.1) !default;
 
 $error-color: rgb(203, 7, 18) !default;
 $warning-color: rgb(255, 192, 31) !default;

lms/static/sass/shared/_course_filter.scss

@@ -21,7 +21,7 @@
     z-index: 9;
 
     &.fixed-top {
-      box-shadow: 0 1px 15px 0 rgba(0,0,0, 0.2), inset 0 0 0 1px rgba(255,255,255, 0.4);
+      box-shadow: 0 1px 15px 0 rgba(0, 0,0, 0.2), inset 0 0 0 1px rgba(255,255,255, 0.4);
       max-width: 1200px;
       position: fixed;
       top: 0;

lms/static/sass/shared/_course_object.scss

@@ -23,7 +23,7 @@
 
       @include box-sizing(border-box);
 
-      box-shadow: 0 1px 10px 0 rgba(0,0,0, 0.15), inset 0 0 0 1px rgba(255,255,255, 0.9);
+      box-shadow: 0 1px 10px 0 rgba(0, 0,0, 0.15), inset 0 0 0 1px rgba(255,255,255, 0.9);
       margin-bottom: ($baseline*1.5);
       position: relative;
       width: 100%;
@@ -68,11 +68,11 @@
       .meta-info {
         background: $dark-trans-bg;
         bottom: 6px;
-        border: 1px solid rgba(0,0,0, 0.5);
+        border: 1px solid rgba(0, 0,0, 0.5);
 
         @include border-right-radius(2px);
 
-        box-shadow: 0 1px 5px 0 rgba(0,0,0, 0.15);
+        box-shadow: 0 1px 5px 0 rgba(0, 0,0, 0.15);
 
         @include clearfix();
 

lms/static/sass/shared/_forms.scss

@@ -48,7 +48,7 @@ input[type="tel"] {
 
   &:focus {
     border-color: darken($button-archive-color, 50%);
-    box-shadow: 0 0 6px 0 darken($button-archive-color, 50%), inset 0 0 4px 0 rgba(0,0,0, 0.15);
+    box-shadow: 0 0 6px 0 darken($button-archive-color, 50%), inset 0 0 4px 0 rgba(0, 0,0, 0.15);
   }
 }
 

lms/static/sass/shared/_header.scss

@@ -212,7 +212,7 @@
     .user-dropdown-menu, .dropdown-menu {
       background: $white;
       border-radius: 4px;
-      box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.3);
+      box-shadow: 0 2px 2px 0 rgba(0, 0,0, 0.3);
       border: 1px solid $gray-l3;
       display: none;
       margin-top: 0;
@@ -295,7 +295,7 @@
 
     @include float(left);
 
-    .tab-nav-item{
+    .tab-nav-item {
       display: flex;
       margin: 0;
       text-transform: none;
@@ -304,19 +304,19 @@
 
       justify-content: center;
 
-      .tab-nav-link{
+      .tab-nav-link {
         font-size: em(16);
         color: $gray;
         padding: 5px 25px 23px;
         display: inline-block;
 
         &:hover,
-        &:focus{
+        &:focus {
           border-bottom: 4px solid $courseware-border-bottom-color;
         }
       }
 
-      .active{
+      .active {
         border-bottom: 4px solid $black-t3 !important;
       }
     }
@@ -437,7 +437,7 @@
   .nav-global {
     @include float(left);
 
-    .tab-nav-item{
+    .tab-nav-item {
       display: flex;
       margin: 0;
       text-transform: none;
@@ -446,19 +446,19 @@
 
       justify-content: center;
 
-      .tab-nav-link{
+      .tab-nav-link {
         font-size: em(16);
         color: $gray;
         display: inline-block;
         padding: 5px 25px 19px;
 
         &:hover,
-        &:focus{
+        &:focus {
           border-bottom: 4px solid $courseware-border-bottom-color;
         }
       }
 
-      .active{
+      .active {
         border-bottom: 4px solid $black-t3 !important;
       }
     }
@@ -624,7 +624,7 @@
     .user-dropdown-menu, .dropdown-menu {
       background: $border-color-4;
       border-radius: 4px;
-      box-shadow: 0 2px 24px 0 rgba(0,0,0, 0.3);
+      box-shadow: 0 2px 24px 0 rgba(0, 0,0, 0.3);
       border: 1px solid $border-color-3;
       display: none;
       margin-top: 0;

lms/static/sass/views/_account-settings.scss

@@ -87,7 +87,7 @@
           border-bottom: 4px solid $courseware-border-bottom-color !important;
         }
 
-        &.active{
+        &.active {
           border-bottom: 4px solid $black-t3 !important;
         }
       }
@@ -138,11 +138,11 @@
             position: relative;
             z-index: 10;
 
-            &::-ms-expand{
+            &::-ms-expand {
               display: none;
             }
 
-            ~ .icon-caret-down{
+            ~ .icon-caret-down {
               &::after {
                 content: "";
                 border-left: 6px solid transparent;

lms/static/sass/views/_shoppingcart.scss

@@ -936,7 +936,7 @@ $light-border: 1px solid $gray-l5;
     }
   }
 
-  .error-text{
+  .error-text {
     @extend %t-copy-sub2;
 
     display: block;

lms/static/sass/views/_teams.scss

@@ -45,7 +45,7 @@
   .page-header.has-secondary {
     .page-header-main {
       display: inline-block;
-      width: flex-grid(8,12);
+      width: flex-grid(8, 12);
     }
 
     .page-header-secondary {

lms/static/sass/views/_verification.scss

@@ -516,7 +516,7 @@
 
       .wrapper-sts {
         display: inline-block;
-        width: flex-grid(9,12);
+        width: flex-grid(9, 12);
         margin-bottom: ($baseline/4);
       }
 
@@ -1226,6 +1226,7 @@
     .copy {
       @extend %t-copy-lead1;
       @extend %t-weight4;
+
       @include left(calc(50% - 46px));
 
       position: absolute;

scripts/all-tests.sh

@@ -13,7 +13,7 @@ set -e
 # Violations thresholds for failing the build
 export PYLINT_THRESHOLD=3600
 export ESLINT_THRESHOLD=9134
-export STYLELINT_THRESHOLD=5155
+export STYLELINT_THRESHOLD=1942
 
 XSSLINT_THRESHOLDS=`cat scripts/xsslint_thresholds.json`
 export XSSLINT_THRESHOLDS=${XSSLINT_THRESHOLDS//[[:space:]]/}