lcms-engine 0.1.0

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

@@ -0,0 +1,11 @@
+@mixin gdoc-clearfix {
+  &::before,
+  &::after {
+    content: ' ';
+    display: table;
+  }
+
+  &::after {
+    clear: both;
+  }
+}

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

@@ -0,0 +1,65 @@
+$ub-cursive: 'Sriracha', cursive;
+
+$ub-gdoc-typography: (
+  // agenda
+  agenda-header: (font-size: 9pt, color: #7f8184, font-weight: bold, line-height: 1),
+  agenda-l1-title: (font-size: 14pt, color: #4c4c4c, font-weight: bold, line-height: 1),
+  agenda-l1-time: (font-size: 11pt, font-style: italic, line-height: 1),
+  agenda-l2: (font-size: 9pt, line-height: 1),
+  agenda-l2-title: (font-size: 11pt, line-height: 1),
+  agenda-l2-time: (font-style: italic),
+  // base
+  title: (color: #4c4c4c, font-weight: bold, font-size: 30pt, line-height: 1, padding-top: 20pt, padding-bottom: 10pt),
+  title-type: (font-weight: bold),
+  subtitle: (color: #7f8184, font-size: 14pt, line-height: 1, font-style: italic),
+  base: (line-height: 1, font-size: 11pt, color: #000, font-family: 'Calibri'),
+  h1: (color: #000, font-weight: bold, font-size: 22pt, line-height: 1, padding-top: 20pt, padding-bottom: 4pt, margin: 0),
+  h2: (color: #4c4c4c, font-weight: bold, font-size: 16pt, line-height: 1, text-transform: uppercase, padding-top: 18pt, padding-bottom: 6pt, margin: 0),
+  h3: (line-height: 1.15, color: #434343, font-weight: bold, font-size: 18pt, padding-top: 16pt, padding-bottom: 4pt, margin: 0 !important),
+  h4: (color: #4c4c4c, font-weight: bold, font-size: 14pt, line-height: 1.15, padding-top: 15pt, padding-bottom: 5pt, margin: 0),
+  h5: (color: #000, font-weight: bold, font-size: 11pt, line-height: 1.15, padding: 0, margin: 0),
+  h6: (color: #666, font-size: 8pt, line-height: 1.15, padding: 0, margin: 0),
+  header-breadcrumb: (color: #fff, font-size: 10pt, line-height: 1, font-weight: bold, padding: 0),
+  header-teaser: (color: #000, font-size: 14pt, font-style: italic, padding-bottom: 20pt),
+  // Lessons
+  ld-activity-h2: (font-size: 22pt, line-height: 1, padding-top: 0, padding-bottom: 0, margin: 0),
+  ld-activity-h3: (line-height: 1, padding-top: 0, padding-bottom: 4pt, margin: 0),
+  ld-activity-h2time: (font-size: 14pt, vertical-align: baseline, line-height: 1, color: #434343, font-style: italic, padding-top: 0, padding-bottom: 4pt, margin: 0),
+  ld-activity-h3time: (line-height: 1, color: #434343, font-style: italic, padding-top: 0, padding-bottom: 4pt, margin: 0),
+  ld-activity-teaser: (color: #7f8184, font-style: italic),
+  ld-callout-header: (font-weight: bold, font-style: italic, padding: 0, margin: 0),
+  pullquote: (color: #69618d, font-style: italic),
+  ld-math-foundational-divider: (color: $ub-white, font-size: 14.5pt, font-weight: bold, 'line-height': 1.4),
+  ld-optbreak: (color: #555, font-size: 14.5pt, line-height: 1, font-weight: bold, font-style: normal),
+  ld-pd-caption: (color: #8e89a9, font-weight: bold),
+  ld-pd-cg-header: (color: #69618d, font-style: italic),
+  ld-pd-cg-title: (color: #69618d, font-style: italic),
+  ld-pd-title: (color: #69618d, padding: 0, margin: 0, font-weight: bold),
+  ld-smp: ('font-size': 11pt, 'line-height': 1,'font-weight': bold, text-align: right, padding-right: 5pt),
+  ld-summary: (color: #7f8184, font-style: italic !important),
+  ld-white-placeholder-title: ('font-size': 12pt, 'font-weight': bold),
+  ld-white-placeholder-colored-title: ('font-size': initial !important, 'font-weight': bold, color: initial !important),
+  // Materials
+  m-footer-small: ('font-size': 6pt, 'line-height': 8pt, color: #7f8184),
+  m-footer-page: ('font-size': 11pt, 'line-height': 12pt, color: #7f8184, font-style: italic),
+  m-header-kicker: ('font-size': 11pt, 'line-height': 12pt, font-weight: bold, color: #7f8184),
+  m-header-title: ('font-size': 30pt, 'line-height': 1, font-weight: bold, color: $ub-pdf-black, padding-top: 0, margin-top: 0),
+  m-header-dt-title: (font-size: 15pt, 'line-height': 1, color: $ub-pdf-black),
+  m-header-dt-value: (font-size: 15pt, 'line-height': 1, font-family: $ub-cursive, color: #433a82),
+);
+
+p {
+  font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  text-rendering: optimizeSpeed; //optimize-speed
+}
+
+@mixin txt-gdoc-element($element) {
+  @include txt-element($element, $ub-gdoc-typography);
+}
+
+@each $element, $typo in $ub-gdoc-typography {
+  .u-txt--#{$element} {
+    @include txt-element($element, $ub-gdoc-typography);
+  }
+}

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

@@ -0,0 +1,21 @@
+.o-ld-activity-wrapper {
+  .o-simple-table.o-ld-activity__optional {
+
+    td {
+      background-color: map-get($ub-ld-colorcodes, activity-optional);
+      padding: 20pt;
+      width: 100%;
+    }
+
+    p {
+      padding: 0 !important;
+      text-align: center !important;
+    }
+  }
+
+  .u-txt--ld-activity-teaser {
+    * {
+      background-color: initial !important;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,32 @@
+.o-ld-callout {
+  @extend %u-pdf-nobreak;
+  @include txt-gdoc-element(pullquote);
+
+  @include e(header) {
+    @include txt-gdoc-element(ld-callout-header);
+  }
+
+  @include e(wrap) {
+    padding-left: 18pt;
+  }
+
+  @include e(content) {
+    @include m(ela) {
+      &, *, ul, li, ol {
+        &, * {
+          background-color: initial !important;
+          color: map-get($ub-colorcodes, ela-base);
+        }
+      }
+    }
+
+    @include m(math) {
+      &, *, ul, li, ol {
+        &, * {
+          background-color: initial !important;
+          color: map-get($ub-colorcodes, math-base);
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+.c-ld-keyword {
+  font-weight: bold !important;
+  white-space: nowrap;
+
+  @include m(ela) {
+    color: map-get($ub-colorcodes, ela-base);
+  }
+
+  @include m(math) {
+    color: map-get($ub-colorcodes, math-base);
+  }
+}

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

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

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

@@ -0,0 +1,12 @@
+.o-ld-expand.o-simple-table {
+  td {
+
+    > h3, > ol, > p, > ul {
+      background-color: initial !important;
+
+      :not(.o-ld-gls) {
+        background-color: initial !important;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+.o-ld-foundational-divider {
+  padding: 0;
+
+  @include e(item) {
+    h2 {
+      color: #fff;
+      margin: 0;
+      padding: 5pt;
+
+      span {
+        padding: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+.o-ld-hr {
+  @include m(l1) {
+    padding-bottom: map-get($gdoc-spacing, large);
+    //padding-top: map-get($gdoc-spacing, large);
+  }
+
+  @include m(l2) {
+    padding-bottom: map-get($gdoc-spacing, large);
+  }
+}

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

@@ -0,0 +1,5 @@
+.o-ld-icon {
+  display: inline-block;
+  height: 12.5pt;
+  width: 12.5pt;
+}

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

@@ -0,0 +1,13 @@
+.o-ld-image-wrap {
+  @include m(math) {
+    background: $ub-white;
+
+    img {
+      display: block;
+      height: auto !important;
+      max-width: 100% !important;
+    }
+  }
+
+  @include e(img) { width: 100%; }
+}

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

@@ -0,0 +1,20 @@
+.o-ld-image {
+  @include e(img) {
+    width: 30%;
+
+    img {
+      height: 110pt;
+      width: auto;
+    }
+  }
+  @include e(caption) {
+    padding-left: 9pt;
+    vertical-align: middle;
+    width: 70%;
+  }
+}
+
+.o-google-chart {
+  height: 50%;
+  vertical-align: middle !important;
+}

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

@@ -0,0 +1,11 @@
+.u-ld-indent {
+  @for $i from 2 through 3 {
+    @include m('l#{$i}') {
+      margin-left: $list-side-margin * $i;
+    }
+  }
+}
+
+.u-ld-indented {
+  text-indent: $list-side-margin * 2;
+}

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

@@ -0,0 +1,4 @@
+.o-ld-inset {
+  margin-left: $list-side-margin * 2;
+  padding-bottom: 0;
+}

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

@@ -0,0 +1,6 @@
+.o-ld-optbreak {
+  @include e(divider) {
+    border-bottom: 1pt dotted $ub-hr !important;
+    border-top: 1pt dotted $ub-hr !important;
+  }
+}

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

@@ -0,0 +1,37 @@
+.o-ld-section {
+  @include e(quote) {
+    @extend %u-pdf-nobreak;
+    @include txt-gdoc-element(pullquote);
+  }
+
+  @include m(bg-color) {
+    background-color: map-get($ub-ld-colorcodes, ela6-section-bg);
+  }
+}
+
+.o-ld-section-wrapper {
+  .o-simple-table {
+    td {
+      > ol, > p, > ul {
+        background-color: initial !important;
+
+        :not(.o-ld-gls) {
+          background-color: initial !important;
+        }
+      }
+    }
+
+    &.o-ld-section__optional {
+      td {
+        background-color: map-get($ub-ld-colorcodes, activity-optional);
+        padding: 20pt;
+        width: 100%;
+      }
+
+      p {
+        padding: 0 !important;
+        text-align: center !important;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+.o-ld-smp {
+  @include e(bracket) {
+    border-bottom: 2pt solid map-get($ub-colorcodes, math-base) !important;
+    border-right: 2pt solid map-get($ub-colorcodes, math-base) !important;
+    border-top: 2pt solid map-get($ub-colorcodes, math-base) !important;
+    vertical-align: middle;
+    width: 8%;
+  }
+}

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

@@ -0,0 +1,43 @@
+.cs-border-top--ela {
+  border-top: 4px solid map-get($ub-colorcodes, ela-base) !important;
+}
+
+.cs-border-top--math-foundational {
+  border-top: 4px solid map-get($ub-ld-colorcodes, math-activity-foundational) !important;
+}
+
+.cs-border-top--math {
+  border-top: 4px solid map-get($ub-colorcodes, math-base) !important;
+}
+
+.cs-border-left--ela {
+  border-left: 4px solid map-get($ub-colorcodes, ela-base) !important;
+}
+
+.cs-border-left--math {
+  border-left: 4px solid map-get($ub-colorcodes, math-base) !important;
+}
+
+.cs-border-bottom--pd {
+  border-bottom: 4px solid map-get($ub-ld-colorcodes, pd-bg-dark) !important;
+}
+
+.o-simple-table {
+  @include gdoc-clearfix;
+
+  @include e(content) {
+    width: 90%;
+  }
+
+  @include e(v-text) {
+    width: 10%;
+  }
+
+  td, tr { border: 0; }
+}
+
+.o-native-table {
+  td, th {
+    p { padding: 0; }
+  }
+}

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

@@ -0,0 +1,27 @@
+.o-ld-title {
+  @include e(title) {
+    width: 80%;
+
+    @include m(h2) {
+      @include txt-gdoc-element(ld-activity-h2);
+    }
+
+    @include m(h3) {
+      @include txt-gdoc-element(ld-activity-h3);
+    }
+  }
+
+  @include e(time) {
+    font-style: italic;
+    vertical-align: bottom;
+    width: 20%;
+
+    @include m(h2) {
+      @include txt-gdoc-element(ld-activity-h2time);
+    }
+
+    @include m(h3) {
+      @include txt-gdoc-element(ld-activity-h3time);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,25 @@
+p, ol, ul {
+  &, * {
+    @include txt-element-strict(ld-base, $ub-pdf-typography);
+    orphans: 2;
+    widows: 2;
+  }
+
+  i {
+    .fa { font: normal normal normal 14px/1 FontAwesome; }
+  }
+}
+
+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); }
+
+// TODO: Quick fix, cg&lesson styles separated at pr 622
+// After merging with 622 should be removed
+sup { vertical-align: initial !important; }

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

@@ -0,0 +1,7 @@
+.o-ld-callout {
+  @include txt-pdf-element(pullquote);
+
+  @include e(header) {
+    @include txt-pdf-element(ld-callout-header);
+  }
+}