Studio: updating Sass ui-disabled placholder syntax and creating utility is-disabled class

Studio: revising .fake-link utility class to use Sass placeholder and syncing commenting style

LMS: updating Sass ui-disabled placholder syntax and creating utility is-disabled class

Studio: adding in basic action Sass placeholder for use in enabling/disabling UI

Studio: applying action Sass placeholder to publish/create-draft Unit view actions

STUD-1497

cms/static/sass/_base.scss

@@ -782,12 +782,20 @@ hr.divide {
 // ====================
 
 // basic utility
+
+// UI - semantically hide text
 .sr {
   @extend %cont-text-sr;
 }
 
+// UI - faking a link's behavior
 .fake-link {
-  cursor: pointer;
+  @extend %ui-fake-link;
+}
+
+// UI - disabled
+.is-disabled {
+  @extend %ui-disabled;
 }
 
 .non-list {

cms/static/sass/elements/_controls.scss

@@ -1,6 +1,21 @@
 // studio - elements - UI controls
 // ====================
 
+// ====================
+
+// general actions
+%action {
+  @extend %ui-fake-link;
+
+  &.is-disabled {
+    @extend %ui-disabled;
+    -webkit-filter: grayscale(65%);
+    opacity: 0.65;
+  }
+}
+
+// ====================
+
 // gray primary button
 %btn-primary-gray {
   @extend %ui-btn-primary;

cms/static/sass/views/_unit.scss

@@ -1038,6 +1038,7 @@ body.unit {
     padding: $baseline/2 $baseline;
   }
 
+
   .unit-actions {
     border-bottom: none;
     padding-bottom: 0;
@@ -1055,8 +1056,16 @@ body.unit {
     div {
       margin-top: 15px;
     }
-  }
 
+    // actions - publish/edit
+    .publish-draft {
+      @extend %action;
+    }
+
+    .create-draft {
+      @extend %action;
+    }
+  }
 
 
   input[type="radio"] {

common/static/sass/_mixins.scss

@@ -106,6 +106,7 @@
 %ui-disabled {
   pointer-events: none;
   outline: none;
+  cursor: default;
 }
 
 // extends - UI - depth levels

lms/static/sass/base/_base.scss

@@ -222,10 +222,6 @@ mark {
   }
 }
 
-.sr {
-  @extend %text-sr;
-}
-
 .help-tab {
   @include transform(rotate(-90deg));
   @include transform-origin(0 0);
@@ -286,7 +282,19 @@ mark {
   height: 150px;
 }
 
-// ui - skipnav
+// ====================
+
+// UI - disabled state
+.is-disabled {
+  @extend %ui-disabled;
+}
+
+// UI - semantically hide text
+.sr {
+  @extend %text-sr;
+}
+
+// UI - skipnav
 .nav-skip {
   display: block;
   position: absolute;

lms/static/sass/base/_mixins.scss

@@ -87,6 +87,7 @@
 %ui-disabled {
   pointer-events: none;
   outline: none;
+  cursor: default;
 }
 
 // extends - UI - depth levels