lcms-engine 0.3.0 → 0.4.0

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

@@ -1,9 +1,14 @@
 @mixin ld-content-dropdown {
   // rewrite some css rules to meet foundation accordition
-  .is-accordion-submenu-parent > a::after { display: none; }
-  li[aria-expanded=true] > a > .o-ld-sidebar-item__icon {
+  .is-accordion-submenu-parent > a::after {
+    display: none;
+  }
+
+  // stylelint-disable selector-no-qualifying-type
+  li[aria-expanded='true'] > a > .o-ld-sidebar-item__icon {
     transform: rotate(90deg);
   }
+  // stylelint-enable selector-no-qualifying-type
 }
 
 .o-ld-sidebar {
@@ -19,12 +24,12 @@
     }
 
     &.is-stuck:not(.stick-wo-margin) {
-      margin-top: $ub-nav-height !important;
+      margin-top: $ub-nav-height !important; // stylelint-disable-line declaration-no-important
     }
   }
 
   @include e(item) {
-    opacity: .7;
+    opacity: 0.7;
     padding: $ub-base-padding / 2 0;
 
     @include m(active) {
@@ -42,7 +47,11 @@
       padding-left: 1.2rem;
     }
 
-    > li.o-ld-sidebar__item:last-child { padding-bottom: 0; }
+    // stylelint-disable selector-no-qualifying-type
+    > li.o-ld-sidebar__item:last-child {
+      padding-bottom: 0;
+    }
+    // stylelint-enable selector-no-qualifying-type
   }
 
   @include e(toc-customizer) {
@@ -68,7 +77,9 @@
     cursor: pointer;
     flex: 0 0 auto;
 
-    @include m(hide) { display: none; }
+    @include m(hide) {
+      display: none;
+    }
   }
 
   @include e(sep) {
@@ -84,8 +95,8 @@
 
 .o-ld-sidebar-item {
   // rewrite foundation accordition styles
-  outline: none !important;
-  padding: 0 !important;
+  outline: none !important; // stylelint-disable-line declaration-no-important
+  padding: 0 !important; // stylelint-disable-line declaration-no-important
 
   @include e(content) {
     @include flex;
@@ -117,9 +128,11 @@
         color: map-get($ub-colorcodes, math-base);
       }
 
+      // stylelint-disable declaration-no-important
       .o-ld-sidebar-foundational-skills .o-ld-sidebar__item--active & {
         color: map-get($ub-ld-colorcodes, math-activity-foundational) !important;
       }
+      // stylelint-enable declaration-no-important
     }
 
     @include m(summary) {
@@ -136,7 +149,7 @@
   @include e(icon) {
     cursor: pointer;
     float: left;
-    margin-right: .4rem;
+    margin-right: 0.4rem;
 
     @include m(blank) {
       cursor: none;
@@ -144,7 +157,9 @@
       width: map-get(map-get($ub-element-typography, ld-sidebar-icon), font-size);
     }
 
-    i { @include txt-element(ld-sidebar-icon); }
+    i {
+      @include txt-element(ld-sidebar-icon);
+    }
   }
 
   @include e(time) {

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

@@ -21,9 +21,11 @@
     }
   }
 
+  // stylelint-disable selector-max-id
   &#foundational-skills:not(.c-foundational-section) {
     border-top: 25px solid #00a699;
-    margin-top: 40px !important;
+    margin-top: 40px !important; // stylelint-disable-line declaration-no-important
     padding-top: 30px;
   }
+  // stylelint-enable selector-max-id
 }

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

@@ -12,7 +12,7 @@
     background-color: $ub-white;
     height: $ld-lesson;
     margin: $ld-padding;
