lcms-engine 0.2.0 → 0.3.0

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

@@ -1,84 +0,0 @@
-.o-pagination {
-  @include flex-align($x: justify, $y: middle);
-  list-style: none;
-  text-transform: uppercase;
-
-  @include breakpoint(medium) {
-    @include flex-align($x: center, $y: middle);
-  }
-
-  @include e(item) {
-    &, a { color: $ub-txt; }
-    a:hover, a:focus {
-      i { font-weight: bold; }
-    }
-
-    @include m(next) {
-      @include flex-grid-column(shrink);
-      line-height: 1;
-    }
-
-    @include m(middle) {
-      @include flex-grid-column(shrink, 0);
-      line-height: 2;
-      text-align: center;
-    }
-
-    @include m(prev) {
-      @include flex-grid-column(shrink);
-      font-weight: bold;
-      line-height: 1;
-    }
-
-    @include m(disabled) {
-      &, a {
-        color: $medium-gray;
-        cursor: not-allowed;
-      }
-    }
-  }
-
-  @include e(break) {
-    display: block;
-    height: 2rem;
-    width: 2rem;
-  }
-
-  @include e(pages) {
-    @include txt-element(pagination);
-    display: inline-flex;
-    list-style: none;
-    margin-left: 0;
-    li {
-      display: none;
-      line-height: 2rem;
-      padding: 0 .35rem;
-
-      @include breakpoint(medium) {
-        display: block;
-        padding: 0 .7rem;
-      }
-    }
-    li.o-pagination__page--active { display: block; }
-    li a {
-      border-radius: 50%;
-      display: block;
-      height: 2rem;
-      width: 2rem;
-      &:hover, &:focus {
-        background-color: scale-color($ub-panel-bg, $lightness: 25%);
-        font-weight: bold;
-        transition: all .4s ease;
-      }
-    }
-  }
-
-  @include e(page) {
-    @include m(active) {
-      a {
-        background-color: $ub-panel-bg;
-        font-weight: bold;
-      }
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_panel-dsc.scss

@@ -1,37 +0,0 @@
-.o-dsc {
-  @include m(wrapped) {
-    @include flex-grid-row();
-    @include flex-grid-column();
-    @include flex-align($x: center);
-  }
-
-  @include e(title) {
-    @extend .u-text--small;
-    @extend .u-margin-bottom--small;
-    font-weight: bold;
-    text-align: center;
-    text-transform: uppercase;
-  }
-
-  @include e(dsc) {
-    @extend .u-text--large;
-    @extend .u-margin-bottom--large;
-    text-align: center;
-  }
-
-  @include e(txt) {
-    @extend .u-text--small;
-    @extend .u-margin-bottom--large;
-  }
-
-  @include e(cards) {
-    @include flex-grid-row($gutters: $grid-column-gutter);
-    @include flex-align($x: spaced);
-    @extend .u-margin-bottom--large;
-  }
-
-  @include e(button) {
-    text-align: center;
-  }
-
-}

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

@@ -1,7 +0,0 @@
-.o-panel {
-  padding: $ub-base-padding 0;
-
-  @include m(bottom) {
-    padding-top: $ub-xlarge-padding * 2;
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_related-instruction.scss

@@ -1,31 +0,0 @@
-.o-related-instruction {
-  @include e(title) {
-    @include txt-element(related-header);
-    margin-bottom: $ub-small-margin;
-    text-align: center;
-  }
-
-  @include e(teaser) {
-    @include grid-column-position(center);
-    margin-bottom: $ub-base-margin;
-    text-align: center;
-    width: 80%;
-  }
-
-  @include e(actions) {
-    @include menu-base;
-    @include menu-simple;
-    @include menu-direction(horizontal);
-    flex-wrap: wrap;
-    justify-content: center;
-  }
-
-  @include e(empty) {
-    text-align: center;
-  }
-
-  @include e(list) {
-    @include m(expanded) { width: 100%; }
-  }
-
-}

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

@@ -1,217 +0,0 @@
-$li-downloads-indent: 33.44px;
-
-.o-resource {
-  @include e(item) {
-    @include add-gutter;
-
-    @include m(description) {
-      @include html-description;
-    }
-
-    @include m(credits) {
-      @include txt-element(engageny);
-      h3 { font-size: 21px; }
-
-      ul {
-        @include txt-element(engageny);
-        margin-bottom: $ub-xs-padding;
-        margin-left: 0;
-        li { margin-right: 8px; }
-      }
-    }
-
-    h3, h4 {
-      color: $ub-cg-blockquote;
-      font-family: $ub-sanserif-condensed;
-      font-style: initial;
-      font-weight: 500;
-    }
-
-    h3 {
-      line-height: 34px;
-    }
-
-    h4 {
-      line-height: 28px;
-    }
-  }
-
-  @include e(preview) {
-    @extend %popup-shadow;
-    background-color: $ub-tooltip;
-    border: 0;
-    padding: 1rem;
-    width: 305px;
-  }
-
-  @include e(pdf-preview) {
-    @include m(full) {
-      &, iframe {
-        height: 960px;
-        max-width: 840px;
-        width: 100%;
-      }
-    }
-  }
-
-  @include e(taglist) {
-    @include menu-simple;
-    @include menu-direction($dir: horizontal);
-    flex-wrap: wrap;
-    margin-left: 0;
-
-    li {
-      display: inline-flex;
-      margin: 0;
-      padding: 0;
-
-      strong {
-        color: #555;
-      }
-    }
-  }
-
-  @include e(list) {
-    @include menu-base;
-    @include menu-direction($dir: vertical);
-
-    padding-bottom: 10px;
-
-    @include m(icons) {
-      @include menu-icons;
-    }
-
-    @each $code, $color in $ub-colorcodes {
-      @include m(#{$code}) {
-        li, a { color: $color; }
-        a:hover, a:focus { color: scale-color($color, $lightness: -20%); }
-      }
-    }
-
-    li {
-      padding-bottom: .35rem;
-      padding-top: .35rem;
-    }
-
-    li i {
-      margin-right: 5px;
-      &.fa-eye { padding-right: 2.25px; }
-      &:not(.file-pdf):not(.fa-eye).u-li-indent {
-        padding-left: $li-downloads-indent;
-      }
-    }
-  }
-
-  @include e(cc) {
-    margin-bottom: .525rem;
-  }
-}
-
-.o-resource-title {
-  @include flex-grid-row(nest);
-
-  @include e(title) {
-    @include flex-grid-column;
-
-    @include breakpoint(ipad down) {
-      @include flex-grid-column(12);
-    }
-  }
-
-  @include e(links) {
-    @include flex-grid-column(shrink);
-
-    @include breakpoint(ipad down) {
-      @include flex;
-      @include flex-grid-column(12);
-      flex-flow: row wrap;
-      margin-top: $ub-xs-padding;
-      > div { margin-right: $ub-xs-padding;}
-    }
-  }
-}
-
-.o-resource-summary {
-  @include flex-grid-row(nest);
-
-  @include m(2x) {
-    @include flex-grid-row(nest, $gutters: $grid-column-2xgutter);
-  }
-
-  @include e(map) {
-    @include flex-grid-column(shrink);
-    width: map-get($curriculum-map-width, base) + 30px;
-
-    @include m(2x) {
-      @include flex-grid-column(shrink, $gutters: $grid-column-2xgutter);
-
-      @include breakpoint(small only) {
-        @include flex-grid-column(12, $gutters: $grid-column-2xgutter);
-      }
-    }
-
-    @include breakpoint(small only) {
-      @include flex-grid-column(12);
-      text-align: center;
-    }
-  }
-
-  @include e(title) {
-    @include txt-element(resource-map-header);
-  }
-
-  @include e(content) {
-    @include flex-grid-column;
-
-    @include breakpoint(large) {
-      margin-right: 8%;
-
-      @include m(media) {
-        margin-right: -10%;
-      }
-    }
-
-    @include breakpoint(small only) {
-      @include flex-grid-column(12);
-    }
-
-    @include m(2x) {
-      @include flex-grid-column($gutters: $grid-column-2xgutter);
-
-      @include breakpoint(small only) {
-        @include flex-grid-column(12, $gutters: $grid-column-2xgutter);
-      }
-    }
-  }
-}
-
-.o-resource-hr {
-  @include add-gutter($subtype: bottom, $x: 4 / 3);
-  @include add-gutter($subtype: top, $x: 4 / 3);
-  border-bottom: 1px solid #b2b2b2;
-}
-
-.o-resource-downloads {
-  flex: 0 0 100%;
-  max-width: 100%;
-
-  @include e(btn) {
-    @include txt-element(resource-more);
-    cursor: pointer;
-    padding-left: $li-downloads-indent;
-
-    @include m(less) {
-      display: none;
-    }
-  }
-
-  @include e(list) {
-    display: none;
-  }
-}
-
-.u-resource-tooltip {
-  @include txt-element(engageny);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
-  max-width: 15rem !important;
-}

data/app/assets/stylesheets/lcms/engine/components/_search-dropdown.scss

@@ -1,23 +0,0 @@
-.o-search-dropdown {
-  background-color: #fffbf0;
-  position: relative;
-  // margin-top: -0.5rem;
-  // margin-left: -1em;
-  width: 100%;
-}
-
-.o-search-dropdown-result {
-  display: block;
-  font-size: 1.2rem;
-  padding: 1rem;
-
-  @include m(more) {
-    font-style: italic;
-  }
-}
-
-.o-search-dropdown-result:hover,
-.o-search-dropdown-result__selected {
-  background-color: #fb8d32;
-  color: #fff;
-}

data/app/assets/stylesheets/lcms/engine/components/_search-header.scss

@@ -1,45 +0,0 @@
-.o-s-header {
-  @include flex-align($x: justify, $y: middle);
-  @include add-gutter(margin, top, 1);
-  @include add-gutter(margin, bottom, 1);
-
-  p { margin-bottom: 0; }
-
-  @include e(item) {
-    @include flex-grid-column(12);
-    &, p { @include txt-element(search-header); }
-
-    @include breakpoint(medium) {
-      @include flex-grid-column;
-    }
-  }
-}
-
-.o-s-select {
-  @include flex-grid-row;
-  @include flex-align($x: right, $y: middle);
-  outline: 0;
-
-  @include e(item) {
-    @include flex-grid-column(shrink, 0);
-    font-style: normal;
-
-    select {
-      @include txt-element(search-select);
-      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 24"><path fill="#929299" d="M31.322 9.965c-0.965-0.965-2.525-0.965-3.49 0l-11.83 11.83-11.83-11.83c-0.965-0.965-2.525-0.965-3.49 0s-0.965 2.525 0 3.49l13.575 13.575c0.481 0.481 1.113 0.723 1.745 0.723s1.264-0.242 1.745-0.723l13.575-13.575c0.963-0.963 0.963-2.525 0-3.49z"></path></svg>');
-      background-origin: border-box;
-      background-position: right top;
-      background-size: 12px;
-      border: 0;
-      height: auto;
-      margin: 0;
-      outline: 0;
-      padding: 0 .5rem;
-      padding-right: 8px;
-
-      &:focus { border: 0; outline: 0;}
-      &:hover, &:focus { cursor: pointer; }
-    }
-  }
-
-}