RubyGems - lcms-engine - Versions diffs - 0.2.0 → 0.3.0 - Mend

lcms-engine 0.2.0 → 0.3.0

Files changed (393) hide show

data/app/assets/stylesheets/lcms/engine/components/_buttons.scss DELETED

@@ -1,200 +0,0 @@
-%ub-btn-font {
-  @include txt-element(button);
-}
-%ld-btn-padding {
-  padding-bottom: 10px !important;
-  padding-top: 13px !important;
-}
-@mixin ub-button-hollow($background: $primary-color, $color: $ub-white, $color-hover: $ub-white) {
-  background-color: transparent;
-  border: 1px solid $background;
-  color: $color;
-  &:hover, &:focus {
-    background-color: $background;
-    border-color: transparent;
-    color: $color-hover;
-  }
-}
-.ub-close-button {
-  background: $medium-gray;
-  border-radius: 0;
-  color: $ub-white;
-  cursor: pointer;
-  height: $filterbar-square;
-  line-height: 1;
-  padding: 0;
-  right: 0;
-  top: 0;
-  width: $filterbar-square;
-  span i { font-size: 2rem; }
-}
-.o-btn {
-  @extend %btn-shadow;
-  @include button-base;
-  @include txt-element(button);
-  margin-bottom: $ub-xs-padding;
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-  @include breakpoint(medium) {
-    margin: 0;
-  }
-  @each $type, $color in $ub-buttons {
-    $btn-color: if($type == 'base', $ub-txt, $ub-white);
-    @include m(#{$type}) {
-      @include button-style($background: $color, $background-hover: auto, $color: $btn-color);
-    }
-  }
-  @each $type, $color in $ub-buttons {
-    $btn-color: if($type == 'base', $ub-txt, $ub-white);
-    @include m(bordered-#{$type}) {
-      @include ub-button-hollow($background: $color, $color: $btn-color);
-    }
-  }
-  @each $type, $color in $ub-buttons {
-    @include m(2bordered-#{$type}) {
-      @include ub-button-hollow($background: $color, $color: $color);
-    }
-  }
-  @include m(register) {
-    @include ub-button-hollow($background: $ub-white, $color: $ub-white, $color-hover: $ub-primary);
-    @include txt-element(button-register);
-  }
-  @include m(expand) {
-    @include button-expand(true);
-  }
-  @include m(xs-full) {
-    @include breakpoint(small only) {
-      width: 100%;
-    }
-  }
-}
-.o-ub-btn {
-  @extend %btn-shadow;
-  @include button-base;
-  @include txt-element(button);
-  margin-bottom: $ub-small-margin / 2;
-  min-width: 200px;
-  @include m(bordered) {
-    @include button-hollow;
-    @include button-hollow-style($ub-btn-base);
-  }
-  @include m(curriculum) {
-    box-shadow: none;
-    color: map-get($ub-txt-colors, #808080);
-  }
-  @include m(connect) {
-    @include button-style($background: $ub-nav-link, $background-hover: auto, $color: $ub-primary);
-    @include txt-element(button-connect);
-    margin-bottom: 0;
-  }
-  @include m(faq) {
-    min-width: 100px;
-  }
-  @include m(helpdesk) {
-    @extend %ld-btn-padding;
-    line-height: 17px;
-    min-width: 150px;
-  }
-  @include m(subtle) {
-   text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
-  }
-  @include m(disabled) {
-    @include button-disabled;
-    pointer-events: none;
-  }
-  @include m(force-disabled) {
-    cursor: not-allowed !important;
-    opacity: .25 !important;
-  }
-  @each $type, $color in $ub-buttons {
-    $btn-color: if($type == 'base', $ub-txt, $ub-white);
-    @include m(#{$type}) {
-      @include button-style($background: $color, $background-hover: auto, $color: $btn-color);
-    }
-  }
-  @each $type, $color in $ub-buttons {
-    $btn-color: if($type == 'base', $ub-txt, $ub-white);
-    @include m(bordered-#{$type}) {
-      @include ub-button-hollow($background: $color, $color: $btn-color);
-    }
-  }
-  @each $type, $color in $ub-buttons {
-    @include m(2bordered-#{$type}) {
-      @include ub-button-hollow($background: $color, $color: $color);
-    }
-  }
-}
-.o-ub-ld-btn {
-  @extend %btn-shadow;
-  @include button-base;
-  @include txt-element(button);
-  margin-bottom: $ub-small-margin / 2;
-  min-width: 150px;
-  @include m(bordered) {
-    @extend %ld-btn-padding;
-    @include ub-button-hollow($background: $ub-white, $color: $ub-white);
-    opacity: .8;
-    width: map-get($curriculum-map-width, base);
-    &:hover, &:focus {
-      background: none;
-      border-color: $ub-white;
-      opacity: 1;
-    }
-  }
-  @include m(ela) {
-    $color: map-get($ub-colorcodes, ela-base);
-    @extend %ld-btn-padding;
-    @include button-style($background: $ub-white, $background-hover: $ub-white, $color: $color);
-    opacity: .9;
-    &:hover, &:focus { opacity: 1; }
-  }
-  @include m(math) {
-    $color: map-get($ub-colorcodes, math-base);
-    @extend %ld-btn-padding;
-    @include button-style($background: $ub-white, $background-hover: $ub-white, $color: $color);
-    opacity: .9;
-    &:hover, &:focus { opacity: 1; }
-  }
-  @include m(material) {
-    &:hover, &:focus {
-      background-color: map-get($ub-ld-colorcodes, material-overlay);
-      color: $ub-white;
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_cards.scss DELETED

@@ -1,36 +0,0 @@
-.o-card {
-  display: flex;
-  @extend .u-margin-bottom--small;
-  @include e(title) {
-    @extend .u-margin-bottom--small;
-  }
-  @include e(dsc) {
-    @extend .u-text--small;
-  }
-  @include e(button) {
-  }
-  @include m(base) {
-    @include flex-grid-column(12);
-    @include breakpoint(large) {
-      @include flex-grid-column(3);
-    }
-    @include breakpoint(medium only) {
-      @include flex-grid-column(6);
-    }
-  }
-  @include m(large) {
-    @include flex-grid-column(12);
-    @extend .u-margin-bottom--small;
-    @include breakpoint(medium) {
-      @include flex-grid-column(6);
-    }
-  }
-}

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

@@ -1,22 +0,0 @@
-.c-cg-content__body {
-  @import
-    'cg/annotations',
-    'cg/elements',
-    'cg/footnote',
-    'cg/icons',
-    'cg/keywords',
-    'cg/links',
-    'cg/quotes',
-    'cg/standards',
-    'cg/table',
-    'cg/task',
-    'cg/video';
-}
-@import
-  'cg/colorscheme',
-  'cg/contents-modal',
-  'cg/faq';
-@import
-  'cg/hacks';

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

@@ -1,237 +0,0 @@
-$ub-cur-card-margin: 2px;
-@mixin card-active-bg($color) {
-  background-color: $color !important;
-  .o-cur-card__actions {
-    [class^='o-ub-btn'] {
-      @include button-style($background: $ub-white, $background-hover: auto, $color: $color);
-    }
-    [class*=' o-ub-btn--bordered'] {
-      @include button-hollow;
-      @include button-hollow-style($ub-white);
-    }
-  }
-}
-@mixin card-active-txt {
-  color: $ub-white !important;
-  [class^='cs-bg'], [class*=' cs-bg'] { background-color: $ub-white !important; }
-  .o-title__type, .o-title__type--short,
-  .o-title__duration, .o-cur-card__ellipsis, h3 { color: $ub-white; }
-}
-@each $code, $color in $ub-colorcodes {
-  .touchevents {
-    .o-cur-card-active--#{$code} {
-      @include card-active-bg($color);
-      @include card-active-txt;
-    }
-  }
-  .no-touchevents {
-    @include breakpoint(ipad up) {
-      .o-cur-card-hover--#{$code} {
-        &:hover, &:focus {
-          @include card-active-bg($color);
-        }
-      }
-    }
-    @include breakpoint(ipad up) {
-      .o-cur-card {
-        &:hover, &:focus {
-          @include card-active-txt;
-        }
-      }
-    }
-  }
-  .o-cur-card {
-    &:hover, &:focus {
-       .o-cur-card__map .o-ch-unit-map .o-ch-unit-map__assessment--#{$code}{
-        background-color: $color !important;
-        border: 2px solid $ub-white;
-      }
-    }
-  }
-}
-.o-cur-card {
-  @extend .u-bg--light;
-  @extend %material-card;
-  @include flex-grid-row;
-  @include add-top-bottom-padding;
-  @include add-column-padding;
-  cursor: pointer;
-  @include breakpoint(medium down) {
-    padding: 1.5rem !important;
-  }
-  @include e(map) {
-    @include flex-grid-column(shrink, 0);
-    @include flex;
-    flex-flow: column nowrap;
-    justify-content: space-between;
-    @include breakpoint(medium down) {
-      display: none;
-    }
-  }
-  @include e(map-wrap) {
-    display: flex;
-    flex-flow: column wrap;
-    justify-content: space-between;
-  }
-  @include e(body) {
-    @include flex-grid-column($gutters: $grid-column-2xgutter);
-    @include zero-margin-bottom;
-    h3 { margin-bottom: 0; }
-    @include m(short) {
-      @include breakpoint(ipad){
-        margin-top: $curriculum-card-short-top;
-      }
-    }
-    @include m(medium) {
-      margin-top: -2px;
-    }
-    @include breakpoint(medium down) {
-      @include add-column-padding($x: 0);
-      @include flex-order(2);
-      @include flex-grid-column(12, 0);
-    }
-  }
-  @include e(title) {
-    @include m(short) {
-    }
-    @include m(medium) {
-    }
-  }
-  @include e(dsc) {
-    @include txt-element(card-dsc);
-    padding-top: $ub-small-padding;
-    @include m(short) {
-      //overflow: hidden;
-      //text-overflow: ellipsis;
-      //white-space: nowrap;
-    }
-    @include m(medium) {
-      //@include clamp(3);
-    }
-  }
-  @include e(actions) {
-    @include flex-grid-column(shrink, 0);
-    @include m(short) {
-      @include flex-align-self(middle);
-    }
-    @include breakpoint(medium down) {
-      @include flex;
-      @include flex-align($x: justify, $y: middle);
-      @include flex-order(1);
-      @include flex-grid-column(12, 0);
-      flex-flow: row nowrap;
-      height: 21px;
-      > div,  ul {
-        flex: 0 0 auto;
-        width: auto;
-      }
-    }
-  }
-  @include e(menu) {
-    @include menu-base;
-    @include menu-direction(vertical);
-    li > a { z-index: $reveal-zindex - 1; }
-    @include m(medium) {
-      li > a {
-        @include flex-align(center, middle);
-        margin-bottom: $ub-small-margin / 2;
-      }
-    }
-    @include m(short) {
-      .is-dropdown-submenu {
-        right: 0% !important;
-        top: 34px;
-      }
-      .submenu {
-        &::before {
-          background: $ub-white;
-          border-bottom: 1px solid $medium-gray;
-          border-right: 1px solid $medium-gray;
-          content: '';
-          display: block;
-          height: $tooltip-pip-width;
-          position: absolute;
-          right: 12px;
-          top: -$tooltip-pip-width * .5;
-          transform: rotate(-135deg);
-          width: $tooltip-pip-width;
-        }
-      }
-    }
-  }
-  @include e(ellipsis) {
-    color: $ub-txt;
-    cursor: pointer;
-    display: flex !important;
-    padding: 0 !important;
-    padding-right: 10px !important;
-    &, i { line-height: .5; }
-    @include breakpoint(medium down) {
-      margin-right: -7px;
-      padding-right: 0 !important;
-    }
-  }
-  @include m(grade) {
-    @include add-gutter(margin, bottom, 1);
-  }
-  @include m(show-medium)  {
-    display: inherit;
-    @include breakpoint(ipad down) {
-      &.o-cur-card__menu { display: none; }
-    }
-  }
-  @include m(show-short) {
-    display: none;
-    @include breakpoint(ipad down) {
-      &.o-cur-card__menu { display: inherit; }
-    }
-  }
-  @include m(short) {
-    @extend %map-transition;
-    @include add-top-bottom-padding(.5);
-    @include add-column-padding(.5);
-    .o-cur-card--show-medium { display: none; }
-    .o-cur-card--show-short { display: inherit; }
-  }
-}