-    opacity: .3;
+    opacity: 0.3;
     width: $ld-lesson;
 
     @include m(active) {

data/app/assets/stylesheets/lcms/engine/components/material/_material.scss

@@ -1,11 +1,11 @@
 .o-material-wrapper {
+  @include m(ela) {
+    // keep
+  }
   @include m(math) {
     background-color: map-get($ub-ld-colorcodes, math-activity-bg);
   }
 
-  @include m(ela) {
-  }
-
   @include m(bg-color) {
     background-color: map-get($ub-ld-colorcodes, ela6-section-bg);
   }

data/app/assets/stylesheets/lcms/engine/components/material/_overlay.scss

@@ -6,7 +6,7 @@
   display: none;
   flex-direction: column;
   left: 0;
-  opacity: .9;
+  opacity: 0.9;
   position: absolute;
   right: 0;
   top: 0;
@@ -18,8 +18,15 @@
     height: 40px;
     width: 100%;
 
-    > ul { margin: 0 !important; }
-    > ul > li > a { padding: 0 .5rem; }
+    > ul {
+      margin: 0 !important; // stylelint-disable-line declaration-no-important
+    }
+
+    // stylelint-disable selector-max-compound-selectors
+    > ul > li > a {
+      padding: 0 0.5rem;
+    }
+    // stylelint-enable selector-max-compound-selectors
   }
 
   @include e(preview) {
@@ -32,7 +39,8 @@
   @include e(wrap) {
     position: relative;
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       .o-m-overlay {
         @include flex;
         z-index: 9999;

data/app/assets/stylesheets/lcms/engine/components/material/_preview.scss

@@ -6,7 +6,7 @@ $pdf-toolbar-height: 50;
   @extend %map-transition;
   border: 1px solid map-get($ub-buttons, show-more);
   overflow-y: hidden;
-  position: absolute !important;
+  position: absolute !important; // stylelint-disable-line declaration-no-important
 
   @include m(portrait) {
     @include aspect-ratio($letter-width, $letter-height + $pdf-toolbar-height);

data/app/assets/stylesheets/lcms/engine/components/support/_survey.scss

@@ -1,5 +1,7 @@
 .o-survey-form {
   @include e(other) {
-    @include m(hide) { display: none; }
+    @include m(hide) {
+      display: none;
+    }
   }
 }

data/app/assets/stylesheets/lcms/engine/layout/_footer.scss

@@ -17,7 +17,7 @@ $footer-breakpoint-down: ipad;
     @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, .25);
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
     margin-top: $tooltip-pip-width;
     padding: 1rem;
 
@@ -49,8 +49,8 @@ $footer-breakpoint-down: ipad;
     [data-close] {
       float: right;
       position: relative;
-      right: -.5rem;
-      top: -.5rem;
+      right: -0.5rem;
+      top: -0.5rem;
     }
   }
 
@@ -83,8 +83,18 @@ $footer-breakpoint-down: ipad;
   }
 
   @include e(link) {
-    &, a { color: $ub-nav-link; }
-    &:hover, &:focus, a:hover, a:focus { color: $ub-white; text-decoration: none; }
+    &,
+    a {
+      color: $ub-nav-link;
+    }
+
+    &:hover,
+    &:focus,
+    a:hover,
+    a:focus {
+      color: $ub-white;
+      text-decoration: none;
+    }
   }
 
   @include e(logo) {
@@ -94,7 +104,9 @@ $footer-breakpoint-down: ipad;
       padding-bottom: $logo-padding;
     }
 
-    img { width: $logo-width; }
+    img {
+      width: $logo-width;
+    }
   }
 
   @include e(item) {
@@ -120,10 +132,6 @@ $footer-breakpoint-down: ipad;
     @include menu-direction(horizontal);
     color: $ub-whitesmoke;
 
-    li {
-      a, span { padding: 0 $footer-padding; }
-    }
-
     @include breakpoint($footer-breakpoint-down down) {
       display: inline-flex;
       flex-wrap: wrap;
@@ -131,16 +139,26 @@ $footer-breakpoint-down: ipad;
       li {
         flex: 0 0 auto;
 
-        a, span {
+        a,
+        span {
           line-height: 1.5;
           padding: 0;
         }
 
+        // stylelint-disable selector-no-qualifying-type
         &.t-bullet {
+          // stylelint-enable selector-no-qualifying-type
           padding: 0 $footer-padding;
         }
       }
     }
+
+    li {
+      a,
+      span {
+        padding: 0 $footer-padding;
+      }
+    }
   }
 }
 

data/app/assets/stylesheets/lcms/engine/layout/_header.scss

@@ -12,18 +12,18 @@
   }
 
   @media screen and #{breakpoint(large)} and (max-width: 1110px) {
