lcms-engine 0.2.0 → 0.3.0

data/app/assets/stylesheets/lcms/engine/components/_generic-resource.scss

@@ -1,58 +0,0 @@
-$generic-card-height: 164px;
-$preview-height: 451px;
-$preview-btn-height: 45px;
-
-.o-generic-preview {
-  @extend %map-transition;
-  @include add-gutter;
-  border: 1px solid map-get($ub-buttons, show-more);
-  height: $preview-height;
-  overflow-y: hidden;
-  position: relative;
-
-  @include e(canvas) {
-    width: 100%;
-  }
-
-  @include e(btn) {
-    @include txt-element(button);
-    cursor: pointer;
-    display: block;
-    opacity: .75;
-    padding: .75rem 0;
-    position: absolute;
-    text-align: center;
-    top: $preview-height - $preview-btn-height;
-    width: 100%;
-  }
-}
-
-.o-generic-card {
-  @include flex-grid-column(6);
-  @include add-gutter;
-  @include flex;
-  color: $ub-white;
-
-  @include breakpoint(large) {
-    @include flex-grid-column(3);
-  }
-
-  @include e(wrap) {
-    @include add-column-padding(.5);
-    @include add-top-bottom-padding(.5);
-    @extend %material-card;
-    height: $generic-card-height;
-    width: 100%;
-  }
-
-  @include e(title) {
-    @include txt-element(generic-card-title);
-    text-shadow: .5px .9px 1px rgba(0, 0, 0, .15);
-  }
-
-  @include e(teaser) {
-    @include clamp(3, generic-card-teaser);
-    @include txt-element(generic-card-teaser);
-    text-shadow: .5px .9px 1px rgba(0, 0, 0, .1);
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_inputs.scss

@@ -1,12 +0,0 @@
-.o-input-placehoder {
-  @include m(medium-gray) {
-    &::placeholder {
-      color: map-get($ub-txt-colors, medium-gray);
-    }
-  }
-}
-
-.o-input-error {
-  outline: 1px solid map-get($ub-colorcodes, error) !important;
-  outline-offset: -1px;
-}

data/app/assets/stylesheets/lcms/engine/components/_instruction-cards.scss

@@ -1,160 +0,0 @@
-$instruction-card-height: 210px;
-$guide-img-width: 220px;
-$media-img-height: 110px;
-
-@mixin media-instruction {
-  @include flex-grid-column(6);
-  flex-direction: column;
-
-  @include breakpoint(large) {
-    @include flex-grid-column(3);
-  }
-
-  @include e(wrap) {
-    flex-direction: column;
-  }
-
-  @include e(img) {
-    height: $media-img-height;
-    overflow: hidden;
-    img {
-      border-radius: $ub-material-radius $ub-material-radius 0 0;
-      height: auto;
-      width: 100%;
-    }
-
-    @include breakpoint(small only) {
-      display: none;
-    }
-  }
-
-  @include e(body) {
-    @include flex;
-    @include flex-align($x: justify);
-    flex: 1 1 0;
-    flex-direction: column;
-  }
-
-  @include e(title) {
-    @include clamp(5, media-card-title);
-    flex: 1 1 auto;
-    order: 2;
-    &, & > * {
-      @include txt-element(media-card-title);
-    }
-    @include breakpoint(medium) {
-      @include clamp(2, media-card-title);
-      order: 1;
-    }
-  }
-
-  @include e(title-wrap) {
-    display: flex;
-    flex-flow: row wrap;
-
-    @include breakpoint(medium) {
-      flex-flow: row nowrap;
-    }
-  }
-
-  @include e(icon) {
-    flex: 0 0 100%;
-    font-size: 22px !important;
-    padding-bottom: $ub-xs-padding;
-
-    @include breakpoint(medium) {
-      flex: 0 0 auto;
-      order: 2;
-      padding-bottom: 0;
-      text-align: center;
-      width: 32px;
-    }
-  }
-
-  @include e(duration) {
-    @include txt-element(media-card-duration);
-    color: $ub-white;
-    text-align: right;
-    text-transform: uppercase;
-  }
-
-}
-
-.o-instruction-card {
-  @include media-object-container;
-  @include add-gutter;
-  cursor: pointer;
-  h3, h3 > * { color: $ub-white; margin-bottom: 0; }
-
-  @include e(img) {
-    flex: 0 0 auto;
-    overflow: hidden;
-
-    img { height: 100%; }
-
-    @include breakpoint(small only) {
-      display: none;
-    }
-  }
-
-  @include e(body) {
-    @include add-top-bottom-padding(.5);
-    @include add-column-padding(.5);
-    min-width: 0;
-  }
-
-  @include e(teaser) {
-    @include txt-element(cg-card-teaser);
-    @include ellipsis;
-  }
-
-  @include e(wrap) {
-    @extend %material-card;
-    @include flex;
-    height: $instruction-card-height;
-    width: 100%;
-  }
-
-  @include m(instruction) {
-    @include flex-grid-column(12);
-
-    @include breakpoint(large) {
-      @include flex-grid-column(6);
-    }
-
-    @include e(img) {
-      img {
-        border-radius: $ub-material-radius 0 0 $ub-material-radius;
-        height: 100%;
-        width: $guide-img-width;
-      }
-    }
-
-    @include e(title) {
-      @include clamp(4, cg-card-title);
-      &, & > * {
-        @include txt-element(cg-card-title);
-      }
-    }
-  }
-
-  @include m(video) {
-    @include media-instruction;
-
-    @include e(icon) {
-      @include fa-icon;
-    }
-  }
-
-  @include m(podcast) {
-    @include media-instruction;
-
-    @include e(icon) {
-      @include ub-icon;
-      &:before {
-        content: $ub-microphone;
-      }
-    }
-  }
-
-}

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

@@ -1,31 +0,0 @@
-@import
-  'lesson/activity',
-  'lesson/callout',
-  'lesson/columns',
-  'lesson/curriculum-map',
-  'lesson/def',
-  'lesson/expand',
-  'lesson/foundational-divider',
-  'lesson/gls',
-  'lesson/group',
-  'lesson/hr',
-  'lesson/icons',
-  'lesson/image',
-  'lesson/image-student-worksheet',
-  'lesson/image-wrap',
-  'lesson/indent',
-  'lesson/inset',
-  'lesson/materials',
-  'lesson/multiple-choice',
-  'lesson/optbreak',
-  'lesson/pd',
-  'lesson/pv',
-  'lesson/override',
-  'lesson/position',
-  'lesson/section',
-  'lesson/selection-control',
-  'lesson/sidebar',
-  'lesson/smp',
-  'lesson/title',
-  'lesson/unit-map',
-  'lesson/white-placeholder';

data/app/assets/stylesheets/lcms/engine/components/_lesson-cards.scss

@@ -1,119 +0,0 @@
-$lesson-dsc-short-lines: 4;
-$lesson-dsc-full-lines: 7;
-$lesson-card-heights: (
-  small: 110px,
-  medium: 185px
-);
-
-.no-touchevents  {
-  @include breakpoint(ipad up) {
-    .o-lesson-card {
-      &:hover, &:focus {
-        .o-lesson-card__content--base { display: none; }
-        .o-lesson-card__content--hover { display: inherit;}
-      }
-    }
-  }
-}
-
-.o-lesson-card {
-  @include flex;
-  @include add-gutter;
-
-  @include m(base) {
-    @include flex-grid-column(12);
-
-    @include breakpoint(large) {
-      @include flex-grid-column(2.4);
-    }
-
-    @include breakpoint(ipad only) {
-      @include flex-grid-column(4);
-    }
-
-    @include breakpoint(medium only) {
-      @include flex-grid-column(6);
-    }
-
-  }
-
-  @include e(wrap) {
-    @extend %material-card;
-    @include flex;
-    flex-direction: column;
-    width: 100%;
-  }
-
-  @include e(header) {
-    overflow: hidden;
-    padding: $ub-base-padding / 2 $ub-base-padding;
-    position: relative;
-
-    @include m(prerequisite) {
-      background-color: $ub-white;
-      height: 100%;
-      left: -30px;
-      opacity: 0.2;
-      position: absolute;
-      top: 0;
-      transform: skew(-45deg);
-      width: 65%;
-    }
-    @include m(title) {
-      position: relative;
-    }
-  }
-
-  @include e(duration) {
-    @include txt-element(lesson-duration);
-    @include flex;
-    align-self: flex-end;
-    text-transform: uppercase;
-  }
-
-  @include e(content) {
-    @include flex;
-    @include add-column-padding(.5);
-    @include add-top-bottom-padding(.5);
-    flex: 1 1 0;
-    flex-direction: column;
-    justify-content: space-between;
-
-    @each $breakpoint, $value in $lesson-card-heights {
-      @include breakpoint($breakpoint) {
-        min-height: $value;
-      }
-    }
-
-    @include m(base) {
-      //color: $ub-txt;
-    }
-
-    @include m(hover) {
-      border-top: $ub-whitesmoke solid 1px;
-      color: $ub-white;
-      display: none;
-    }
-  }
-
-  @include e(dsc) {
-    @include m(short) {
-      @include txt-element(lesson-title);
-      @include clamp($lesson-dsc-short-lines, lesson-title);
-
-      @include breakpoint(small only) {
-        @include clamp($lesson-dsc-short-lines - 2, lesson-title);
-      }
-    }
-
-    @include m(full) {
-      @include txt-element(lesson-hover);
-      @include clamp($lesson-dsc-full-lines, lesson-hover);
-
-      @include breakpoint(small only) {
-        @include clamp($lesson-dsc-full-lines - 2, lesson-hover);
-      }
-    }
-  }
-
-}

data/app/assets/stylesheets/lcms/engine/components/_ls-post.scss

@@ -1,38 +0,0 @@
-$ls-img-height: 265px;
-
-.ls-post {
-  @extend %material-card;
-  @include add-column-margin(.5);
-  background-color: $ub-white;
-  border-radius: 2px;
-
-
-  @include e(img) {
-    //height: $ls-img-height;
-    //overflow: hidden;
-    img {
-      height: auto;
-      width: 100%;
-    }
-  }
-
-  @include e(body) {
-    @include add-column-padding(.5);
-    @include add-top-bottom-padding(.5);
-    @include txt-element(ls-post-txt);
-
-  }
-
-  @include e(title) {
-    @include txt-element(ls-post-title);
-  }
-
-  @include e(subtitle) {
-    @include txt-element(ls-post-subtitle);
-    text-transform: uppercase;
-  }
-
-  @include e(txt) {
-  }
-
-}

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

@@ -1,6 +0,0 @@
-@import
-  'material/list',
-  'material/material',
-  'material/overlay',
-  'material/preview',
-  'material/thumbnail';

data/app/assets/stylesheets/lcms/engine/components/_media-resources.scss

@@ -1,6 +0,0 @@
-.o-media-podcast {
-}
-
-.o-media-video {
-  @include responsive-embed(map-get($responsive-embed-ratios, 'widescreen'));
-}

data/app/assets/stylesheets/lcms/engine/components/_media.scss

@@ -1,95 +0,0 @@
-.o-media {
-  @include flex-grid-row;
-  @include add-gutter($x: .5);
-  border-radius: $panel-radius;
-
-  @include breakpoint(medium) {
-    @include add-gutter($x: 1);
-  }
-
-  @include e(img) {
-    @include flex-grid-column(12, 0);
-    border-top-left-radius: $panel-radius;
-    border-top-right-radius: $panel-radius;
-    height: 200px;
-    overflow: hidden;
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(5, 0);
-      border-radius: 0;
-      height: auto;
-
-      @include m(left) {
-        border-bottom-left-radius: $panel-radius;
-        border-top-left-radius: $panel-radius;
-      }
-
-      @include m(right) {
-        border-bottom-right-radius: $panel-radius;
-        border-top-right-radius: $panel-radius;
-      }
-    }
-
-    @include breakpoint(small only) {
-      order: 1;
-    }
-
-    img { width: 100%;}
-
-    @include m(placeholder) {
-      background-image: image-url('lcms/engine/professional_development');
-      background-size: cover;
-    }
-  }
-
-  @include e(body) {
-    @include flex-grid-column(12, $grid-column-2xgutter);
-    @include add-top-bottom-padding;
-    flex-shrink: 1;
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(7, $grid-column-2xgutter);
-
-      @include m(full) {
-        @include flex-grid-column(12, $grid-column-2xgutter);
-      }
-    }
-
-    @include breakpoint(small only) {
-      order: 2;
-    }
-
-    h2 {
-      @include txt-element(media-header);
-      margin-bottom: $ub-base-margin;
-    }
-    &, p { @include txt-element(media-text); }
-    p { @include add-gutter; }
-
-    @include m(no-left) {
-      padding-left: 0;
-    }
-
-    @include m(no-padding) {
-      @include add-top-bottom-padding($y: 0);
-
-      @include breakpoint(medium down) {
-        @include add-gutter(padding, top, 2);
-      }
-    }
-
-    @include m(no-top-padding) {
-      @include breakpoint(medium) {
-        padding-top: 0;
-      }
-    }
-
-    @include m(no-right) {
-      padding-right: 0;
-
-      @include breakpoint(small only) {
-        padding-left: 0;
-      }
-    }
-  }
-}