lcms-engine 0.2.0 → 0.3.0

data/app/assets/stylesheets/lcms/engine/freshdesk/utils/_helpers.scss

@@ -1,22 +0,0 @@
-@mixin u-hr-small {
-  @include add-top-bottom-margin(.5);
-  background-color: $fd-yellow;
-  border-radius: 5px;
-  clear: both;
-  height: 4px;
-  margin-bottom: $ub-base-margin;
-  width: 35px;
-}
-
-.u-hr-small {
-  @include u-hr-small;
-}
-
-%fd-card {
-  border-radius: 3px;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
-}
-
-.u-margin-top--halfgutter {
-  @include add-gutter(margin, top, .5);
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/utils/_unit.scss

@@ -1,95 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-$global-font-size: 100% !default;
-
-// scss-lint:disable ZeroUnit
-
-/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.
-///
-/// @param {Number} $num - Number to strip unit from.
-///
-/// @returns {Number} The same number, sans unit.
-@function strip-unit($num) {
-  @return $num / ($num * 0 + 1);
-}
-
-/// Converts one or more pixel values into matching rem values.
-///
-/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
-/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
-///
-/// @returns {List} A list of converted values.
-@function rem-calc($values, $base: null) {
-  $rem-values: ();
-  $count: length($values);
-
-  // If no base is defined, defer to the global font size
-  @if $base == null {
-    $base: $global-font-size;
-  }
-
-  // If the base font size is a %, then multiply it by 16px
-  // This is because 100% font size = 16px in most all browsers
-  @if unit($base) == '%' {
-    $base: ($base / 100%) * 16px;
-  }
-
-  // Using rem as base allows correct scaling
-  @if unit($base) == 'rem' {
-    $base: strip-unit($base) * 16px;
-  }
-
-  @if $count == 1 {
-    @return -zf-to-rem($values, $base);
-  }
-
-  @for $i from 1 through $count {
-    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));
-  }
-
-  @return $rem-values;
-}
-
-// Converts a unitless, pixel, or rem value to em, for use in breakpoints.
-@function -zf-bp-to-em($value) {
-  // Pixel and unitless values are converted to rems
-  @if unit($value) == 'px' or unitless($value) {
-    $value: rem-calc($value, $base: 16px);
-  }
-
-  // Then the value is converted to ems
-  @return strip-unit($value) * 1em;
-}
-
-/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
-/// @access private
-///
-/// @param {Number} $value - Pixel value to convert.
-/// @param {Number} $base [null] - Base for pixel conversion.
-///
-/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
-@function -zf-to-rem($value, $base: null) {
-  // Check if the value is a number
-  @if type-of($value) != 'number' {
-    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';
-    @return $value;
-  }
-
-  // Calculate rem if units for $value is not rem
-  @if unit($value) != 'rem' {
-    $value: strip-unit($value) / strip-unit($base) * 1rem;
-  }
-
-  // Turn 0rem into 0
-  @if $value == 0rem {
-    $value: 0;
-  }
-
-  @return $value;
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/utils/_value.scss

@@ -1,138 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group functions
-////
-
-/// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list.
-///
-/// @param {Mixed} $val - Value to check.
-///
-/// @returns {Boolean} `true` if `$val` is not falsey.
-@function has-value($val) {
-  @if $val == null or $val == none {
-    @return false;
-  }
-  @if type-of($val) == 'number' and strip-unit($val) == 0 {
-    @return false;
-  }
-  @if type-of($val) == 'list' and length($val) == 0 {
-    @return false;
-  }
-  @return true;
-}
-
-/// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format.
-///
-/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. "1em 2em 1em"
-/// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`.
-///
-/// @returns {Number} A single value based on `$val` and `$side`.
-@function get-side($val, $side) {
-  $length: length($val);
-
-  @if $length == 1 {
-    @return $val;
-  }
-  @if $length == 2 {
-    @return map-get((
-      top: nth($val, 1),
-      bottom: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-    ), $side);
-  }
-  @if $length == 3 {
-    @return map-get((
-      top: nth($val, 1),
-      left: nth($val, 2),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-    ), $side);
-  }
-  @if $length == 4 {
-    @return map-get((
-      top: nth($val, 1),
-      right: nth($val, 2),
-      bottom: nth($val, 3),
-      left: nth($val, 4),
-    ), $side);
-  }
-}
-
-/// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color.
-///
-/// @param {List} $val - Border value to find a value in.
-/// @param {Keyword} $elem - Border component to extract.
-///
-/// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border.
-@function get-border-value($val, $elem) {
-  // Find the width, style, or color and return it
-  @each $v in $val {
-    $type: type-of($v);
-    @if $elem == width and $type == 'number' {
-      @return $v;
-    }
-    @if $elem == style and $type == 'string' {
-      @return $v;
-    }
-    @if $elem == color and $type == 'color' {
-      @return $v;
-    }
-  }
-
-  // Defaults
-  $defaults: (
-    width: 0,
-    style: solid,
-    color: #000,
-  );
-
-  @return map-get($defaults, $elem);
-}
-
-/// Finds a value in a nested map.
-/// @link https://css-tricks.com/snippets/sass/deep-getset-maps/ Deep Get/Set in Maps
-///
-/// @param {Map} $map - Map to pull a value from.
-/// @param {String} $keys... - Keys to use when looking for a value.
-/// @returns {Mixed} The value found in the map.
-@function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map-get($map, $key);
-  }
-  @return $map;
-}
-
-/// Casts a map into a list.
-/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/
-///
-/// @param {Map} $map - Map to pull a value from.
-///
-/// @returns {List} Depending on the flag, returns either $keys or $values or both.
-@function map-to-list($map, $keep: 'both') {
-  $keep: if(index('keys' 'values', $keep), $keep, 'both');
-
-  @if type-of($map) == 'map' {
-    $keys: ();
-    $values: ();
-
-    @each $key, $val in $map {
-      $keys: append($keys, $key);
-      $values: append($values, $val);
-    }
-
-    @if $keep == 'keys' {
-      @return $keys;
-    } @else if $keep == 'values' {
-      @return $values;
-    } @else {
-      @return zip($keys, $values);
-    }
-  }
-
-  @return if(type-of($map) != 'list', ($value,), $map);
-
-}