-    padding-left: .8rem;
-    padding-right: .8rem;
+    padding-left: 0.8rem;
+    padding-right: 0.8rem;
   }
 }
 
 .c-header {
-  background-color: rgba($ub-primary, .9);
+  background-color: rgba($ub-primary, 0.9);
 
   @include m(documents) {
-    background-color: rgba($ub-primary, .9);
+    background-color: rgba($ub-primary, 0.9);
     min-height: $ub-nav-height;
-    opacity: .9;
+    opacity: 0.9;
     position: absolute;
     width: 100%;
     z-index: 1;

data/app/assets/stylesheets/lcms/engine/layout/_navigation.scss

@@ -1,5 +1,8 @@
 .o-top-bar {
   @include top-bar-container;
+
+  // Stack on small screens by default
+  @include top-bar-stacked;
   min-height: $ub-nav-height;
   width: 100%;
   z-index: $reveal-zindex;
@@ -9,9 +12,6 @@
     max-width: 100%;
   }
 
-  // Stack on small screens by default
-  @include top-bar-stacked;
-
   @include breakpoint($topbar-unstack-breakpoint) {
     @include top-bar-unstack;
 
@@ -23,16 +23,14 @@
   @include e(wrapper) {
     @include breakpoint($topbar-unstack-breakpoint) {
       align-items: center;
-      display: flex !important;
+      display: flex !important; // stylelint-disable-line declaration-no-important
       flex-wrap: nowrap;
       justify-content: space-between;
       width: 100%;
     }
   }
-
 }
 
-
 /* To prevent FOUC */
 .no-js {
   @include breakpoint($topbar-unstack-breakpoint down) {

data/app/assets/stylesheets/lcms/engine/layout/_page.scss

@@ -3,7 +3,8 @@ body {
   width: 100%;
 }
 
-body, html {
+body,
+html {
   height: 100%;
 }
 
@@ -73,5 +74,4 @@ body, html {
   @include e(section) {
     @include flex-grid-column(12, $grid-column-2xgutter);
   }
-
 }

data/app/assets/stylesheets/lcms/engine/{admin.scss → lcms_engine_admin.scss}

@@ -1,6 +1,7 @@
-@import 'application';
+// stylelint-disable max-nesting-depth, selector-no-qualifying-type, selector-max-compound-selectors, selector-class-pattern
+
+@import 'lcms_engine_application';
 @import 'selectize';
-@import 'vendors/jquery.tagsinput.css';
 @import 'admin/resources';
 @import 'admin/curriculums';
 @import 'admin/standards';
@@ -8,29 +9,33 @@
 @import 'admin/lessons';
 @import 'admin/materials';
 @import 'admin/users';
+@import 'vendors/react-tagsinput';
 
 .button {
   white-space: nowrap;
 }
 
 .c-admin {
+  @include breakpoint($topbar-unstack-breakpoint) {
+    .c-header-title__h-menu {
+      display: none;
+    }
+  }
+
   .menu {
     &.vertical:not(.is-dropdown-submenu) {
-      display: none !important;
+      display: none !important; // stylelint-disable-line declaration-no-important
     }
 
-    .active > a { background: inherit; }
+    .active > a {
+      background: inherit;
+    }
   }
+
   .menu > li > a {
     line-height: inherit;
     white-space: nowrap;
   }
-
-  @include breakpoint($topbar-unstack-breakpoint) {
-    .c-header-title__h-menu {
-      display: none;
-    }
-  }
 }
 
 .c-admin .o-page {
@@ -42,7 +47,7 @@
     color: #ec5840;
     display: block;
     font-weight: bold;
-    margin: -.5rem 0 1rem;
+    margin: -0.5rem 0 1rem;
   }
 
   .input.error {
@@ -75,7 +80,7 @@
     color: #ec5840;
     display: block;
     font-weight: bold;
-    margin: -.5rem 0 1rem;
+    margin: -0.5rem 0 1rem;
   }
 
   .input.error {
@@ -94,8 +99,14 @@
   }
 }
 
-.flex-pull-right { margin-left: auto; }
+.flex-pull-right {
+  margin-left: auto;
+}
 
-.inline-form-btn { display: inline; }
+.inline-form-btn {
+  display: inline;
+}
 
-.c-multi-selected-btn { display: inline-block; }
+.c-multi-selected-btn {
+  display: inline-block;
+}

data/app/assets/stylesheets/lcms/engine/lcms_engine_application.scss

@@ -0,0 +1,9 @@
+@charset "utf-8";
+
+@import 'utils/variables', 'utils/mixins', 'utils/placeholders', 'base/colors', 'base/ld-colors';
+@import 'themes/settings', 'themes/material';
+@import 'font-awesome-sprockets', 'font-awesome', 'vendors/foundation_and_overrides', 'vendors/mathjax';
+@import 'utils/styles_override', 'utils/helpers', 'utils/colorcodes', 'utils/functions';
+@import 'base/typography', 'print/print';
+@import 'components/assoc-picker';
+@import 'layout/footer', 'layout/header', 'layout/navigation', 'layout/page';

data/app/assets/stylesheets/lcms/engine/pdf.scss

@@ -1,30 +1,9 @@
 @charset "utf-8";
 
-@import
-  'utils/variables',
-  'utils/mixins';
-
-@import
-  'themes/settings';
-
-@import
-  'vendors/foundation_and_overrides-pdf',
-  'vendors/mathjax.css';
-
-@import
-  'utils/styles_override',
-  'utils/helpers',
-  'utils/colorcodes',
-  'utils/functions';
-
+@import 'utils/variables', 'utils/mixins';
+@import 'themes/settings';
+@import 'vendors/foundation_and_overrides-pdf', 'vendors/mathjax.css';
+@import 'utils/styles_override', 'utils/helpers', 'utils/colorcodes', 'utils/functions';
 @import 'print/typography';
-
 @import 'components/material/material';
-
-@import
-  'print/base',
-  'print/colorscheme',
-  'print/header',
-  'print/helpers',
-  'print/lesson-base',
-  'print/material-base';
+@import 'print/base', 'print/colorscheme', 'print/header', 'print/helpers', 'print/lesson-base', 'print/material-base';

data/app/assets/stylesheets/lcms/engine/pdf_plain.scss

@@ -1,28 +1,10 @@
 @charset "utf-8";
 
-@import
-  'utils/variables',
-  'utils/mixins';
-
-@import
-  'themes/settings';
-
-@import
-  'vendors/foundation_and_overrides-pdf';
-
-@import
-  'utils/colorcodes',
-  'utils/helpers';
-
+@import 'utils/variables', 'utils/mixins';
+@import 'themes/settings';
+@import 'vendors/foundation_and_overrides-pdf';
+@import 'utils/colorcodes', 'utils/helpers';
 @import 'print/typography';
-
 @import 'components/lesson/override';
-
-@import
-  'print/base',
-  'print/cover',
-  'print/colorscheme',
-  'print/footer',
-  'print/header',
-  'print/helpers',
+@import 'print/base', 'print/cover', 'print/colorscheme', 'print/footer', 'print/header', 'print/helpers',
   'print/lesson-base';

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

@@ -1,5 +1,8 @@
+// stylelint-disable scss/selector-no-redundant-nesting-selector
+
 // Unbounded specific
-html, body {
+html,
+body {
   background: none;
   height: 100%;
 }
@@ -15,16 +18,34 @@ html, body {
   }
 }
 
-header, footer, o-sidebar-nav {
+header,
+footer,
+o-sidebar-nav {
   display: none;
 }
 
-tr, img, table, pre, blockquote, .callout { page-break-inside: avoid; }
+tr,
+img,
+table,
+pre,
+blockquote,
+.callout {
+  page-break-inside: avoid;
+}
 
 // Avoid page breaks after a heading
-h1, h2, h3, h4, h5 { page-break-after: avoid; }
+h1,
+h2,
+h3,
+h4,
+h5 {
+  page-break-after: avoid;
+}
 
-h1, h2, h3, h4 {
+h1,
+h2,
+h3,
+h4 {
   font-weight: bold;
 }
 
@@ -34,10 +55,13 @@ h1 {
   padding-top: 1.25rem;
 
   & + h2 {
-    padding-top: 0 !important;
+    padding-top: 0 !important; // stylelint-disable-line declaration-no-important
   }
 
-  * { line-height: 1.1; margin-bottom: 0; }
+  * {
+    line-height: 1.1;
+    margin-bottom: 0;
+  }
 }
 
 h2 {
@@ -45,7 +69,7 @@ h2 {
   padding-top: 1.25rem;
 
   & + h3 {
-    padding-top: 0 !important;
+    padding-top: 0 !important; // stylelint-disable-line declaration-no-important
   }
 }
 
@@ -54,7 +78,7 @@ h3 {
   padding-top: 1.25rem;
 
   & + h4 {
-    padding-top: 0 !important;
+    padding-top: 0 !important; // stylelint-disable-line declaration-no-important
   }
 }
 
@@ -64,11 +88,16 @@ h4 {
 }
 
 ul li {
-  text-indent: 0 !important;
+  text-indent: 0 !important; // stylelint-disable-line declaration-no-important
 }
 
-img, td, span, table {
+img,
+td,
+span,
+table {
   max-width: 100%;
 }
 
-img { height: auto !important; }
+img {
+  height: auto !important; // stylelint-disable-line declaration-no-important
+}

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

@@ -31,15 +31,8 @@ body {
 
 .c-pdf-cover {
   height: 100%;
-
-  h1 {
-    @include txt-pdf-element(h1);
-    padding-top: 0;
-  }
-
-  h2 {
-    @include txt-pdf-element(h2);
-    padding-top: 0;
+  @include e(title) {
+    // keep
   }
 
   @include m(ela) {
@@ -73,11 +66,18 @@ body {
     padding: 30px;
   }
 
-  @include e(title) {
-  }
-
   @include e(logo) {
     bottom: 30px;
     position: absolute;
   }
+
+  h1 {
+    @include txt-pdf-element(h1);
+    padding-top: 0;
+  }
+
+  h2 {
+    @include txt-pdf-element(h2);
+    padding-top: 0;
+  }
 }

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

@@ -1,7 +1,10 @@
 .pdf-bullet {
   padding-left: $ub-xs-padding / 2;
   padding-right: $ub-xs-padding / 2;
-  &:after { content: '\2022'; }
+
+  &::after {
+    content: '\2022';
+  }
 }
 
 .c-pdf-footer {
@@ -24,7 +27,10 @@
   }
 
   @include m(ld) {
-    &, a { @include txt-pdf-element(ld-footer); }
+    &,
+    a {
+      @include txt-pdf-element(ld-footer);
+    }
   }
 
   @include m(material) {
@@ -70,5 +76,4 @@
     padding: 0;
     text-align: right;
   }
-
 }