lcms-engine 0.2.0 → 0.3.0

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

@@ -1,20 +0,0 @@
-.o-contents-modal {
-  @include reveal-overlay;
-  @include reveal-modal-base;
-  @include reveal-modal-fullscreen;
-  margin-left: auto;
-  margin-right: auto;
-  overflow: auto;
-  position: relative;
-  top: 0 !important;
-
-  @include e(content) {
-    //@include add-column-padding;
-    @include add-top-bottom-padding;
-  }
-
-  .is-accordion-submenu-parent > a::after { display: none; }
-  li[aria-expanded=true] > a > .o-sidebar-nav__item__icon {
-    transform: rotate(90deg);
-  }
-}

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

@@ -1,11 +0,0 @@
-.c-cg-dropdown {
-  background: #fff8e5;
-  border: zero;
-  font-size: 1rem !important;
-  line-height: 1.2 !important;
-  padding: 1rem;
-
-  * {
-    word-wrap: break-word;
-  }
-}

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

@@ -1,35 +0,0 @@
-.c-cg-faq {
-  @include add-column-padding;
-  @include add-gutter(padding, bottom, 1);
-  @include add-gutter(padding, top, 1.5);
-  @include add-gutter(margin, bottom, 1, $grid-column-2xgutter);
-  background-color: $ub-faq-bg;
-  border-radius: $global-radius;
-  display: flex;
-  flex-flow: row wrap;
-
-  @include breakpoint(medium down) {
-    margin-top: -108px;
-  }
-
-  @include e(img) {
-    flex: 0 0 auto;
-    > div {
-      background-image: image-url('lcms/engine/bg-for-question@3x.png');
-      background-repeat: no-repeat, no-repeat;
-      background-size: 100%;
-      text-align: center;
-      width: 80px;
-    }
-  }
-
-  @include e(body) {
-    flex: 1 1 0;
-    min-height: 1px;
-
-    @include breakpoint(medium) {
-      @include add-gutter(padding, left, 1);
-    }
-  }
-
-}

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

@@ -1,20 +0,0 @@
-.c-cg-footnote {
-  * {
-    font-size: .875rem !important;
-  }
-
-  a[id*=ftnt] {
-    font-weight: bold;
-  }
-}
-
-.c-cg-sup {
-  font-family: $ub-sanserif-condensed !important;
-  font-size: 12px !important;
-  font-weight: 500 !important;
-}
-
-sup {
-  clear: both;
-  vertical-align: top !important;
-}

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