data/app/assets/stylesheets/lcms/engine/layout/_connect.scss

@@ -1,63 +0,0 @@
-.o-connect {
-  @include flex-grid-column(12, 0);
-  color: $ub-nav-link;
-  flex-direction: column;
-  padding-bottom: $ub-xlarge-padding;
-  padding-top: $ub-xlarge-padding;
-
-  @include breakpoint(medium) {
-    @include flex-grid-column(4, 0);
-  }
-
-  @include breakpoint(medium only) {
-  }
-
-  @include e(button) {
-    padding-bottom: .2rem;
-    padding-right: .2rem;
-  }
-
-  @include e(buttons) {
-    @include flex;
-    flex-wrap: wrap;
-  }
-
-  @include e(dsc) {
-    @include txt-element(connect-text);
-    margin-bottom: 1.5rem;
-    padding-right: $ub-base-padding;
-  }
-
-  @include e(list) {
-    @include menu-simple;
-    margin: 0;
-    li { margin-right: .75rem; }
-
-    i { font-size: 2.3rem; }
-
-    a {
-      color: $ub-nav-link;
-
-      &:hover {
-        color: scale-color($ub-nav-link, $lightness: -20%);
-      }
-    }
-  }
-
-  @include e(hr) {
-    border: 1px solid $ub-nav-link;
-    margin: 0;
-    opacity: .5;
-    width: 100%;
-
-    @include breakpoint(medium) {
-      display: none;
-    }
-  }
-
-  h2 {
-    @include txt-element(connect-header);
-    margin-bottom: 0;
-    text-transform: uppercase;
-  }
-}

data/app/assets/stylesheets/lcms/engine/layout/_header-search-form.scss

