lcms-engine 0.2.0 → 0.3.0

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

@@ -1,57 +0,0 @@
-.o-search-results {
-
-  @include e(list) {
-    list-style: none;
-    margin-left: 0;
-  }
-
-  @include e(item) {
-    @include add-gutter(padding, top, .75);
-    @include add-gutter(padding, bottom);
-    border-top: dotted 1px $ub-hr;
-    &:last-child {
-      border-bottom: dotted 1px $ub-hr;
-      @include add-gutter(margin, bottom);
-    }
-
-    a { color: inherit; }
-  }
-
-  @include e(header) {
-    @include txt-element(search-result-header);
-    text-transform: capitalize;
-  }
-
-  @include e(subheader) {
-    @include txt-element(search-result-subheader);
-    text-transform: capitalize;
-
-    .s-bullet {
-      padding-left: $ub-xs-padding / 2;
-      padding-right: $ub-xs-padding / 2;
-      &:after { content: '\2022'; }
-    }
-  }
-
-
-  @include e(title) {
-    @include txt-element(search-result-title);
-  }
-
-  @include e(teaser) {
-    @include txt-element(search-result-teaser);
-
-    @include breakpoint(medium) {
-      width: 75%;
-    }
-  }
-
-  @include e(empty) {
-    padding: $ub-xlarge-padding;
-
-    p  { margin: $ub-xlarge-margin 0; }
-    a  { text-decoration: underline; }
-
-    ul { margin-left: $ub-xlarge-margin; }
-  }
-}

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