@@ -1,11 +0,0 @@
-// Need to do this b/c for math we need table layout and width from gdoc
-// except tables containing keywords
-.o-page--cg-math {
-  .c-cg-single-cell-table {
-    width: auto !important;
-
-    @include m(full-length) {
-      width: 100% !important;
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-.c-cg-icon {
-  background-repeat: no-repeat;
-  background-size: contain;
-  clear: left;
-  float: left;
-  height: 80px;
-  margin: 0 1rem 1rem 0;
-  width: 80px;
-
-  @include m(complexity) {
-    background-image: asset-url('cg_icon_complexity.png');
-  }
-
-  @include m(instruction) {
-    background-image: asset-url('cg_icon_instruction.png');
-  }
-
-  @include m(volume) {
-    background-image: asset-url('cg_icon_volume.png');
-  }
-}
-
-.c-cg-icon-small {
-  background-repeat: no-repeat;
-  background-size: contain;
-  display: inline-block;
-  height: 40px;
-  vertical-align: middle;
-  width: 40px;
-}

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

@@ -1,5 +0,0 @@
-.c-cg-keyword {
-  cursor: help;
-  font-weight: bold !important;
-  white-space: nowrap;
-}

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

@@ -1,3 +0,0 @@
-.c-cg-link:after {
-  content: ' ';
-}

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

@@ -1,18 +0,0 @@
-.c-cg-blockquote {
-  border-left-style: solid;
-  border-left-width: 5px;
-  clear: both;
-  padding-left: 1.5rem;
-
-  &, * { color: $ub-cg-blockquote !important; }
-}
-
-.c-cg-pullquote {
-  border-left-style: solid;
-  border-left-width: .125rem;
-  float: right;
-  font: italic 1.25rem / 1.3 $ub-serif;
-  margin: 1.5rem 0 1rem 3.25rem;
-  padding-left: 1.125rem;
-  width: 50%;
-}

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

@@ -1,23 +0,0 @@
-.c-cg-standard {
-  background-size: contain;
-  display: inline-block;
-  height: .75rem;
-  margin-right: .25rem;
-  width: .75rem;
-
-  @include m(a) {
-    background-image: asset-url('st_icon_a.svg');
-  }
-
-  @include m(m) {
-    background-image: asset-url('st_icon_m.svg');
-  }
-
-  @include m(plus) {
-    background-image: asset-url('st_icon_plus.svg');
-  }
-
-  @include m(s) {
-    background-image: asset-url('st_icon_s.svg');
-  }
-}

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

@@ -1,50 +0,0 @@
-.c-cg-scroll-wrap {
-  clear: both;
-  overflow-x: auto;
-
-  @include breakpoint(ipad down) {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-  }
-}
-
-.c-cg-single-cell-table {
-  tbody {
-    border: zero;
-  }
-}
-
-.c-cg-table {
-  p {
-    margin: 0;
-  }
-
-  tbody {
-    border: zero;
-  }
-
-  td {
-    border-left: 1px solid #cacaca;
-    font-size: 1.125rem;
-    padding: .875rem;
-    vertical-align: top;
-
-    &:last-child {
-      padding-right: 0;
-    }
-
-    &:first-child {
-      border-left: zero;
-      padding-left: 0;
-    }
-  }
-
-  tr {
-    background: #fff !important;
-    border-bottom: 1px solid #cacaca;
-
-    &:last-child {
-      border-bottom: zero;
-    }
-  }
-}

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

@@ -1,43 +0,0 @@
-.c-cg-task {
-  clear: both;
-
-  @include e(body) {
-    padding: 1.25rem 1.25rem .25rem;
-    span { text-decoration: none !important; }
-
-    a {
-      font-weight: bold;
-      text-decoration: none !important;
-    }
-  }
-
-  @include e(copyright) {
-    font-style: italic;
-    margin-top: 1rem;
-  }
-
-  @include e(hidden) {
-    display: none;
-    padding-top: 1em;
-  }
-
-  @include e(title) {
-    color: #555;
-    font: 1.5rem $ub-sanserif-condensed;
-    font-weight: 500 !important;
-    margin: 0;
-    padding: 1rem 1rem 0;
-  }
-
-  @include e(toggler) {
-    @include txt-element(button);
-    cursor: pointer;
-    display: block;
-    padding: .75rem 0;
-    text-align: center;
-  }
-
-  @include e(toggler__hide) {
-    display: none;
-  }
-}

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

@@ -1,10 +0,0 @@
-.c-cg-video {
-  padding: 1rem;
-
-  @include e(title) {
-    font: 1.5rem $ub-sanserif-condensed;
-    font-weight: 500;
-    margin: 0;
-    word-break: normal !important;
-  }
-}

data/app/assets/stylesheets/lcms/engine/components/support/_helpdesk.scss

@@ -1,25 +0,0 @@
-.o-helpdesk {
-  @include add-column-padding;
-  background-color: $ub-helpblock;
-  display: flex;
-  flex-flow: row wrap;
-
-  @include e(content) {
-    flex: 0 0 100%;
-
-    @include breakpoint(ipad) {
-      flex: 1 1 auto;
-    }
-  }
-
-  @include e(cta) {
-    flex: 0 0 auto;
-    margin-bottom: 0;
-    margin-top: .5rem;
-
-    @include breakpoint(ipad) {
-      align-self: center;
-      margin-top: 0;
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/base/_colors.scss

@@ -1,25 +0,0 @@
-// colors from portal settings
-// background
-$fd-body: #ededed;
-$fd-header: #2f2850;
-$fd-footer: #2f2850;
-$fd-helpcenter: #fff;
-// tab colors
-$fd-tab-active-bg: $fd-body;
-$fd-tab-bg: $fd-body;
-// portal fonts
-$fd-body-color: #4c4c4c;
-$fd-heading-color: #423872;
-// link colors
-$fd-link-text: #423872;
-$fd-link-hover: $fd-link-text;
-// form elements
-$fd-heading-divider: #b1b1b1;
-$fd-primary-action-btn: #ffbf00;
-$fd-secondary-action-btn: #fff;
-
-// other colors (will be in css)
-$fd-border: #4a4a4a;
-$fd-header-bg: #69618d;
-$fd-header-logo: #1b182e;
-$fd-yellow: #ffbf00;

data/app/assets/stylesheets/lcms/engine/freshdesk/base/_typography.scss

@@ -1,19 +0,0 @@
-$ub-freshdesk-typography: (
-  breadcrumb: (color: #7f8184, font-size: 16px, font-weight: 600, line-height: 19px),
-  button: (font-size: 14px, font-weight: 600, line-height: 17px, text-align: center, text-transform: capitalize),
-  footer-links: (color: #fff, opacity: .4, font-size: 17px, font-weight: 600, line-height: 20px),
-  header: (color: #fff, font-size: 33px, font-weight: 500, line-height: 1),
-  lead: (color: #4c4c4c, font-size: 28px, font-weight: 500, line-height: 34px),
-  tab-title: (color: #4a4a4a, text-transform: uppercase, font-size: 14px, font-weight: bold, line-height: 32px),
-  title: (color: #423872, font-size: 30px, font-weight: 600, line-height: 36px)
-);
-
-@each $element, $typo in $ub-freshdesk-typography {
-  .u-fd-txt--#{$element} {
-    @include txt-element($element, $ub-freshdesk-typography);
-  }
-}
-
-@mixin txt-fd-element($element) {
-  @include txt-element($element, $ub-freshdesk-typography);
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/components/_block.scss

@@ -1,5 +0,0 @@
-.o-block {
-  @extend %fd-card;
-  @include add-column-padding;
-  @include add-top-bottom-padding;
-}

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

@@ -1,5 +0,0 @@
-.btn {
-  @include txt-fd-element(button);
-  border: 0;
-  border-radius: 3px;
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/components/_help-center.scss

@@ -1,59 +0,0 @@
-.help-center {
-  @include breakpoint(medium) {
-    @include add-top-bottom-padding;
-    @include add-column-padding;
-    border-radius: 3px;
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
-
-    .hc-search {
-      @include add-gutter(padding, right, 1);
-    }
-
-    .hc-search-form {
-      border-radius: 3px;
-      padding: 0;
-    }
-
-    .hc-search-input input {
-      background-color: $fd-body;
-      border: 0;
-      border-radius: 3px;
-      box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .12);
-    }
-
-    .hc-search-input input,
-    .hc-search-button .btn {
-      height: 50px;
-    }
-
-    .hc-search-button {
-      .btn {
-        background-image: none;
-        text-shadow: 0 0 2px rgba(0, 0, 0, .15);
-        text-transform: capitalize;
-      }
-    }
-
-    .hc-nav  {
-      @include add-gutter(padding, left, 1);
-      vertical-align: bottom;
-
-      nav {
-        div + div > a { margin-top: 20px; }
-      }
-
-      a {
-        @include txt-fd-element(button);
-        border: 1px solid #646464;
-        border-radius: 3px;
-        color: #4a4a4a;
-        padding: 8px 12px;
-        width: 100%;
-
-        &::before {
-          display: none;
-        }
-      }
-    }
-  }
-}