@@ -1,30 +0,0 @@
-.o-header-search-form {
-  $ub-search-form-bg: darken($ub-nav-bg, 5%);
-
-  @include placeholder($ub-nav-link);
-  height: 65px;
-  margin-bottom: 0;
-  input {
-    @include add-column-padding($x: 1);
-    @include add-top-bottom-padding($y: .5);
-    @include txt-element(subscribe-text);
-    max-width: 100% !important;
-    min-width: 1px;
-    &, &:focus {
-      background-color: $ub-search-form-bg;
-      border-color: $ub-search-form-bg;
-      box-shadow: none;
-      color: $ub-white;
-    }
-  }
-
-  @include e(submit) {
-    display: flex !important;
-    button {
-      @include button($background: $ub-search-form-bg, $background-hover: auto, $color: $ub-nav-link);
-      @include add-column-padding($x: 1);
-      //@include add-gutter(padding, right, 1);
-      margin: 0;
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/layout/_sticky-header.scss

@@ -1,179 +0,0 @@
-// 1. UnboundEd logo background: I picked a solid color for ELA (#9B310E) and Math (#005049). Let's keep these fixed, regardless of the subject/grade color code, and see if that works.
-// 2. The UnboundEd logo is actually meant to be white at 100% opacity (Unbound) and white at 66% opacity (Ed), or #FFFFFF and #FFFFFFA6.
-// 3) The background area behind the Lesson Info should be the subject/grade hex code—there are 14 each for ELA & Math (PK-12).
-// 4) The side blocks should be the same colors as in 3), but at 80% opacity.
-
-$ub-sticky-logo-width: 260px;
-
-.c-sticky-header {
-  // override some default foundation sticky values to meet design specs
-  height: auto !important;
-  .sticky {
-    width: 100%;
-    z-index: $reveal-zindex;
-  }
-  @include breakpoint(large) {
-    .sticky.is-anchored {
-      max-height: 1px;
-      visibility: hidden;
-
-      .c-sticky-header-dropdown, .c-sticky-header-sitemenu {
-        display: none;
-      }
-    }
-  }
-
-  @include e(item) {
-    @include flex;
-    align-items: center;
-    flex: 0 0 auto;
-    min-height: $ub-nav-height;
-    position: relative;
-  }
-
-  @include e(link) {
-    @include add-column-padding;
-    &, a { color: $ub-nav-link; }
-    &:hover, &:focus, a:hover, a:focus, &.active a { color: $ub-white; text-decoration: none; }
-    > a {
-      @include txt-element(nav-span);
-      font-size: 20px;
-      span:last-child:before { content: '\00a0'; }
-    }
-  }
-
-  @include e(menu) {
-    @include menu-direction(vertical);
-    > li > a { @include add-column-padding(0); }
-  }
-
-  @include e(submenu) {
-    @include menu-direction(horizontal);
-    @include add-column-padding;
-    background-color: rgba($ub-primary, .8);
-  }
-
-  @include e(submenu-link) {
-    a i { margin-right: 0 !important; }
-    a, &.active a, a:hover, a:focus {
-      color: darken($ub-nav-bg, 5%) !important;
-    }
-
-    a { padding: 0.7rem 1rem .7rem 0 !important; }
-
-    .fa-header-bg { color: $ub-white; }
-  }
-
-  @include e(summary) {
-    @include add-column-padding;
-    @include breakpoint-style-from-map($ld-sticky-header-height, height);
-    @include breakpoint-style-from-map($ld-sticky-header-padding, padding-top);
-    flex: 1 1 auto;
-  }
-
-  @include e(wrap) {
-    flex-wrap: nowrap !important;
-    position: relative;
-
-    @include breakpoint(medium down) {
-      padding-left: 0 !important;
-      padding-right: 0 !important;
-    }
-  }
-}
-
-.c-sticky-header-dropdown {
-  @include add-top-bottom-padding(1);
-  @include add-column-padding;
-  @include ld-content-dropdown;
-  background-color: $ub-white;
-  display: none;
-
-  @include breakpoint(large) {
-    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
-    flex: 1 1 auto;
-    margin-left: $ub-sticky-logo-width;
-    margin-right: $ub-nav-height;
-  }
-
-  @include e(wrap) {
-    position: fixed;
-    width: 100%;
-  }
-}
-
-.c-sticky-header-sitemenu {
-  background-color: $ub-nav-bg;
-  display: none;
-  margin-left: $ub-sticky-logo-width;
-
-  @include e(wrap) {
-    position: fixed;
-    width: 100%;
-  }
-}
-
-.c-sticky-header-title {
-  @include flex;
-
-  @include e(header) {
-    @include clamp(1, ld-sticky-title);
-    flex: 0 1 auto;
-  }
-
-  @include e(icon) {
-    flex: 0 0 auto;
-    margin-left: .5rem;
-  }
-}
-
-.c-sticky-header-toggle {
-  color: $ub-white;
-  cursor: pointer;
-  width: $ub-nav-height;
-
-  @include e(overlay) {
-    background-color: $ub-nav-bg;
-    height: 100%;
-    opacity: .1;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 1;
-
-    @include m(active) {
-      background-color: darken($ub-nav-bg, 5%);
-      opacity: 1;
-    }
-  }
-
-  @include e(toggle) {
-    @include add-column-padding;
-    z-index: $reveal-zindex;
-  }
-
-  &:hover {
-    .c-sticky-header-toggle__overlay {
-      opacity: 1;
-    }
-  }
-}
-
-.c-sticky-header-summary {
-  @include e(map) {
-    flex: 0 0 auto;
-    margin-right: 1rem;
-  }
-
-  @include e(content) {
-    flex: 1 1 auto;
-    a, a:hover, a:focus { color: $ub-white; }
-
-    i { @include txt-element(ld-sticky-icon); }
-  }
-
-  @include e(menu) {
-    display: none;
-    flex: 0 0 100%;
-  }
-}