lcms-engine 0.2.0 → 0.3.0

data/app/assets/stylesheets/lcms/engine/pages/_enhance-instruction.scss

@@ -1,19 +0,0 @@
-.c-eh-card {
-  display: flex;
-  width: 100%;
-
-  @include e(img) {
-    @extend %u-ph-img--dark;
-    @include media-object-section;
-    width: grid-column(4);
-  }
-  @include e(body) {
-    @include media-object-section;
-    padding: $ub-base-padding;
-    width: grid-column(8);
-  }
-}
-
-.c-eh-tab {
-  margin-top: $ub-base-margin * 4;
-}

data/app/assets/stylesheets/lcms/engine/pages/_explore-curriculum.scss

@@ -1,46 +0,0 @@
-.c-ec-cards {
-  @include e(children) {
-    @include add-gutter(margin, left, 1);
-    margin-bottom: 0;
-    margin-top: 0;
-
-    @include m(expanded) {
-      @include add-gutter(margin, bottom, 2);
-      @include add-gutter(margin, top, 1);
-    }
-
-    @include m(lessons) {
-      @include flex-grid-row(nest);
-      @include add-gutter(margin, left, .5);
-
-      &.c-ec-cards__children--expanded {
-        @include add-gutter(margin, bottom, 1);
-      }
-    }
-  }
-}
-
-.c-ec-cards-opr {
-  @include flex;
-  @include add-gutter(margin, bottom, 1);
-
-  align-items: center;
-  justify-content: space-between;
-
-  @include e(title) {
-    @include txt-element(ec-opr-title);
-  }
-
-  @include e(wrapper) {
-    @include add-gutter(margin, bottom, 1.5);
-    @include add-gutter(margin, top, 1.5);
-
-    border-bottom: dotted 1px $ub-primary;
-    border-top: dotted 1px $ub-primary;
-  }
-
-  button {
-    font-weight: 600;
-    margin: 0;
-  }
-}

data/app/assets/stylesheets/lcms/engine/pages/_find-lessons.scss

@@ -1 +0,0 @@
-

data/app/assets/stylesheets/lcms/engine/pages/_home.scss