@@ -1,159 +0,0 @@
-.o-sidebar {
-  @include e(wrap) {
-    //fix for Opera - TODO issue number
-    @include breakpoint(xlarge) {
-      max-width: 269px;
-    }
-    @include breakpoint(large only) {
-      max-width: 217.5px;
-    }
-    @include breakpoint(ipad only) {
-      max-width: 153.75px;
-    }
-    @include breakpoint(medium only) {
-      max-width: 140px;
-    }
-
-    @include breakpoint(medium down) {
-      margin-top: 0 !important;
-      min-width: 100%;
-    }
-  }
-
-  @include m(tiny) {
-    margin-left: 0;
-    margin-right: 0;
-    min-height: 1px;
-  }
-}
-
-.o-sidebar__wrap.is-stuck {
-  .o-sidebar-xs--show {
-    visibility: visible;
-    > div { display: block;}
-  }
-  .o-sidebar-nav__sticky-title {
-    @include breakpoint(ipad) {
-      display: block;
-    }
-  }
-}
-
-.o-sidebar-xs {
-  @extend %base-shadow;
-  @include flex-grid-row;
-  @include flex-align($x: justify, $y: middle);
-  @include add-top-bottom-padding;
-  color: $ub-white;
-  min-height: 1px;
-  visibility: hidden;
-
-  @include e(header) {
-    @include flex-grid-column;
-  }
-
-  @include e(action) {
-    @include flex-grid-column(shrink);
-    i { color: $ub-white; }
-  }
-
-  @include m(modal) {
-    @include add-top-bottom-padding;
-    visibility: visible;
-    > div { display: block;}
-  }
-}
-
-//TODO - refactor sidebar classes
-.o-sidebar-nav {
-  @include menu-base;
-  @include menu-direction(vertical);
-
-  @include breakpoint(medium down) {
-    display: none;
-  }
-
-  @include m(show) {
-    display: flex;
-  }
-
-  @include e(header) {
-    @include txt-element(cg-sidebar-header);
-    margin-bottom: 1rem;
-    padding: .4rem 0 .4rem 1rem;
-  }
-
-  @include e(sep) {
-    border-radius: .1875rem;
-    height: .375rem;
-    margin: 0 1rem 1.5625rem;
-    width: 3.5rem;
-  }
-
-  @include e(sticky-title) {
-    @include add-column-margin($x: -.5);
-    @include add-column-padding($x: .5);
-    color: $ub-white;
-    display: none;
-    margin-bottom: $ub-base-padding;
-    padding-bottom: $ub-base-padding;
-    padding-top: $ub-base-padding;
-  }
-
-  @include e(sticky-header) {
-    &, * {
-      @include txt-element(cg-sidebar-header);
-    }
-  }
-
-  @include e(item) {
-    @include e(content) {
-      margin-left: 1rem;
-    }
-
-    @include e(icon) {
-      float: left;
-    }
-
-    @include m(level1) {
-      @include txt-element(cg-sidebar-l1);
-    }
-
-    @include m(level2) {
-      @include txt-element(cg-sidebar-l2);
-      text-transform: uppercase;
-    }
-
-    @include m(level3) {
-      @include txt-element(cg-sidebar-l3);
-    }
-
-    a {
-      color: #959595;
-      line-height: 1.2 !important;
-      padding: 0 1rem .5rem !important;
-    }
-
-    & > .o-sidebar-nav {
-      margin-left: 1rem;
-      overflow: hidden;
-    }
-
-    @include breakpoint(ipad) {
-      & > .o-sidebar-nav {
-        max-height: 0;
-      }
-
-      &.expanded {
-        & > .o-sidebar-nav {
-          max-height: 1000px;
-          transition: max-height 1s;
-        }
-
-        & > a > .o-sidebar-nav__item__icon {
-          transform: rotate(90deg);
-        }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_simple-tab.scss

@@ -1,57 +0,0 @@
-.o-tab {
-  @include e(navigation) {
-    border-bottom: 1px solid $ub-txt;
-    display: flex;
-  }
-
-  @include e(panel) {
-  }
-}
-
-.o-tab-menu {
-  display: flex;
-  flex-flow: row wrap;
-  list-style-type: none;
-  margin-bottom: 0 !important;
-  margin-left: 0;
-  min-width: 1px;
-
-  @include e(item) {
-    float: left;
-    margin-right: $ub-base-padding;
-    padding-bottom: $ub-xs-padding;
-
-    > a:hover { color: $ub-heading-txt; }
-    > a {
-      @include txt-element(tab-title);
-      color: map-get($ub-txt-colors, light);
-      padding: 0;
-    }
-
-    @include m(active) {
-      border-bottom: 4px solid $ub-heading-txt;
-      > a { color: $ub-heading-txt; }
-    }
-
-    &.is-active {
-      border-bottom: 4px solid $ub-heading-txt;
-      > a { color: $ub-heading-txt; }
-    }
-  }
-}
-
-
-.c-easytabs {
-  .o-tab-menu {
-    border-bottom: 1px solid $ub-txt;
-    display: flex;
-    margin-bottom: 1em;
-
-    @include e(item) {
-      &.active {
-        border-bottom: 4px solid $ub-heading-txt;
-        > a { color: $ub-heading-txt; }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/_social-sharing.scss

@@ -1,20 +0,0 @@
-$social-btn-color: map-get($ub-colorcodes, base);
-
-.o-social-sharing {
-  @include menu-simple;
-  margin-bottom: 1.25rem;
-  margin-left: 0;
-
-  @include breakpoint(medium) {
-    margin-bottom: 0;
-  }
-
-  li { margin-right: .35rem; }
-
-  a {
-    color: $social-btn-color;
-    &:hover {
-      color: scale-color($social-btn-color, $lightness: -20%);
-    }
-  }
-}

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

@@ -1,33 +0,0 @@
-.o-title {
-  @include e(type) {
-    @include txt-element(title-type);
-
-    @include m(short) {
-      @include txt-element(title-type-short);
-    }
-
-    @include m(top-align) {
-      display: inline-flex;
-      line-height: 1;
-      vertical-align: top;
-    }
-  }
-
-  @include e(duration) {
-    @include txt-element(title-duration);
-    float: right;
-  }
-
-  @each $code, $color in $ub-colorcodes {
-    @include m(#{$code}) {
-      background-color: $color;
-    }
-  }
-}
-
-.o-content-title {
-  @include txt-element(breadcrumbs);
-  padding-bottom: $ub-small-padding;
-  padding-top: $ub-small-padding;
-  &, a {color: $ub-white;}
-}

data/app/assets/stylesheets/lcms/engine/components/_top-scroll-button.scss

@@ -1,28 +0,0 @@
-.o-top-scroll-button {
-  -moz-border-radius: 30px; /* initially hidden */
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  -webkit-border-radius: 30px;
-  -webkit-transform: rotate(180deg);
-  background: rgba(0,0,0,0.3) no-repeat center 43%;
-  border-radius: 30px;
-  bottom: 30px;
-  color: #fff;
-  display: none;
-  font-size: 60px;
-  height: 60px;
-  line-height: 60px;
-  position: fixed;
-  right: 30px;
-  text-align: center;
-  transform: rotate(180deg);
-  vertical-align: bottom;
-  width: 60px;
-  z-index: 999;
-  &:hover {
-    background: rgba(0,0,0,0.5) no-repeat center 43%;
-     color: #fff;
-  }
-}
-

data/app/assets/stylesheets/lcms/engine/components/_unit-bundles.scss

@@ -1,14 +0,0 @@
-.o-unit-bundles {
-  @include e(item) {
-    @include m(links) {
-    }
-
-    @include m(placeholder) {
-      margin-right: 30px;
-    }
-  }
-
-  h4 {
-    margin-bottom: .2em;
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/cg/_annotations.scss

@@ -1,48 +0,0 @@
-@mixin annotation-number($size: 1.75rem) {
-  border-radius: 50%;
-  display: inline-block;
-  font: bold .875rem $ub-serif !important;
-  height: $size;
-  line-height: $size !important;
-  margin: 0 .5rem 1rem 0;
-  padding: 0;
-  text-align: center;
-  width: $size;
-}
-
-.c-cg-annotationBox {
-  background-color: #fff;
-  padding: 1rem;
-  padding-left: 3.5rem;
-  position: relative;
-
-  @include e(number) {
-    @include annotation-number;
-    cursor: pointer;
-    left: 1rem;
-    position: absolute;
-  }
-}
-
-.c-cg-annotationList {
-  margin: 1rem 1rem 0;
-
-  * {
-    color: #000;
-    font-size: .875rem !important;
-  }
-}
-
-.c-cg-annotationListItem {
-  display: table-row;
-
-  @include e(content) {
-    display: table-cell;
-    margin-bottom: 1rem;
-  }
-
-  @include e(number) {
-    @include annotation-number;
-    color: #fff;
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/cg/_colorscheme.scss

@@ -1,60 +0,0 @@
-@mixin cg-color-scheme($map) {
-  .c-cg-annotation {
-    background-color: map-get($map, annotation-bg);
-  }
-
-  .c-cg-annotationBox {
-    @include e(number) {
-      background: #fff;
-      border: 1px solid map-get($map, annotation-number-bg);
-      color: map-get($map, annotation-number-bg);
-
-      &:hover, &:focus {
-        background: map-get($map, annotation-number-bg);
-        color: #fff;
-      }
-    }
-  }
-
-  .c-cg-annotationListItem {
-    @include e(number) {
-      background: map-get($map, annotation-number-bg);
-    }
-  }
-
-  .c-cg-blockquote {
-    border-left-color: map-get($map, blockquote-border);
-  }
-
-  .c-cg-pullquote {
-    border-left-color: map-get($map, pullquote-border);
-    color: map-get($map, pullquote);
-  }
-
-  .c-cg-task, .c-cg-video {
-    background: map-get($map, task-bg);
-
-    @include e(toggler) {
-      background: map-get($map, task-toggler-bg);
-      color: map-get($map, task-toggler);
-    }
-  }
-
-  .c-cg-content {
-    @include e(body) {
-      a:not(.o-btn) {
-        color: map-get($map, link) !important;
-        overflow-wrap: break-word;
-        word-break: break-all;
-        word-wrap: break-word;
-      }
-    }
-  }
-
-  .c-cg-table--left-border {
-    td {
-      border-left-color: map-get($map, blockquote-border) !important;
-    }
-  }
-
-}