lcms-engine 0.3.1 → 0.4.0

data/app/assets/stylesheets/lcms/engine/print/_gdoc-base.scss

@@ -1,46 +1,19 @@
-@import
-  'gdoc/helpers';
+@import 'gdoc/helpers';
 
-@import
-  'gdoc/typography',
-  'gdoc/base',
-  'gdoc/mixins',
-  'helpers';
+@import 'gdoc/typography', 'gdoc/base', 'gdoc/mixins', 'helpers';
 
-@import
-  'gdoc/base-typography',
-  'gdoc/header';
+@import 'gdoc/base-typography', 'gdoc/header';
 
-@import
-  'gdoc/lesson/activity',
-  'gdoc/lesson/agenda',
-  'gdoc/lesson/callout',
-  'gdoc/lesson/def',
-  'gdoc/lesson/dialogue',
-  'gdoc/lesson/expand',
-  'gdoc/lesson/foundational-divider',
-  'gdoc/lesson/hr',
-  'gdoc/lesson/icons',
-  'gdoc/lesson/image',
-  'gdoc/lesson/image-wrap',
-  'gdoc/lesson/indent',
-  'gdoc/lesson/inset',
-  'gdoc/lesson/optbreak',
-  'gdoc/lesson/section',
-  'gdoc/lesson/smp',
-  'gdoc/lesson/tables',
-  'gdoc/lesson/title';
+@import 'gdoc/lesson/activity', 'gdoc/lesson/agenda', 'gdoc/lesson/callout', 'gdoc/lesson/def', 'gdoc/lesson/dialogue',
+  'gdoc/lesson/expand', 'gdoc/lesson/foundational-divider', 'gdoc/lesson/hr', 'gdoc/lesson/icons', 'gdoc/lesson/image',
+  'gdoc/lesson/image-wrap', 'gdoc/lesson/indent', 'gdoc/lesson/inset', 'gdoc/lesson/optbreak', 'gdoc/lesson/section',
+  'gdoc/lesson/smp', 'gdoc/lesson/tables', 'gdoc/lesson/title';
 
-@import
-  'gdoc/material/header';
+@import 'gdoc/material/header';
 
-@import
-  'lesson/def',
-  'lesson/expand',
+@import 'lesson/def', 'lesson/expand',
   //'lesson/image',
   'lesson/pd',
   'lesson/pv';
 
-@import
-  'material/header',
-  'material/list';
+@import 'material/header', 'material/list';

data/app/assets/stylesheets/lcms/engine/print/_helpers.scss

@@ -1,5 +1,5 @@
 .nobreak {
-  page-break-before: avoid !important;
+  page-break-before: avoid !important; // stylelint-disable-line declaration-no-important
 }
 
 .u-pdf-alwaysbreak,
@@ -9,8 +9,11 @@
 
 .u-pdf-nobreak,
 %u-pdf-nobreak {
-  &:before { clear: both; }
   page-break-inside: avoid;
+
+  &::before {
+    clear: both;
+  }
 }
 
 .u-pdf-nobreak--around {

data/app/assets/stylesheets/lcms/engine/print/_lesson-base.scss

@@ -1,18 +1,6 @@
 .c-ld__body--pdf {
   @include ld-custom-styles;
 
-  @import
-    'lesson/base-typography',
-    'lesson/callout',
-    'lesson/def',
-    'lesson/expand',
-    'lesson/group',
-    'lesson/image',
-    'lesson/materials',
-    'lesson/optbreak',
-    'lesson/pd',
-    'lesson/pv',
-    'lesson/section',
-    'lesson/smp',
-    'lesson/title';
+  @import 'lesson/base-typography', 'lesson/callout', 'lesson/def', 'lesson/expand', 'lesson/group', 'lesson/image',
+    'lesson/materials', 'lesson/optbreak', 'lesson/pd', 'lesson/pv', 'lesson/section', 'lesson/smp', 'lesson/title';
 }

data/app/assets/stylesheets/lcms/engine/print/_material-base.scss

@@ -1,3 +1 @@
-@import
-  'material/content',
-  'material/list';
+@import 'material/content', 'material/list';

data/app/assets/stylesheets/lcms/engine/print/_print.scss

@@ -3,13 +3,20 @@
 }
 
 @media print {
-    // Unbounded specific
-    html, body {
-      background: none;
-    }
-
-    header, footer, .o-btn, .o-ub-btn, .o-filterbar, .o-sidebar-nav, .c-cg-content__sidebar, .c-ld__sidebar {
-      display: none;
-    }
+  // Unbounded specific
+  html,
+  body {
+    background: none;
+  }
 
+  header,
+  footer,
+  .o-btn,
+  .o-ub-btn,
+  .o-filterbar,
+  .o-sidebar-nav,
+  .c-cg-content__sidebar,
+  .c-ld__sidebar {
+    display: none;
+  }
 }