@@ -1,237 +0,0 @@
-$c-hp-si-gradient: rgba(map-get($ub-mignight, base), .9);
-$c-hp-ela-gradient: rgba(map-get($ub-colorcodes, ela-base), .9);
-$c-hp-math-gradient: rgba(map-get($ub-colorcodes, math-base), .9);
-
-.c-hp {
-  @include add-gutter(margin, top, -2);
-  padding-bottom: $ub-large-margin * 2;
-}
-
-.c-hp-hero {
-  background-position: 0 100%;
-  background-repeat: no-repeat;
-  background-size: cover;
-
-  @include e(wrap) {
-    @include add-gutter(margin, top, 3.5);
-    @include add-gutter(margin, bottom, 3);
-
-    @include breakpoint(small) {
-      @include add-gutter(margin, bottom, 3.5);
-    }
-  }
-
-  @include breakpoint(large up) {
-    background-image: image-url('lcms/engine/hp_hero_bg.jpg');
-  }
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-image: image-url('lcms/engine/hp_hero_bg_medium.jpg');
-  }
-
-  @include breakpoint(small only) {
-    background-image: image-url('lcms/engine/hp_hero_bg_small.jpg');
-  }
-
-
-  // $hp-marging-k: .5;
-  // $hp-screen-width: map-get($breakpoints, large);
-  // $hp-step: 50px;
-  //
-  // @for $i from 0 through 20 {
-  //   $k: $hp-marging-k * ($i/2 + 1);
-  //   $min-width: $i * $hp-step + $hp-screen-width;
-  //   $max-width: ($i + 1) * $hp-step + $hp-screen-width - 1px;
-  //   $str: '(min-width: #{$min-width}) and (max-width: #{$max-width})';
-  //   @media screen and #{$str} {
-  //     margin-bottom: $ub-large-margin * $k;
-  //     margin-top: $ub-large-margin * $k;
-  //   }
-  // }
-
-  @include e(body) {
-    @include grid-column-offset(0);
-    @include flex-grid-column(12, $grid-column-2xgutter);
-    @include add-top-bottom-padding;
-    background-color: rgba($ub-white, .45);
-    border-radius: $panel-radius;
-
-    h1 {
-      @include txt-element(hero-header);
-      color: $ub-primary;
-    }
-
-    p {
-      @include txt-element(hero-text);
-    }
-
-    @include breakpoint(medium) {
-      @include grid-column-offset(1);
-      @include flex-grid-column(11, $grid-column-2xgutter);
-    }
-
-    @include breakpoint(large) {
-      @include grid-column-offset(5);
-      @include flex-grid-column(7, $grid-column-2xgutter);
-    }
-  }
-}
-
-.c-hp-register {
-  @include add-gutter($x: .5);
-  @include txt-element(media-text);
-  background-image: linear-gradient(to right, $c-hp-si-gradient, $c-hp-si-gradient), image-url('lcms/engine/hp_si_bg.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-  border-radius: $panel-radius;
-  color: $ub-white;
-
-  @include breakpoint(medium) {
-    @include add-gutter($x: 1);
-  }
-
-  @include e(wrap) {
-    @include flex-align($y: middle);
-    min-height: 160px;
-  }
-
-  @include e(item) {
-    @include flex-grid-column(12, $gutters: $grid-column-2xgutter);
-    @include add-top-bottom-margin(0);
-    @include add-top-bottom-padding;
-    flex-shrink: 1;
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(shrink, $grid-column-4xgutter);
-      @include add-top-bottom-margin;
-      @include add-top-bottom-padding(0);
-    }
-  }
-
-  @include e(text) {
-    @include flex-grid-column(12, $gutters: $grid-column-2xgutter);
-    @include add-top-bottom-margin(0);
-    @include add-top-bottom-padding;
-    border: 0;
-    border-top: 1px solid $ub-whitesmoke;
-    flex-shrink: 1;
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(null, $gutters: $grid-column-2xgutter);
-      @include add-top-bottom-margin;
-      @include add-top-bottom-padding(0);
-      border: 0;
-      border-left: 1px solid $ub-whitesmoke;
-    }
-  }
-
-  @include e(btn) {
-    @include breakpoint(ipad down) {
-      @include flex-grid-column(12, $gutters: $grid-column-2xgutter);
-      margin-top: 0;
-      padding-top: 0;
-    }
-
-    @include breakpoint(ipad only) {
-      display: none;
-    }
-
-    @include m(ipad) {
-      display: none;
-      @include breakpoint(ipad only) {
-        display: block;
-        margin-top: $ub-small-margin;
-      }
-    }
-  }
-
-}
-
-.c-hp-panel {
-  @include flex;
-  @include flex-grid-column(12);
-  @include add-gutter($x: .5);
-  flex-shrink: 1;
-
-  @include breakpoint(medium) {
-    @include add-gutter($x: 1);
-  }
-
-  @include breakpoint(medium) {
-    @include flex-grid-column(6);
-    flex-shrink: 1;
-  }
-
-  @include e(body) {
-    @include add-column-padding;
-    @include add-top-bottom-padding;
-    border-radius: $panel-radius;
-    flex-direction: column;
-    width: 100%;
-
-    @include breakpoint(medium) {
-      @include flex;
-    }
-
-    h2 {
-      @include txt-element(media-header);
-      color: $ub-white;
-    }
-
-    p {
-      @include txt-element(media-text);
-      @include add-gutter;
-      color: $ub-white;
-      flex: 1 1 auto;
-    }
-
-    @include m(ela) {
-      background-image: linear-gradient(to right, $c-hp-ela-gradient, $c-hp-ela-gradient), image-url('lcms/engine/hp_ela_bg.jpg');
-      background-repeat: no-repeat, no-repeat;
-      background-size: cover;
-    }
-    @include m(math) {
-      background-image: linear-gradient(to right, $c-hp-math-gradient, $c-hp-math-gradient), image-url('lcms/engine/hp_math_bg.jpg');
-      background-repeat: no-repeat, no-repeat;
-      background-size: cover;
-    }
-  }
-}
-
-.c-hp-media {
-  //max-height: 290px;
-}
-
-.c-hp-hr {
-  @include flex-grid-column(12);
-  hr {
-    margin-bottom: $ub-large-margin;
-    margin-top: $ub-xlarge-margin;
-  }
-}
-
-.c-hp-img--fl {
-  background-image: image-url('lcms/engine/hp_find_lessons.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-}
-
-.c-hp-img--al {
-  background-image: image-url('lcms/engine/hp_advance_leadership.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-position: 50% 0;
-  }
-}
-
-.c-hp-img--ei {
-  background-image: image-url('lcms/engine/hp_enhance_instructions.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-position: 50% 0;
-  }
-}

data/app/assets/stylesheets/lcms/engine/pages/_leadership.scss

@@ -1,263 +0,0 @@
-$arrow-btn: (
-  ipad: (width: 50px, height: 60px),
-  large: (width: 78px, height: 72px),
-);
-
-.c-ls-hero {
-  background-position: 0 100%;
-  background-repeat: no-repeat;
-  background-size: cover;
-
-  @include e(wrap) {
-    @include add-gutter(margin, top, 4.5);
-    @include add-gutter(margin, bottom, 2);
-
-    @include breakpoint(ipad) {
-      @include add-gutter(margin, top, 6);
-      @include add-gutter(margin, bottom, 3.5);
-    }
-  }
-
-  @include breakpoint(large up) {
-    background-image: image-url('lcms/engine/ls_hero_bg.jpg');
-    background-position: 0 40%;
-  }
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-image: image-url('lcms/engine/ls_hero_bg_medium.jpg');
-  }
-
-  @include breakpoint(small only) {
-    background-image: image-url('lcms/engine/ls_hero_bg_small.jpg');
-    background-position: 40% 0;
-  }
-
-  @include e(body) {
-    @include grid-column-offset(0);
-    @include flex-grid-column(12, $grid-column-2xgutter);
-    @include add-top-bottom-padding;
-    background-color: rgba($ub-white, .7);
-    border-radius: $panel-radius;
-
-    h1 {
-      @include txt-element(hero-header);
-      color: $ub-primary;
-    }
-
-    p {
-      @include txt-element(hero-text);
-      margin-bottom: 0;
-    }
-
-    @include breakpoint(medium) {
-      @include grid-column-offset(1);
-      @include flex-grid-column(11, $grid-column-2xgutter);
-    }
-
-    @include breakpoint(ipad) {
-      @include grid-column-offset(3);
-      @include flex-grid-column(9, $grid-column-2xgutter);
-    }
-
-
-    @include breakpoint(large) {
-      @include grid-column-offset(5);
-      @include flex-grid-column(7, $grid-column-2xgutter);
-    }
-
-    @include breakpoint(xlarge) {
-      @include grid-column-offset(6.5);
-      @include flex-grid-column(5.5, $grid-column-2xgutter);
-    }
-  }
-}
-
-.c-ls-block {
-  @include add-top-bottom-margin($y: 2);
-
-  @include breakpoint(ipad down) {
-    .o-btn { margin-bottom: $ub-xs-padding; }
-  }
-}
-
-.c-ls-cblock {
-  width: 100%;
-
-  h2 {
-    @include txt-element(media-header);
-    margin-bottom: $ub-base-margin;
-  }
-  &, p { @include txt-element(media-text); }
-  p { @include add-gutter; }
-
-  @include e(body) {
-    @include grid-column-position(center);
-    text-align: center;
-    width: 80%;
-
-    @include m(smaller) {
-      width: 77%;
-    }
-
-    @include breakpoint(medium down) {
-      width: 100%;
-    }
-  }
-
-  @include e(carousel) {
-    @include flex-grid-column(12, 0);
-    position: relative;
-  }
-
-}
-
-.c-lk-cta {
-  h2 { @include txt-element(media-header); }
-  p { @include txt-element(media-text); }
-}
-
-@mixin ls-arrows($color) {
-  @include button($background: $color, $background-hover: darken($color, 10%), $color: $ub-txt);
-  @include flex;
-  @include flex-align($x: center, $y: middle);
-  background-image: none;
-  border: 1px solid darken($color, 10%);
-  margin-bottom: 0;
-  top: 50%;
-  transform: translateY(-50%);
-
-  @each $breakpoint, $btn in $arrow-btn {
-    @include breakpoint($breakpoint) {
-      height: map-get($btn, height);
-      width: map-get($btn, width);
-    }
-  }
-}
-
-.touchevents {
-  .c-ls-slides {
-    @include e(overlay) {
-      display: block;
-    }
-  }
-}
-
-.c-ls-slides {
-  height: 100%;
-  width: 75%;
-
-  @include breakpoint(medium down) {
-    width: 100%;
-  }
-
-  @include e(overlay) {
-    bottom: 40px;
-    display: none;
-    height: auto;
-    position: absolute;
-    top: 50px;
-    width: 25%;
-    z-index: 9999;
-
-    @include m(left) {
-      left: 0;
-    }
-
-    @include m(right) {
-      right: 0;
-    }
-
-    @include breakpoint(ipad down) {
-      display: block;
-    }
-  }
-
-  @include e(wrap) {
-    @include flex-grid-row;
-    flex-wrap: nowrap;
-
-    @include m(1) {
-      justify-content: center;
-    }
-
-    @include m(2) {
-      @include breakpoint(large) {
-        justify-content: center;
-      }
-    }
-  }
-
-  @include e(slide) {
-    height: auto;
-  }
-
-  @include e(prev) {
-    left: 0;
-  }
-
-  @include e(next) {
-    right: 0;
-  }
-
-  @include m(a) {
-    @include e(slide) {
-      // uncomment for more than 1 video support
-      @include flex-grid-column(11, 0);
-      //@include flex-grid-column(12, 0);
-
-      @include breakpoint(ipad) {
-        @include flex-grid-column(12, 0);
-      }
-    }
-    @include e(btn) {
-      @include ls-arrows(map-get($ub-leadership, arrows1));
-    }
-  }
-
-  @include m(l) {
-    width: 100%;
-
-    @include breakpoint(ipad) {
-      width: 85%;
-    }
-
-    @include e(slide) {
-      @include flex-grid-column(11, 0);
-      @include flex;
-
-      @include breakpoint(ipad) {
-        @include flex-grid-column(6, 0);
-      }
-
-      @include breakpoint(large) {
-        @include flex-grid-column(4, 0);
-      }
-
-    }
-    @include e(btn) {
-      @include ls-arrows(map-get($ub-leadership, arrows2));
-    }
-  }
-
-}
-
-
-.c-ls-img--syt {
-  background-image: image-url('lcms/engine/ls_team.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-position: 80% 0;
-  }
-}
-
-.c-ls-img--eyc {
-  background-image: image-url('lcms/engine/ls_curriculum.jpg');
-  background-repeat: no-repeat, no-repeat;
-  background-size: cover;
-
-  @media screen and #{breakpoint(medium)} and #{breakpoint(ipad down)} {
-    background-position: 0 0;
-  }
-}