lcms-engine 0.3.0 → 0.4.0

data/app/assets/stylesheets/lcms/engine/base/_ld-colors.scss

@@ -1,24 +1,24 @@
 $ub-ld-colorcodes: (
   activity-optional: #fee59e,
-  default-image-bg: transparentize(map-get($ub-colorcodes, default-base), .85),
-  ela-expand-bg: transparentize(map-get($ub-colorcodes, ela-base), .85),
-  ela-toggler-bg: transparentize(map-get($ub-colorcodes, ela-base), .7),
-  ela6-section-bg: transparentize(map-get($ub-colorcodes, ela-base), .85),
-  ela-image-bg: transparentize(map-get($ub-colorcodes, ela-base), .85),
+  default-image-bg: transparentize(map-get($ub-colorcodes, default-base), 0.85),
+  ela-expand-bg: transparentize(map-get($ub-colorcodes, ela-base), 0.85),
+  ela-toggler-bg: transparentize(map-get($ub-colorcodes, ela-base), 0.7),
+  ela6-section-bg: transparentize(map-get($ub-colorcodes, ela-base), 0.85),
+  ela-image-bg: transparentize(map-get($ub-colorcodes, ela-base), 0.85),
   gls-bg: #fff6cc,
   material-overlay: #423872,
   material-thumbnail-border: #ccc,
-  math-activity-bg: transparentize(map-get($ub-colorcodes, math-base), .85),
+  math-activity-bg: transparentize(map-get($ub-colorcodes, math-base), 0.85),
   math-activity-foundational: #4bb0db,
   math-activity-foundational-bg: #e4f7ff,
   math-activity-foundational-disabled-bg: #0088c2,
   math-activity-foundational-disabled-fg: #99e0ff,
   math-activity-foundational-guidance-bg: #d5effb,
   math-activity-foundational-switch-bg: #b0e1f8,
-  math-activity-guidance-bg: transparentize(map-get($ub-colorcodes, math-base), .85),
-  math-expand-bg: transparentize(map-get($ub-colorcodes, math-base), .85),
-  math-toggler-bg: transparentize(map-get($ub-colorcodes, math-base), .7),
-  math-image-bg: transparentize(map-get($ub-colorcodes, math-base), .85),
+  math-activity-guidance-bg: transparentize(map-get($ub-colorcodes, math-base), 0.85),
+  math-expand-bg: transparentize(map-get($ub-colorcodes, math-base), 0.85),
+  math-toggler-bg: transparentize(map-get($ub-colorcodes, math-base), 0.7),
+  math-image-bg: transparentize(map-get($ub-colorcodes, math-base), 0.85),
   pd-bg: #e8e7ed,
   pd-bg-dark: #8e89a9,
   section-optional: #fee59e,

data/app/assets/stylesheets/lcms/engine/components/_assoc-picker.scss

@@ -22,14 +22,14 @@
 }
 
 .o-assocpicker-close {
-  -moz-border-radius: 0 2px 2px 0;
-  -moz-box-sizing: border-box;
-  -webkit-border-radius: 0 2px 2px 0;
-  -webkit-box-sizing: border-box;
   border-left: 1px solid #d0d0d0;
   border-radius: 0 2px 2px 0;
+  border-radius: 0 2px 2px 0;
+  border-radius: 0 2px 2px 0;
   bottom: 0;
   box-sizing: border-box;
+  box-sizing: border-box;
+  box-sizing: border-box;
   color: inherit;
   display: inline-block;
   font-size: 12px;
@@ -59,5 +59,4 @@
 .c-assocpicker-submit {
   margin: 0 10% 2em;
   width: 80%;
-
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_activity.scss

@@ -9,11 +9,11 @@
   @include e(guidance) {
     @include add-column-padding($x: 1);
     @include add-gutter(margin, bottom, 1);
-    @include add-top-bottom-padding($y: .5);
+    @include add-top-bottom-padding($y: 0.5);
     background-color: map-get($ub-ld-colorcodes, math-activity-guidance-bg);
 
     @include m(title) {
-      @include add-gutter(margin, bottom, .5);
+      @include add-gutter(margin, bottom, 0.5);
       display: block;
 
       .o-ld-activity-foundational-skills & {
@@ -31,9 +31,11 @@
     margin: 2rem 0;
     padding: 2rem;
 
+    // stylelint-disable declaration-no-important
     p {
       margin: 0 !important;
     }
+    // stylelint-enable declaration-no-important
   }
 
   @include e(source) {
@@ -62,6 +64,7 @@
     }
   }
 
+  // stylelint-disable max-nesting-depth
   &.c-ld-toc {
     @include add-gutter(padding, top, 1);
     border-top: 4px solid map-get($ub-colorcodes, math-base);
@@ -78,4 +81,5 @@
   .o-ld-activity-foundational-skills & {
     background-color: map-get($ub-ld-colorcodes, math-activity-foundational-bg);
   }
+  // stylelint-enable max-nesting-depth
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_callout.scss

@@ -1,6 +1,6 @@
 .o-ld-callout {
   @include clearfix;
-  border-left: .125rem solid;
+  border-left: 0.125rem solid;
   float: right;
   font: italic 1.25rem / 1.3 $ub-serif;
   margin: 1.5rem 0 1.5rem 1.5rem;
@@ -24,16 +24,30 @@
   @include m(math) {
     border-color: map-get($ub-colorcodes, math-base);
 
-    &, *, ul, li, ol {
-      &, * { color: map-get($ub-colorcodes, math-base); }
+    &,
+    *,
+    ul,
+    li,
+    ol {
+      &,
+      * {
+        color: map-get($ub-colorcodes, math-base);
+      }
     }
   }
 
   @include m(ela) {
     border-color: map-get($ub-colorcodes, ela-base);
 
-    &, *, ul, li, ol {
-      &, * { color: map-get($ub-colorcodes, ela-base); }
+    &,
+    *,
+    ul,
+    li,
+    ol {
+      &,
+      * {
+        color: map-get($ub-colorcodes, ela-base);
+      }
     }
   }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_columns.scss

@@ -4,12 +4,13 @@
 }
 
 .o-ld-columns-table {
-  thead, tbody {
-    background-color: initial !important;
+  thead,
+  tbody {
+    background-color: initial !important; // stylelint-disable-line declaration-no-important
     border: zero;
   }
 
   tr {
-    background-color: initial !important;
+    background-color: initial !important; // stylelint-disable-line declaration-no-important
   }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_curriculum-map.scss

@@ -1,7 +1,7 @@
 .o-ld-map-bg {
   @include m(base) {
     background-color: $ub-white;
-    opacity: .3;
+    opacity: 0.3;
   }
 
   @include m(active) {
@@ -14,30 +14,39 @@
   }
 }
 
-
 .o-ld-map-module {
+  // stylelint-disable declaration-no-important
   @include m(ela) {
-    &, &:hover, &:focus {
+    &,
+    &:hover,
+    &:focus {
       color: map-get($ub-colorcodes, ela-base) !important;
     }
   }
   @include m(math) {
-    &, &:hover, &:focus {
+    &,
+    &:hover,
+    &:focus {
       color: map-get($ub-colorcodes, math-base) !important;
     }
   }
+  // stylelint-enable declaration-no-important
 }
 
 .o-ld-map-txt-link {
   @include m(base) {
-    &, &:hover, &:focus {
+    &,
+    &:hover,
+    &:focus {
       color: $ub-white;
-      opacity: .5;
+      opacity: 0.5;
     }
   }
 
   @include m(active) {
-    &, &:hover, &:focus {
+    &,
+    &:hover,
+    &:focus {
       color: $ub-white;
       opacity: 1;
     }

data/app/assets/stylesheets/lcms/engine/components/lesson/_def.scss

@@ -1,6 +1,6 @@
 .c-ld-keyword {
   cursor: help;
-  font-weight: bold !important;
+  font-weight: bold !important; // stylelint-disable-line declaration-no-important
   white-space: nowrap;
 
   @include m(ela) {
@@ -16,7 +16,7 @@
   @include txt-element-strict(ld-tooltip);
   background: map-get($ub-ld-colorcodes, tooltip-bg);
   border: 0;
-  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
   padding: 1rem;
 
   * {

data/app/assets/stylesheets/lcms/engine/components/lesson/_expand.scss

@@ -1,12 +1,4 @@
 .o-ld-expand {
-  &.o-ld-expand-math {
-    background-color: map-get($ub-ld-colorcodes, math-expand-bg);
-  }
-
-  &.o-ld-expand-ela {
-    background-color: map-get($ub-ld-colorcodes, ela-expand-bg);
-  }
-
   clear: both;
 
   @include e(content) {
@@ -22,7 +14,7 @@
     @include txt-element(button);
     cursor: pointer;
     display: block;
-    padding: .75rem 0;
+    padding: 0.75rem 0;
     text-align: center;
 
     @include m(hide) {
@@ -39,4 +31,12 @@
     background-color: map-get($ub-ld-colorcodes, math-toggler-bg);
     color: map-get($ub-colorcodes, math-base);
   }
+
+  &.o-ld-expand-math {
+    background-color: map-get($ub-ld-colorcodes, math-expand-bg);
+  }
+
+  &.o-ld-expand-ela {
+    background-color: map-get($ub-ld-colorcodes, ela-expand-bg);
+  }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_foundational-divider.scss

@@ -18,4 +18,3 @@
     height: 4px;
   }
 }
-

data/app/assets/stylesheets/lcms/engine/components/lesson/_group.scss

@@ -1,3 +1,5 @@
 .o-ld-group {
-  li > p { margin-bottom: 0; }
+  li > p {
+    margin-bottom: 0;
+  }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_icons.scss

@@ -9,7 +9,7 @@
 
   @include m(small) {
     @include icon-dim(12px);
-    margin-top: -.2rem;
+    margin-top: -0.2rem;
     vertical-align: middle;
   }
 

data/app/assets/stylesheets/lcms/engine/components/lesson/_image-wrap.scss

@@ -1,13 +1,13 @@
 .o-ld-image-wrap {
   @include m(math) {
-    @include add-top-bottom-padding(.5);
+    @include add-top-bottom-padding(0.5);
     @include clearfix;
     background: $ub-white;
     display: inline-block;
     width: 100%;
 
     > img {
-      height: auto !important;
+      height: auto !important; // stylelint-disable-line declaration-no-important
       max-width: 70%;
     }
   }

data/app/assets/stylesheets/lcms/engine/components/lesson/_inset.scss

@@ -1,6 +1,11 @@
 .o-ld-inset {
   margin-left: $list-side-margin * 2;
 
-  .text-bold { font-weight: 700; }
-  .text-italic { font-style: italic; }
+  .text-bold {
+    font-weight: 700;
+  }
+
+  .text-italic {
+    font-style: italic;
+  }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_materials.scss

@@ -1,5 +1,5 @@
 .o-ld-materials {
-  @include add-gutter(margin, top, .5);
+  @include add-gutter(margin, top, 0.5);
 
   @include e(content) {
     padding: 10px;

data/app/assets/stylesheets/lcms/engine/components/lesson/_multiple-choice.scss

@@ -2,7 +2,10 @@
   @include e(body) {
     .o-ld-multiple-choice {
       margin-left: $list-side-margin * 2;
-      p { line-height: 2; }
+
+      p {
+        line-height: 2;
+      }
     }
   }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_override.scss

@@ -5,7 +5,8 @@
     font-weight: normal;
   }
 
-  ol, ul {
+  ol,
+  ul {
     margin-bottom: 0;
   }
 
@@ -14,32 +15,49 @@
   }
 
   ol {
-    margin-left: .25rem;
+    margin-left: 0.25rem;
     padding-left: 1em;
-    > li::before { margin-left: -1em; }
+
+    > li::before {
+      margin-left: -1em;
+    }
   }
 
+  // stylelint-disable selector-no-qualifying-type
   ol.c-ld-ol {
     margin-left: 1.3rem;
   }
+  // stylelint-enable selector-no-qualifying-type
 
-  thead, tbody, tfoot { border: 0; }
+  thead,
+  tbody,
+  tfoot {
+    border: 0;
+  }
 
-  .indented { text-indent: $list-side-margin * 2; }
+  .indented {
+    text-indent: $list-side-margin * 2;
+  }
 
   // TODO: Quick fix, cg&lesson styles separated at pr 622
   // After merging with 622 should be checked, maybe we don't need this
-  sup, sub { font-size: 75% !important; }
+  sup,
+  sub {
+    font-size: 75% !important; // stylelint-disable-line declaration-no-important
+  }
 }
 
 .c-ld {
   @include m(ela-2) {
+    // stylelint-disable selector-no-qualifying-type
     h2.o-ld-title {
-      margin-top: $ub-large-margin * 2 !important;
+      margin-top: $ub-large-margin * 2 !important; // stylelint-disable-line declaration-no-important
     }
+    // stylelint-enable selector-no-qualifying-type
   }
 }
 
+// stylelint-disable max-nesting-depth
 .c-ld-table {
   @include e(wrap) {
     clear: both;
@@ -51,11 +69,12 @@
     background-color: $ub-white;
   }
 
-  td, th {
+  td,
+  th {
     border: 1px solid $ub-hr;
 
     p {
-      margin-bottom: initial !important;
+      margin-bottom: initial !important; // stylelint-disable-line declaration-no-important
     }
   }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_pd.scss

@@ -59,7 +59,7 @@
   @include e(title) {
     @include txt-element(ld-pd-title);
 
-    padding-top: .5rem;
+    padding-top: 0.5rem;
 
     .o-ld-pd--collapsed & {
       @include txt-element(ld-pd-title-collapsed);
@@ -114,7 +114,7 @@
   @include e(object) {
     height: 100%;
     max-width: 100%;
-    position: absolute !important;
+    position: absolute !important; // stylelint-disable-line declaration-no-important
     width: 100%;
   }
 
@@ -130,7 +130,7 @@
 
   @include e(overlay-bg) {
     background-color: $ub-primary;
-    opacity: .6;
+    opacity: 0.6;
   }
 
   @include e(overlay-icon) {
@@ -143,8 +143,8 @@
 }
 
 .o-ld-cg {
-  @include add-gutter(margin, bottom, .5);
-  @include add-gutter(margin, top, .5);
+  @include add-gutter(margin, bottom, 0.5);
+  @include add-gutter(margin, top, 0.5);
   @include flex;
   @include txt-element(ld-pd-cg);
 
@@ -165,8 +165,8 @@
   @include e(title) {
     @include txt-element(ld-pd-cg-title);
 
-    margin-bottom: 1rem !important;
-    margin-top: .5rem !important;
+    margin-bottom: 1rem !important; // stylelint-disable-line declaration-no-important
+    margin-top: 0.5rem !important; // stylelint-disable-line declaration-no-important
   }
 
   @include e(thumbnail) {

data/app/assets/stylesheets/lcms/engine/components/lesson/_pv.scss

@@ -1,15 +1,16 @@
 .o-ld-pv-content {
-  thead, tbody {
-    background-color: initial !important;
+  thead,
+  tbody {
+    background-color: initial !important; // stylelint-disable-line declaration-no-important
     border: zero;
   }
 
   tr {
-    background-color: initial !important;
+    background-color: initial !important; // stylelint-disable-line declaration-no-important
   }
 
   td {
+    @include add-top-bottom-padding();
     border: 1px solid;
-    @include add-top-bottom-padding()
   }
 }

data/app/assets/stylesheets/lcms/engine/components/lesson/_section.scss

@@ -12,15 +12,22 @@
   @include e(quote) {
     @include clearfix;
     border-color: map-get($ub-colorcodes, ela-base);
-    border-left: .125rem solid;
+    border-left: 0.125rem solid;
     float: right;
     font: italic 1.25rem / 1.3 $ub-serif;
     margin: 1.5rem 0 1rem 3.25rem;
     padding-left: 1.125rem;
     width: 50%;
 
-    &, *, ul, li, ol {
-      &, * { color: map-get($ub-colorcodes, ela-base); }
+    &,
+    *,
+    ul,
+    li,
+    ol {
+      &,
+      * {
+        color: map-get($ub-colorcodes, ela-base);
+      }
     }
   }
 

data/app/assets/stylesheets/lcms/engine/components/lesson/_selection-control.scss

@@ -1,4 +1,5 @@
-$shadow-color: rgba(0, 0, 0, .3);
+// stylelint-disable max-nesting-depth
+$shadow-color: rgba(0, 0, 0, 0.3);
 
 .o-ld-selection {
   @include flex;
@@ -8,7 +9,7 @@ $shadow-color: rgba(0, 0, 0, .3);
   @include e(label) {
     cursor: pointer;
     font-weight: bold;
-    margin-left: .5em;
+    margin-left: 0.5em;
   }
 
   @include e(switch) {
@@ -16,7 +17,7 @@ $shadow-color: rgba(0, 0, 0, .3);
     cursor: pointer;
     height: 1.1em;
     position: relative;
-    top: .1em;
+    top: 0.1em;
     width: 2.5em;
 
     &::before,
@@ -37,12 +38,12 @@ $shadow-color: rgba(0, 0, 0, .3);
     &::after {
       background-color: currentColor;
       border-radius: 100%;
-      bottom: -.15em;
+      bottom: -0.15em;
       box-shadow: 0 2px 5px $shadow-color;
-      left: -.15em;
+      left: -0.15em;
       margin-left: 1.3em;
-      top: -.15em;
-      transition: margin .15s;
+      top: -0.15em;
+      transition: margin 0.15s;
       width: 1.3em;
     }
   }
@@ -52,7 +53,7 @@ $shadow-color: rgba(0, 0, 0, .3);
   .o-ld-selection {
     @include e(switch) {
       &::after {
-        margin-left: .15em;
+        margin-left: 0.15em;
       }
     }
   }
@@ -86,10 +87,12 @@ $shadow-color: rgba(0, 0, 0, .3);
       }
     }
 
+    // stylelint-disable selector-max-compound-selectors
     .o-material-wrapper,
     .c-ld-toc > *:not(.u-txt--title-type):not(.o-ld-title) {
       display: none;
     }
+    // stylelint-enable selector-max-compound-selectors
   }
 }
 
@@ -145,12 +148,14 @@ $shadow-color: rgba(0, 0, 0, .3);
       }
     }
 
+    // stylelint-disable selector-max-compound-selectors
     .o-ld-activity__source,
     .o-material-wrapper,
     .o-ld-materials,
     .c-ld-toc > div > *:not(.u-txt--title-type):not(.o-ld-title):not(.u-txt--ld-activity-teaser) {
       display: none;
     }
+    // stylelint-enable selector-max-compound-selectors
   }
 }
 
@@ -167,6 +172,7 @@ $shadow-color: rgba(0, 0, 0, .3);
     }
   }
 
+  // stylelint-disable declaration-no-important
   @include e(title) {
     @include txt-element(lesson-title);
     color: map-get($ub-selection, modal-title-fg) !important;