lcms-engine 0.2.0 → 0.3.0

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

@@ -1,214 +0,0 @@
-@mixin curriculum-details {
-  font-style: italic;
-}
-
-@mixin curriculum-map-base {
-  @include flex-grid-row($gutters: 0);
-  flex-flow: column nowrap;
-
-  @include e(module-wrap) {
-    @extend %map-transition;
-    //@include flex-grid-column($gutters: 0);
-  }
-
-  @include e(module) {
-    @extend .u-text--small;
-    @extend %map-transition;
-    font-family: $ub-serif;
-    font-weight: bold;
-    text-transform: uppercase;
-    &, &:hover, &:focus {
-      color: $ub-white;
-    }
-  }
-
-  @include e(units-wrap) {
-    width: 100%;
-    //@include flex-grid-column($gutters: 0);
-  }
-
-  @include e(units) {
-    @extend %map-transition;
-    @include flex-grid-row($gutters: 0);
-    @include flex-align($x: left, $y: top);
-    margin-left: 0;
-  }
-
-  @include e(unit) {
-    @extend %map-transition;
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: flex-start;
-  }
-
-  @include e(unit-title) {
-    @extend .u-text--small;
-    font-family: $ub-serif;
-    font-weight: bold;
-    text-transform: uppercase;
-    width: 100%;
-  }
-
-  @include e(lesson) {
-    @extend %map-transition;
-  }
-
-  @include e(assessment) {
-    @each $code, $color in $ub-colorcodes {
-      @include m(#{$code}) {
-        background: transparent;
-        border: solid 1px $color;
-      }
-    }
-  }
-
-  @include e(prerequisite) {
-    overflow: hidden;
-
-    &:after {
-      background-color: #fff;
-      content: '';
-      display: block;
-      height: 100%;
-      margin-left: -50%;
-      opacity: 0.3;
-      transform: skew(-45deg);
-      width: 100%;
-    }
-  }
-}
-
-@mixin curriculum-map-layout($lesson-size: 10px, $lesson-margin: 4px, $lessons-in-row: 4,
-                      $units-in-row: 3, $units-margin: 0, $module-height: 15px,
-                      $module-margin: 8px, $module-padding: $ub-tiny-padding $ub-xs-padding,
-                      $unit-margin: $lesson-size * 1.5,
-                      $unit-margin-type: top,
-                      $width: map-get($curriculum-map-width, base)) {
-
-  $width-for-padding: 0;
-  $unit-padding: ($width - $width-for-padding - (($lesson-size + $lesson-margin) * $lessons-in-row) * $units-in-row) / $units-in-row;
-  $units-row: (($lesson-size + $lesson-margin) * $lessons-in-row) * $units-in-row + $unit-padding * $units-in-row;
-  $lessons-row: ($lesson-size + $lesson-margin) * $lessons-in-row + $unit-padding;
-
-  @include e(module-wrap) {
-    margin-bottom: $module-margin;
-    width: $width;
-
-    @include breakpoint(small only) {
-      margin-left: auto;
-      margin-right: auto;
-    }
-  }
-
-  @include e(module) {
-    min-height: $module-height;
-    padding: $module-padding;
-  }
-
-  @include e(units-wrap) {
-    margin-top: if($units-margin == 'same', $unit-padding + $lesson-margin - $module-margin, $units-margin);
-  }
-
-  @include e(units) {
-    width: $units-row;
-
-    @include breakpoint(small only) {
-      margin-left: auto;
-      margin-right: auto;
-    }
-  }
-
-  @include e(unit) {
-    margin-#{$unit-margin-type}: $unit-margin;
-    padding-right: $unit-padding;
-    width: $lessons-row;
-  }
-
-  @include e(lesson) {
-    height: $lesson-size;
-    margin: 0 $lesson-margin $lesson-margin 0;
-    width: $lesson-size;
-  }
-}
-
-.o-c-map {
-  @extend .u-margin-top--small;
-  @include curriculum-map-base;
-  @include curriculum-map-layout($lesson-size: 12px,
-                                 $unit-margin: 6px,
-                                 $unit-margin-type: bottom,
-                                 $units-margin: 'same'
-                                 );
-  a {
-    display: block;
-    &, &:hover, &:focus {
-
-    }
-  }
-}
-
-.o-ch-map {
-  @include curriculum-map-base;
-
-  @include e(details) {
-    @extend %map-transition;
-    font-style: italic;
-  }
-
-  @include m(medium) {
-    @include curriculum-map-layout($width: map-get($curriculum-map-width, medium),
-                                   $module-padding: 0,
-                                   $module-height: 10px,
-                                   $module-margin: 5px,
-                                   $lesson-size: 10px,
-                                   $lesson-margin: 3px);
-
-    @include e(details) {
-      @include curriculum-details;
-    }
-    padding-bottom: $ub-small-padding;
-  }
-
-  @include m(short) {
-    @include curriculum-map-layout($lesson-size: 4px, $lesson-margin: 1px,
-                            $width: 80px, $module-height: 5px,
-                            $module-margin: 3px,
-                            $module-padding: 0);
-
-    @include e(details) {
-      @extend %map-transition;
-      display: none;
-    }
-  }
-}
-
-.o-ch-unit-map {
-  @include curriculum-map-base;
-
-  @include e(details) {
-    @extend %map-transition;
-  }
-
-  @include m(medium) {
-    @include curriculum-map-layout($width: map-get($curriculum-map-width, medium),
-                                   $lesson-size: 23px, $lesson-margin: 8px,
-                                   $units-margin: 23px * (-1.5),
-                                   $lessons-in-row: 5,
-                                   $units-in-row: 1);
-    @include e(details) {
-      @include curriculum-details;
-    }
-    padding-bottom: $ub-small-padding;
-  }
-
-  @include m(short) {
-    @include curriculum-map-layout($lesson-size: 12px,
-                                   $units-margin: 12px * (-1.5),
-                                   $lessons-in-row: 5,
-                                   $units-in-row: 1, $width: 80px);
-    @include e(details) {
-      @extend %map-transition;
-      display: none;
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_download-modal.scss

@@ -1,56 +0,0 @@
-.o-download-modal {
-  @include reveal-overlay;
-  @include reveal-modal-base;
-  //@include reveal-modal-width(45%);
-  @include add-top-bottom-padding($y: 1);
-  margin-left: auto;
-  margin-right: auto;
-  overflow: auto;
-  position: relative;
-
-  @include breakpoint(large) {
-    width: 45% !important;
-  }
-
-  @include breakpoint(ipad) {
-    left: auto;
-    margin: 0 auto;
-    right: auto;
-    top: 30vh;
-    width: 65%;
-  }
-
-  @include breakpoint(medium down) {
-    @include reveal-modal-fullscreen;
-  }
-
-  @include e(content) {
-    @include add-column-padding;
-    overflow-y: auto;
-    padding-bottom: $ub-base-padding;
-    padding-top: $ub-base-padding;
-
-    @include breakpoint(ipad) {
-      max-height: 50vh;
-    }
-  }
-
-  @include e(title) {
-    @include add-column-padding;
-    @include txt-element(download-header);
-  }
-}
-
-.o-download-form {
-  > div { @include flex-grid-row(); }
-
-  @include e(item) {
-    @include flex-grid-column(12);
-  }
-
-  @include e(button) {
-    @extend .u-margin-top--small;
-    @include flex-grid-column(12);
-    text-align: center;
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_filterbar-modal.scss

@@ -1,20 +0,0 @@
-.o-filterbar-modal {
-  @include reveal-overlay;
-  @include reveal-modal-base;
-  @include reveal-modal-fullscreen;
-  background-color: rgba(map-get($ub-mignight, filterbar), .95);
-  overflow: auto;
-
-  > div {
-    margin-left: auto;
-    margin-right: auto;
-    max-width: $filterbar-xs * 2 + 1px;
-  }
-
-  @include m(show) {
-    align-items: center;
-    display: flex;
-    min-height: 100%;
-    min-height: 100vh;
-  }
-}

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

@@ -1,184 +0,0 @@
-.o-filterbar-title {
-  @include add-gutter(padding, bottom);
-  @include add-gutter(padding, top, 2);
-  text-align: center;
-
-  h1, h2 { @include txt-element(filter-header); }
-
-  h2 {
-    margin-bottom: .5rem;
-    text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
-  }
-
-  @include e(subheader) {
-    @include txt-element(filter-subheader);
-
-    @include breakpoint(large) {
-      padding-left: 10%;
-      padding-right: 10%;
-    }
-
-    @include breakpoint(xlarge) {
-      padding-left: 20%;
-      padding-right: 20%;
-    }
-  }
-}
-
-.o-filterbar {
-  @include flex;
-  @include flex-align($x: justify, $y: top);
-  margin: $ub-small-margin 0;
-
-  @include breakpoint(medium down) {
-    flex-direction: column;
-    margin: 0;
-  }
-
-  @include e(title) {
-    @include txt-element(filter-title);
-    text-align: center;
-    width: 100%;
-  }
-
-  @include e(list) {
-    @include button-group($child-selector: 'div');
-    @include flex-align($x: left, $y: top);
-    flex-wrap: wrap;
-    margin-bottom: $ub-base-margin;
-
-    > div { @include txt-element(filter-btn); border-radius: 0; }
-    > div:first-child { border-bottom-left-radius: $global-radius; border-top-left-radius: $global-radius; }
-    > div:last-child { border-bottom-right-radius: $global-radius; border-top-right-radius: $global-radius; }
-
-    @include m(facet) {
-
-    }
-
-    @include m(subjects) {
-      @include breakpoint(ipad only) {
-        max-width: map-get($filterbar-rectangle-2, ipad);
-      }
-    }
-
-    @include m(grades) {
-      @include breakpoint(ipad only) {
-        max-width: ($filterbar-square + 1) * 7;
-      }
-    }
-  }
-
-  @include e(item) {
-    @include flex;
-    @include flex-align($x: center, $y: middle);
-    height: $filterbar-height;
-    padding: 0 !important;
-
-    @include breakpoint(medium down) {
-      margin-bottom: 1px !important;
-    }
-
-    @each $code, $color in $ub-colorcodes {
-      @include m(#{$code}) {
-        @include button($background: $color, $background-hover: auto, $color: $ub-white);
-        @include flex;
-      }
-    }
-
-    @include m(facet) {
-      margin-bottom: 1px !important;
-    }
-
-    @include m(deselected) {
-      opacity: .35;
-    }
-
-    @include m(clear) {
-      font-weight: bold;
-      i { text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }
-
-      @include breakpoint(medium down) {
-        @include button($background: map-get($ub-mignight, clear), $background-hover: auto, $color: $ub-white);
-        @include flex;
-      }
-    }
-
-    @include m(rectangle-2) {
-      @include breakpoint-style-from-map($filterbar-rectangle-2, width);
-    }
-
-    @include m(rectangle-3) {
-      @include breakpoint-style-from-map($filterbar-rectangle-3, width);
-    }
-
-    @include m(rectangle-big) {
-      @include breakpoint-style-from-map($filterbar-rectangle-big, width);
-    }
-
-    @include m(square) {
-      width: $filterbar-square;
-    }
-  }
-}
-
-.o-filterbar-search {
-  width: 100%;
-
-  @include e(label) {
-    @include flex-grid-column(12, 0);
-    @include txt-element(filter-label);
-    background-color: $ub-label-bg;
-    border-radius: 0;
-    border-top-left-radius: $global-radius;
-
-    color: $ub-white;
-    height: $filterbar-height;
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(shrink, 0);
-    }
-
-    span {
-      @include flex;
-      align-items: center;
-      height: 100%;
-      padding-left: $ub-xlarge-padding;
-      padding-right: $ub-xlarge-padding;
-    }
-  }
-
-  @include e(input) {
-    @include flex-grid-column(12, 0);
-    border-radius: 0;
-    border-top-right-radius: $global-radius;
-    position: relative;
-    > input {
-      @include txt-element(filter-input);
-      border-radius: 0;
-      border-top-right-radius: $global-radius;
-      margin-bottom: 0;
-      &, &:focus { border: 0; }
-    }
-
-    @include breakpoint(medium) {
-      @include flex-grid-column(null, 0);
-    }
-  }
-
-  @include e(field) {
-    border-right: 0;
-    box-shadow: none;
-    height: $filterbar-height;
-    padding-left: $ub-large-padding;
-    padding-right: 2rem;
-  }
-
-  @include e(icon) {
-    color: #757575;
-    font-size: 2rem;
-    font-weight: bold;
-    position: absolute;
-    right: .75rem;
-    top: .9rem;
-  }
-}