docs.edx.org: syncs Sass mixin naming conventions

edx-docs/assets/sass/_base.scss

@@ -36,7 +36,7 @@ body {
 
 // layout
 [class^="wrapper-"] {
-  @extend %wrapper;
+  @extend %ui-wrapper;
   padding: 0;
 
   > * {
@@ -45,7 +45,7 @@ body {
 }
 
 .sr, hr.divider {
-  @extend %text-sr;
+  @extend %ui-text-sr;
 }
 
 // ====================
@@ -57,5 +57,5 @@ strong {
 
 //  reset: lists
 .list--actions, .list--docs, .list--steps, .list--controls, .list--fields, .list--help, .nav--wizard, .list--tips, .field--group {
-  @extend %no-list;
+  @extend %ui-no-list;
 }

edx-docs/assets/sass/elements/_footer.scss

@@ -2,53 +2,20 @@
 // ====================
 
 // primary footer
-	.wrapper-outer-footer {
-		box-shadow: inset 0 1px 1px 1px $shadow-l1;
-		display: inline-block;
-    background: $blue-d2 url('../images/bg-mast.png') 0 0 repeat;
+.wrapper--footer {
 
-   	.wrapper-footer {
-  		@include outer-container;
-    	@include pad(($baseline*2) ($baseline*3));
-
-    	@include media($bp-m) {
-      	@include pad(($baseline) ($baseline*2));
-    	}
-
-    	footer.primary {
-    		@include span-columns(12);
-    		color: $gray-l2;
-
-    		.copy {
-    			color: $gray-l4;
-    		}
-
-        .privacy {
-          text-align: right;
-        }
-
-    		.privacy,
-        .copyright {
-    			@extend %trans-size;
-    			@extend %t-copy-sub1;
-    			@include span-columns(6 of 12);
+}
 
-          @include media($bp-ds) {
-            @include fill-parent;
-            margin-bottom: ($baseline/2);
-            text-align: center;
-          }
+.footer--primary {
+  @include span-columns(12);
+  margin: ($baseline*1.5) 0;
 
-          @include media($bp-m) {
-            @include fill-parent;
-            margin-bottom: ($baseline/2);
-            text-align: center;
-          }
+  .content--copyright {
+    text-align: center;
+  }
 
-          a {
-            color: $white;
-        }
-      }
-    }
+  .copyright__copy {
+    @extend %t-copy-sub1;
   }
 }
+

edx-docs/assets/sass/elements/_icons.scss

@@ -25,7 +25,7 @@
   // OPTION: add this class for a visual hanging display
   &.is-hanging {
     @include box-sizing(border-box);
-    @extend %depth2;
+    @extend %ui-depth2;
     top: -($baseline/4);
 
     &:after {

edx-docs/assets/sass/elements/_navigation.scss

@@ -5,7 +5,7 @@
 nav {
 
   ol, ul {
-    @extend %no-list;
+    @extend %ui-no-list;
   }
 
   .nav-item {

edx-docs/assets/sass/utilities/_mixins.scss

@@ -39,13 +39,13 @@
 // ====================
 
 // extends - layout
-%wrapper {
+%ui-wrapper {
   @include clearfix();
   @include box-sizing(border-box);
   width: 100%;
 }
 
-%no-list {
+%ui-no-list {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -58,14 +58,14 @@
 }
 
 // image-replacement hidden text
-%text-hide {
+%ui-text-hide {
   text-indent: 200%;
   white-space: nowrap;
   overflow: hidden;
 }
 
 // hidden elems - screenreaders
-%text-sr {
+%ui-text-sr {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
@@ -77,23 +77,23 @@
 }
 
 // wrapping
-%text-wrap {
+%ui-text-wrap {
   text-wrap: wrap;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   word-wrap: break-word;
 }
 
-%fake-link {
+%ui-fake-link {
   cursor: pointer;
 }
 
-%disabled {
+%ui-disabled {
   pointer-events: none;
   outline: none;
 }
 
-%icon-inline {
+%ui-icon-inline {
   @extend %t-icon;
   display: inline-block;
   vertical-align: middle;
@@ -101,7 +101,7 @@
 }
 
 // nth-type style clearing
-%wipe-first-child {
+%ui-wipe-first-child {
 
   &:first-child {
     margin-top: 0;
@@ -110,7 +110,7 @@
   }
 }
 
-%wipe-last-child {
+%ui-wipe-last-child {
 
   &:last-child {
     margin-bottom: 0;
@@ -120,12 +120,12 @@
 }
 
 // extends - depth levels
-%depth0 { z-index: 0; }
-%depth1 { z-index: 10; }
-%depth2 { z-index: 100; }
-%depth3 { z-index: 1000; }
-%depth4 { z-index: 10000; }
-%depth5 { z-index: 100000; }
+%ui-depth0 { z-index: 0; }
+%ui-depth1 { z-index: 10; }
+%ui-depth2 { z-index: 100; }
+%ui-depth3 { z-index: 1000; }
+%ui-depth4 { z-index: 10000; }
+%ui-depth5 { z-index: 100000; }
 
 // extends - transition
 %trans-size {

edx-docs/assets/sass/views/_index.scss

@@ -29,7 +29,7 @@
     color: $gray-l2;
 
     p {
-      @extend %wipe-last-child;
+      @extend %ui-wipe-last-child;
       margin-bottom: $baseline;
     }
   }
@@ -38,7 +38,7 @@
 
   // elems: info bits
   .info {
-    @extend %wipe-last-child;
+    @extend %ui-wipe-last-child;
     margin-bottom: ($baseline*2);
   }
 
@@ -110,7 +110,7 @@
       margin-top: $baseline;
 
       .item-link {
-        @extend %wipe-last-child;
+        @extend %ui-wipe-last-child;
         margin-bottom: $baseline;
         border-bottom: 1px solid $gray-l5;
         padding-bottom: $baseline;
@@ -349,7 +349,7 @@
 
     .deco__doc1 {
       @include font-size(72);
-      @extend %depth1;
+      @extend %ui-depth1;
       left: -($baseline*2);
 
       .icon-stack-base {
@@ -364,7 +364,7 @@
 
     .deco__doc2 {
       @include font-size(100);
-      @extend %depth3;
+      @extend %ui-depth3;
       left: ($baseline*1.5);
 
       .icon-stack-base {
@@ -378,7 +378,7 @@
 
     .deco__doc3 {
       @include font-size(72);
-      @extend %depth2;
+      @extend %ui-depth2;
       right: -($baseline*2);
 
       .icon-stack-base {
@@ -455,7 +455,7 @@
     // elem: audience lists
     .item-audience {
       @extend .trans-size;
-      @extend %wipe-last-child;
+      @extend %ui-wipe-last-child;
       @include span-columns(3 of 9);
       position: relative;
 
@@ -519,24 +519,4 @@
       @extend %t-copy-sub1;
     }
   }
-
-  // ====================
-
-  // footer
-  .footer--primary {
-    @include span-columns(12);
-    margin: ($baseline*1.5) 0;
-
-    .content--copyright {
-      text-align: center;
-    }
-
-    .copyright__copy {
-      @extend %t-copy-sub1;
-    }
-  }
-
-  // ====================
-
-
 }