data/app/assets/stylesheets/lcms/engine/print/_toc.scss

@@ -1,8 +1,5 @@
+// stylelint-disable selector-max-compound-selectors
 .c-pdf-toc {
-  h1 {
-    @include txt-pdf-element(h3);
-  }
-
   @include e(l1) {
     @include txt-pdf-element(toc-l1);
   }
@@ -12,9 +9,27 @@
     margin-bottom: 30px;
   }
 
-  ul { padding-left: 0; }
-  ul ul ul { display: none; }
-  span { float: right; }
-  li { list-style: none; }
-  a { text-decoration: none; }
+  h1 {
+    @include txt-pdf-element(h3);
+  }
+
+  ul {
+    padding-left: 0;
+  }
+
+  ul ul ul {
+    display: none;
+  }
+
+  span {
+    float: right;
+  }
+
+  li {
+    list-style: none;
+  }
+
+  a {
+    text-decoration: none;
+  }
 }

data/app/assets/stylesheets/lcms/engine/print/gdoc/_base-typography.scss

@@ -1,12 +1,30 @@
-h1, h2, h3, h4, h5 {
+h1,
+h2,
+h3,
+h4,
+h5 {
   @extend %u-pdf-nobreak;
 }
 
-h1 { @include txt-gdoc-element(h1); }
-h2 { @include txt-gdoc-element(h2); }
-h3 { @include txt-gdoc-element(h3); }
-h4 { @include txt-gdoc-element(h4); }
-h5 { @include txt-gdoc-element(h5); }
+h1 {
+  @include txt-gdoc-element(h1);
+}
+
+h2 {
+  @include txt-gdoc-element(h2);
+}
+
+h3 {
+  @include txt-gdoc-element(h3);
+}
+
+h4 {
+  @include txt-gdoc-element(h4);
+}
+
+h5 {
+  @include txt-gdoc-element(h5);
+}
 
 body {
   @include txt-gdoc-element(base);

data/app/assets/stylesheets/lcms/engine/print/gdoc/_base.scss

@@ -1,5 +1,8 @@
 table {
-  td, tr { border: 0; }
+  td,
+  tr {
+    border: 0;
+  }
 }
 
 a {
@@ -11,9 +14,11 @@ p {
   padding-bottom: 11pt;
   padding-top: 0;
 
+  // stylelint-disable selector-no-qualifying-type
   &.u-gdoc-empty-p {
     padding-bottom: 0;
   }
+  // stylelint-enable selector-no-qualifying-type
 }
 
 span > p {
@@ -21,7 +26,9 @@ span > p {
 }
 
 ol {
-  &, li, li:before {
-    font-family: 'Calibri' !important;
+  &,
+  li,
+  li::before {
+    font-family: 'Calibri' !important; // stylelint-disable-line declaration-no-important
   }
 }

data/app/assets/stylesheets/lcms/engine/print/gdoc/_colors.scss

@@ -2,9 +2,9 @@ $ub-gdoc-link: #15c;
 
 $ub-ld-colorcodes: (
   activity-optional: #fee59e,
-  default-image-bg: transparentize(map-get($ub-colorcodes, default-base), .85),
+  default-image-bg: transparentize(map-get($ub-colorcodes, default-base), 0.85),
   ela-expand-bg: #fee6df,
-  ela-toggler-bg: transparentize(map-get($ub-colorcodes, ela-base), .7),
+  ela-toggler-bg: transparentize(map-get($ub-colorcodes, ela-base), 0.7),
   ela6-section-bg: #fee6df,
   ela-image-bg: darken(#fee6df, 5%),
   gls-bg: #fff6cc,
@@ -17,7 +17,7 @@ $ub-ld-colorcodes: (
   math-activity-foundational-switch-bg: #b0e1f8,
   math-activity-guidance-bg: darken(#d8f1ef, 5%),
   math-expand-bg: #d8f1ef,
-  math-toggler-bg: transparentize(map-get($ub-colorcodes, math-base), .7),
+  math-toggler-bg: transparentize(map-get($ub-colorcodes, math-base), 0.7),
   math-image-bg: darken(#d8f1ef, 5%),
   pd-bg: #e8e7ed,
   pd-bg-dark: #8e89a9,

data/app/assets/stylesheets/lcms/engine/print/gdoc/_header.scss

@@ -1,7 +1,7 @@
 .c-gdoc-header {
   border: 0;
-  margin-left: - map-get($gdoc-spacing, large);
-  margin-right: - map-get($gdoc-spacing, large);
+  margin-left: -map-get($gdoc-spacing, large);
+  margin-right: -map-get($gdoc-spacing, large);
 
   @include e(wrap) {
     padding: 7.2pt map-get($gdoc-spacing, large);

data/app/assets/stylesheets/lcms/engine/print/gdoc/_helpers.scss

@@ -1,3 +1,4 @@
+// stylelint-disable declaration-no-important
 $list-side-margin: 18pt;
 
 $gdoc-spacing: (

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_activity.scss

@@ -1,6 +1,6 @@
+// stylelint-disable declaration-no-important, max-nesting-depth
 .o-ld-activity-wrapper {
   .o-simple-table.o-ld-activity__optional {
-
     td {
       background-color: map-get($ub-ld-colorcodes, activity-optional);
       padding: 20pt;

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_agenda.scss

@@ -1,10 +1,16 @@
 .o-agenda {
   @include e(item) {
     padding: 5pt;
-    p { padding: 0; }
+
+    p {
+      padding: 0;
+    }
   }
 
-  tr, td { border: 0; }
+  tr,
+  td {
+    border: 0;
+  }
 
   td {
     border-bottom: 1pt dotted $ub-hr;

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_callout.scss

@@ -12,18 +12,28 @@
 
   @include e(content) {
     @include m(ela) {
-      &, *, ul, li, ol {
-        &, * {
-          background-color: initial !important;
+      &,
+      *,
+      ul,
+      li,
+      ol {
+        &,
+        * {
+          background-color: initial !important; // stylelint-disable-line declaration-no-important
           color: map-get($ub-colorcodes, ela-base);
         }
       }
     }
 
     @include m(math) {
-      &, *, ul, li, ol {
-        &, * {
-          background-color: initial !important;
+      &,
+      *,
+      ul,
+      li,
+      ol {
+        &,
+        * {
+          background-color: initial !important; // stylelint-disable-line declaration-no-important
           color: map-get($ub-colorcodes, math-base);
         }
       }

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_def.scss

@@ -1,5 +1,5 @@
 .c-ld-keyword {
-  font-weight: bold !important;
+  font-weight: bold !important; // stylelint-disable-line declaration-no-important
   white-space: nowrap;
 
   @include m(ela) {

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_dialogue.scss

@@ -1,3 +1,5 @@
 .o-ld-dialogue {
-  p { margin-bottom: map-get($gdoc-spacing, base); }
+  p {
+    margin-bottom: map-get($gdoc-spacing, base);
+  }
 }

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_expand.scss

@@ -1,7 +1,10 @@
+// stylelint-disable declaration-no-important, max-nesting-depth, selector-max-compound-selectors
 .o-ld-expand.o-simple-table {
   td {
-
-    > h3, > ol, > p, > ul {
+    > h3,
+    > ol,
+    > p,
+    > ul {
       background-color: initial !important;
 
       :not(.o-ld-gls) {

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

@@ -4,10 +4,12 @@
 
     img {
       display: block;
-      height: auto !important;
-      max-width: 100% !important;
+      height: auto !important; // stylelint-disable-line declaration-no-important
+      max-width: 100% !important; // stylelint-disable-line declaration-no-important
     }
   }
 
-  @include e(img) { width: 100%; }
+  @include e(img) {
+    width: 100%;
+  }
 }

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_image.scss

@@ -16,5 +16,5 @@
 
 .o-google-chart {
   height: 50%;
-  vertical-align: middle !important;
+  vertical-align: middle !important; // stylelint-disable-line declaration-no-important
 }

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_optbreak.scss

@@ -1,3 +1,4 @@
+// stylelint-disable declaration-no-important
 .o-ld-optbreak {
   @include e(divider) {
     border-bottom: 1pt dotted $ub-hr !important;

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_section.scss

@@ -1,3 +1,4 @@
+// stylelint-disable declaration-no-important, max-nesting-depth, selector-max-compound-selectors
 .o-ld-section {
   @include e(quote) {
     @extend %u-pdf-nobreak;
@@ -12,7 +13,9 @@
 .o-ld-section-wrapper {
   .o-simple-table {
     td {
-      > ol, > p, > ul {
+      > ol,
+      > p,
+      > ul {
         background-color: initial !important;
 
         :not(.o-ld-gls) {

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_smp.scss

@@ -1,3 +1,4 @@
+// stylelint-disable declaration-no-important
 .o-ld-smp {
   @include e(bracket) {
     border-bottom: 2pt solid map-get($ub-colorcodes, math-base) !important;

data/app/assets/stylesheets/lcms/engine/print/gdoc/lesson/_tables.scss

@@ -1,3 +1,4 @@
+// stylelint-disable declaration-no-important, max-nesting-depth
 .cs-border-top--ela {
   border-top: 4px solid map-get($ub-colorcodes, ela-base) !important;
 }
@@ -33,11 +34,18 @@
     width: 10%;
   }
 
-  td, tr { border: 0; }
+  td,
+  tr {
+    border: 0;
+  }
 }
 
 .o-native-table {
-  td, th {
-    p { padding: 0; }
+  td,
+  th {
+    p {
+      padding: 0;
+    }
   }
 }
+// stylelint-enable declaration-no-important, max-nesting-depth

data/app/assets/stylesheets/lcms/engine/print/gdoc/material/_header.scss

@@ -1,9 +1,12 @@
 .o-m-header {
   @include m(border-bottom) {
-    border-bottom: 1pt solid $ub-pdf-black !important;
+    border-bottom: 1pt solid $ub-pdf-black !important; // stylelint-disable-line declaration-no-important
   }
 
   @include m(gdoc) {
-    td, td p { padding: 0; }
+    td,
+    td p {
+      padding: 0;
+    }
   }
 }

data/app/assets/stylesheets/lcms/engine/print/lesson/_base-typography.scss

@@ -1,25 +1,49 @@
-p, ol, ul {
-  &, * {
+p,
+ol,
+ul {
+  &,
+  * {
     @include txt-element-strict(ld-base, $ub-pdf-typography);
     orphans: 2;
     widows: 2;
   }
 
+  // stylelint-disable max-nesting-depth
   i {
-    .fa { font: normal normal normal 14px/1 FontAwesome; }
+    .fa {
+      font: normal normal normal 14px/1 FontAwesome;
+    }
   }
+  // stylelint-enable max-nesting-depth
 }
 
-h1, h2, h3, h4, h5 {
+h1,
+h2,
+h3,
+h4,
+h5 {
   @extend %u-pdf-nobreak;
   padding-top: 0;
 }
 
-h2 { @include txt-pdf-element(ld-h2); }
-h3 { @include txt-pdf-element(ld-h3); }
-h4 { @include txt-pdf-element(ld-h4); }
-h5 { @include txt-pdf-element(ld-h5); }
+h2 {
+  @include txt-pdf-element(ld-h2);
+}
+
+h3 {
+  @include txt-pdf-element(ld-h3);
+}
+
+h4 {
+  @include txt-pdf-element(ld-h4);
+}
+
+h5 {
+  @include txt-pdf-element(ld-h5);
+}
 
 // TODO: Quick fix, cg&lesson styles separated at pr 622
 // After merging with 622 should be removed
-sup { vertical-align: initial !important; }
+sup {
+  vertical-align: initial !important; // stylelint-disable-line declaration-no-important
+}

data/app/assets/stylesheets/lcms/engine/print/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/print/lesson/_image.scss

@@ -1,5 +1,7 @@
 .o-ld-image {
   @include e(container) {
-    img { width: 30%; }
+    img {
+      width: 30%;
+    }
   }
 }

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

@@ -8,6 +8,6 @@
   }
 
   @include e(toggler) {
-    display: none !important;
+    display: none !important; // stylelint-disable-line declaration-no-important
   }
 }