lcms-engine 0.2.0 → 0.3.0

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

@@ -1,33 +0,0 @@
-.page-tabs {
-  &, .nav-link a {
-    @include txt-fd-element(tab-title);
-    font-weight: normal;
-
-    &.active { font-weight: bold; }
-  }
-
-  @include breakpoint(medium) {
-    @include add-gutter(margin, top, 2);
-    @include add-gutter(margin, bottom, 1);
-    border: 0;
-    border-bottom: 1px solid $fd-border;
-    border-radius: 0;
-
-    .nav-link a {
-      border: 0;
-      font-weight: normal;
-      margin-right: 20px;
-      min-width: auto;
-      padding: 0;
-      text-align: left;
-
-      &:first-child {
-        border-radius: 0;
-      }
-
-      &.active {
-        border-bottom: 4px solid $fd-border;
-      }
-    }
-  }
-}

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

@@ -1,42 +0,0 @@
-//
-// This is classes for freshdesk portal for UB Theme
-// To build it use smth like scss ./freshdesk.scss > ./freshdesk.css and put result css at customize sectoion
-// Also check ./layout, ./pages for liquid templates that are different from default one, put them to freshdesk too
-// Check colors at ./base/colors, most of them need to be set at freshdesk
-//
-@charset "utf-8";
-
-@import
-  '../utils/variables',
-  '../utils/mixins',
-  'base/colors';
-
-@import
-  'themes/settings';
-
-@import
-  'utils/unit',
-  'utils/value',
-  'utils/breakpoint',
-  'utils/helpers';
-
-@import
-  'base/typography';
-
-// layout that will override common freshdesk classes to meet design
-@import
-  'layout/footer',
-  'layout/header',
-  'layout/page';
-
-// components that are used on most of pages,
-// overriding freshdesk classes for them
-@import
-  'components/block',
-  'components/buttons',
-  'components/help-center',
-  'components/tabs';
-
-// override freshdesk classes for specific page
-@import
-  'pages/portal-home';

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/_footer.scss

@@ -1,44 +0,0 @@
-@mixin footer-links-styles {
-  a {
-    @include txt-fd-element(footer-links);
-    margin: 0;
-  }
-
-  a + a:not(.cookie-link) { margin-left: 5px; }
-
-  a:first-child { margin-right: 5px; }
-
-  a:first-child::before, a.cookie-link::before {
-    content: none;
-  }
-
-  a::before {
-    content: '\2022';
-    margin-left: -10px;
-  }
-}
-
-.footer {
-  @include add-gutter(margin, top, 1);
-
-  @include breakpoint(small down) {
-    .footer-links {
-      @include footer-links-styles;
-      a {
-        background: 0;
-        border-radius: 0;
-        box-shadow: none;
-        padding: 0;
-      }
-
-      a.cookie-link {
-        margin-top: 5px;
-        width: 100%;
-      }
-    }
-  }
-
-  .footer-links {
-    @include footer-links-styles;
-  }
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/_header.scss

@@ -1,49 +0,0 @@
-.c-header {
-  min-height: $ub-nav-height;
-
-  @include breakpoint(small down) {
-    &, .banner { background-color: $fd-header-logo; }
-  }
-
-  @include e(wrap) {
-    background-color: $fd-header-logo;
-    min-height: $ub-nav-height;
-
-    @include breakpoint(medium) {
-      background-color: $fd-header-bg;
-      opacity: .9;
-    }
-  }
-
-  .banner {
-    border: 0;
-    border-radius: 0;
-    box-shadow: 0;
-    text-shadow: 0;
-
-    @include breakpoint(medium) {
-      padding: 0;
-    }
-  }
-
-  @include breakpoint(medium) {
-    h1 { padding-top: 30px; }
-
-    .portal-logo {
-      @include add-column-padding;
-      background-color: $fd-header-logo;
-      margin: 0;
-      margin-right: 60px;
-    }
-
-    .portal-img {
-      height: $ub-nav-height;
-      padding-top: 30px;
-      vertical-align: unset;
-    }
-  }
-}
-
-#header-tabs a:nth-child(2){
-  display: none;
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/_page.scss

@@ -1,40 +0,0 @@
-.o-page {
-  @include add-column-padding(.5);
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 76.875rem;
-}
-
-.c-wrapper {
-  @include breakpoint(medium) {
-    @include add-gutter(margin, top, 1);
-  }
-
-  .content {
-    @extend %fd-card;
-    @include add-column-padding;
-    @include add-top-bottom-padding;
-    border: 0;
-
-    h2 {
-      @include txt-fd-element(title);
-    }
-
-    h2:not(.u-not-hr)::after {
-      @include u-hr-small;
-      content: ' ';
-      display: block;
-    }
-
-    .breadcrumb {
-      @include add-gutter(margin, bottom, .5);
-      &, a {
-        @include txt-fd-element(breadcrumb);
-      }
-    }
-
-    .lead, .lead-small, .list-lead {
-      @include txt-fd-element(lead);
-    }
-  }
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/footer.liquid

@@ -1,14 +0,0 @@
-{% if  portal.current_page != 'csat_survey' %}
-	<footer class="footer o-block">
-		<nav class="footer-links">
-			{% if portal.tabs.size > 0 %}
-					{% for tab in portal.tabs %}
-						<a href="{{tab.url}}" class="{% if tab.tab_type == current_tab %}active{% endif %}">{{ tab.label }}</a>
-					{% endfor %}
-			{% endif %}
-			{{ portal | link_to_privacy_policy }}
-			{{ portal | link_to_cookie_law }}
-		</nav>
-	</footer>
-	{{ portal | portal_copyright }}
-{% endif %}

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/header.liquid

@@ -1,41 +0,0 @@
-{% if  portal.current_page != 'csat_survey' %}
-<div class="c-header__wrap">
-	<div class="o-page c-header">
-		<header class="banner">
-			<div class="banner-wrapper">
-				<div class="c-header__title banner-title">
-					{{ portal | logo }}
-					<h1 class="u-fd-txt--header ellipsis heading">{{portal.name|h}}</h1>
-				</div>
-			</div>
-		</header>
-	</div>
-</div>
-<div class="o-page">
-	<nav class="page-tabs" >
-		{% if portal.tabs.size > 0 %}
-			<a data-toggle-dom="#header-tabs" href="#" data-animated="true" class="mobile-icon-nav-menu show-in-mobile"></a>
-			<div class="nav-link" id="header-tabs">
-				{% for tab in portal.tabs %}
-					{% if tab.url %}
-						<a href="{{tab.url}}" class="{% if tab.tab_type == portal.current_tab %}active{% endif %}">{{ tab.label }}</a>
-					{% endif %}
-				{% endfor %}
-			</div>
-		{% endif %}
-	</nav>
-</div>
-{% else %}
-<div class="c-header__wrap">
-	<div class="o-page c-header">
-		<header class="banner">
-			<div class="banner-wrapper">
-				<div class="c-header__title banner-title">
-					{{ portal | logo }}
-					<h1 class="u-fd-txt--header ellipsis heading">{{portal.name|h}}</h1>
-				</div>
-			</div>
-		</header>
-	</div>
-</div>
-{% endif %}

data/app/assets/stylesheets/lcms/engine/freshdesk/layout/page.liquid

@@ -1,22 +0,0 @@
-{{ header }}
-
-<div class="o-page">
-	<!-- Search and page links for the page -->
-	{% if portal.current_tab %}
-		<section class="help-center">
-			<div class="hc-nav {% if portal.contact_info %} nav-with-contact {% endif %}">
-				{{ portal | helpcenter_navigation }}
-			</div>
-		</section>
-	{% endif %}
-
-	<!-- Notification Messages -->
-	{{ page_message }}
-
-	<div class="c-wrapper">
-		{{ content_for_layout }}
-	</div>
-
-	{{ footer }}
-
-</div>

data/app/assets/stylesheets/lcms/engine/freshdesk/pages/_portal-home.scss

@@ -1,18 +0,0 @@
-.cs-s {
-  border-top: 0;
-
-  h3 {
-    border-bottom: 4px solid $fd-border;
-    border-top: 0;
-
-    a { @include txt-fd-element(tab-title); }
-  }
-
-  .cs-g-c {
-    border-top: 1px solid $fd-border;
-  }
-
-  .cs-g {
-    @include add-gutter(margin, top, .5);
-  }
-}

data/app/assets/stylesheets/lcms/engine/freshdesk/pages/portal.home.liquid

@@ -1,74 +0,0 @@
-{% if portal.has_solutions %}
-<section class="main content min-height-on-desktop fc-portal-solution-home" id="solutions-index-home">
-	<h2 class="heading">{% translate portal.knowledge_base %}</h2>
-	{% for category in portal.solution_categories %}
-		{% if category.folders_count > 0 %}
-		<div class="cs-s">
-			<h3 class="heading u-fd-txt--tab-title">{{ category.name }}</h3>
-			<div class="cs-g-c">
-				{% for folder in category.folders %}
-	        {% if folder.articles_count == 1 %}
-						{% assign article = folder.articles[0] %}
-						<h2 class="heading u-not-hr u-margin-top--halfgutter">{{ article.title | h}}</h2>
-						{% if article.personalized_articles? %}
-						<div> {% translate portal.article.created_by %} {{ article.author }} </div>
-						{% endif %}
-						<p>{% translate portal.article.modified_on %} {{ article.modified_on | short_day_with_time }}</p>
-						<div class="u-hr-small"></div>
-						{% comment %}
-						<div>
-							{% for tag in article.tags %}
-								<span class="label label-info">{{tag.name | h}}</span>
-							{% endfor %}
-						</div>
-						{% endcomment %}
-
-						<article class="article-body" id="article-body" rel="image-enlarge">
-							{{ article.body }}
-						</article>
-	        {% else %}
-						<section class="cs-g article-list">
-								<div class="list-lead">
-										{{ folder | link_to_folder_with_count }}
-								</div>
-								{{ folder | article_list:5 }}
-						</section>
-	        {% endif %}
-				{% else %}
-					{{ portal | filler_for_solutions }}
-				{% endfor %}
-			</div>
-		</div>
-		{% endif %}
-	{% endfor %}
-</section>
-{% endif %}
-
-{% if portal.has_forums %}
-<section class="sidebar content community-sidebar rounded-6 min-height-on-desktop fc-community-sidebar" id="home-community-sidebar">
-	<h2 class="heading">{% translate portal.community_forums %}</h2>
-	{% if portal.topics_count > 0 %}
-		<p class="intro">{% translate portal.showing_recent_updates %}</p>
-		<div>{{ portal | link_to_start_topic }}</div>
-		{% for category in portal.forum_categories %}
-			{% if category.forums_count > 0 %}
-				<div class="cs-s">
-					<h3 class="heading u-fd-txt--tab-title">{{ category.name | link_to: category.url }}</h3>
-					<div class="cs-g-c">
-					{% for forum in category.forums %}
-						<section class="cs-g topic-list">
-							<div class="list-lead badge-{{ forum.type_name }}">
-								{{ forum | link_to_forum_with_count }}
-							</div>
-							{{ forum | topic_list:3 }}
-						</section>
-					{% endfor %}
-					</div>
-				</div>
-			{% endif %}
-		{% endfor %}
-	{% else %}
-		{{ portal | filler_for_forums }}
-	{% endif %}
-</section>
-{% endif %}

data/app/assets/stylesheets/lcms/engine/freshdesk/themes/_settings.scss

@@ -1,19 +0,0 @@
-// using freshdesk breakpoints here
-$breakpoints: (
-  small: 0,
-  medium: 45em,
-  large: 60em,
-);
-$breakpoint-classes: (small medium large);
-$grid-column-gutter: (
-  small: 20px,
-  medium: 30px,
-);
-$grid-column-2xgutter: (
-  small: 40px,
-  medium: 60px,
-);
-$grid-column-4xgutter: (
-  small: 2 * 40px,
-  medium: 2 * 60px,
-);

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

@@ -1,288 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group breakpoints
-////
-
-// scss-lint:disable ZeroUnit
-
-/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
-/// @type Map
-$breakpoints: (
-  small: 0,
-  medium: 640px,
-  large: 1024px,
-  xlarge: 1200px,
-  xxlarge: 1440px,
-) !default;
-
-/// The largest named breakpoint in which to include print as a media type
-/// @type Keyword
-$print-breakpoint: large !default;
-
-$-zf-zero-breakpoint: small !default;
-
-$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');
-
-@if nth(map-values($breakpoints), 1) != 0 {
-  @error 'Your smallest breakpoint (defined in $breakpoints) must be set to "0".';
-}
-@else {
-  $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);
-}
-
-/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.
-/// @type List
-$breakpoint-classes: (small medium large) !default;
-
-/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.
-///
-/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.
-@function breakpoint($val: $-zf-zero-breakpoint) {
-  // Size or keyword
-  $bp: nth($val, 1);
-  // Value for max-width media queries
-  $bp-max: 0;
-  // Direction of media query (up, down, or only)
-  $dir: if(length($val) > 1, nth($val, 2), up);
-  // Eventual output
-  $str: '';
-  // Is it a named media query?
-  $named: false;
-
-  // Orientation media queries have a unique syntax
-  @if $bp == 'landscape' or $bp == 'portrait' {
-    @return '(orientation: #{$bp})';
-  }
-  @else if $bp == 'retina' {
-    @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';
-  }
-
-  // Try to pull a named breakpoint out of the $breakpoints map
-  @if type-of($bp) == 'string' {
-    @if map-has-key($breakpoints, $bp) {
-      @if $dir == 'only' or $dir == 'down' {
-        $bp-max: -zf-map-next($breakpoints, $bp);
-      }
-
-      $bp: map-get($breakpoints, $bp);
-      $named: true;
-    }
-    @else {
-      $bp: 0;
-      @warn 'breakpoint(): "#{$val}" is not defined in your $breakpoints setting.';
-    }
-  }
-
-  // Convert any pixel, rem, or unitless value to em
-  $bp: -zf-bp-to-em($bp);
-  @if $bp-max {
-    $bp-max: -zf-bp-to-em($bp-max) - (1/16);
-  }
-
-  // Conditions to skip media query creation
-  // - It's a named breakpoint that resolved to "0 down" or "0 up"
-  // - It's a numeric breakpoint that resolved to "0 " + anything
-  @if $bp > 0em or $dir == 'only' or $dir == 'down' {
-    // `only` ranges use the format `(min-width: n) and (max-width: n)`
-    @if $dir == 'only' {
-      // Only named media queries can have an "only" range
-      @if $named == true {
-        // Only use "min-width" if the floor is greater than 0
-        @if $bp > 0em {
-          $str: $str + '(min-width: #{$bp})';
-
-          // Only add "and" to the media query if there's a ceiling
-          @if $bp-max != null {
-            $str: $str + ' and ';
-          }
-        }
-
-        // Only use "max-width" if there's a ceiling
-        @if $bp-max != null {
-          $str: $str + '(max-width: #{$bp-max})';
-        }
-      }
-      @else {
-        @warn 'breakpoint(): Only named media queries can have an `only` range.';
-      }
-    }
-
-    // `down` ranges use the format `(max-width: n)`
-    @else if $dir == 'down' {
-      $max: if($named, $bp-max, $bp);
-
-      // Skip media query creation if input value is exactly "0 down",
-      // unless the function was called as "small down", in which case it's just "small only"
-      @if $named or $bp > 0em {
-        @if $max != null {
-          $str: $str + '(max-width: #{$max})';
-        }
-      }
-    }
-
-    // `up` ranges use the format `(min-width: n)`
-    @else if $bp > 0em {
-      $str: $str + '(min-width: #{$bp})';
-    }
-  }
-
-  @return $str;
-}
-
-/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:
-///  - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.
-///  - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.
-///  - If a rem value is passed, the unit will be changed to em.
-///  - If an em value is passed, the value will be used as-is.
-///
-/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.
-///
-/// @output If the breakpoint is "0px and larger", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.
-@mixin breakpoint($value) {
-  $str: breakpoint($value);
-  $bp: index($-zf-breakpoints-keys, $value);
-  $pbp: index($-zf-breakpoints-keys, $print-breakpoint);
-
-  // If $str is still an empty string, no media query is needed
-  @if $str == '' {
-    @content;
-  }
-
-  // Otherwise, wrap the content in a media query
-  @else {
-    // For named breakpoints less than or equal to $print-breakpoint, add print to the media types
-    @if $bp != null and $bp <= $pbp {
-      @media print, screen and #{$str} {
-        @content;
-       }
-    }
-    @else {
-      @media screen and #{$str} {
-        @content;
-      }
-    }
-  }
-}
-
-/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.
-/// @access private
-///
-/// @param {Map} $map - Map to convert.
-///
-/// @returns {String} A string containing the map's contents.
-@function -zf-bp-serialize($map) {
-  $str: '';
-  @each $key, $value in $map {
-    $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';
-  }
-  $str: str-slice($str, 1, -2);
-
-  @return $str;
-}
-
-/// Find the next key in a map.
-/// @access private
-///
-/// @param {Map} $map - Map to traverse.
-/// @param {Mixed} $key - Key to use as a starting point.
-///
-/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.
-@function -zf-map-next($map, $key) {
-
-  // Store the keys of the map as a list
-  $values: map-keys($map);
-
-  $i: 0;
-
-  // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map
-  @if (map-has-key($map, $key)) {
-    $i: index($values, $key) + 1;
-  }
-
-  // If the key doesn't exist, or it's the last key in the map, return null
-  @if ($i > length($map) or $i == 0) {
-    @return null;
-  }
-  // Otherwise, return the value
-  @else {
-    @return map-get($map, nth($values, $i));
-  }
-
-}
-
-/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.
-/// @access private
-///
-/// @param {Map} $map - Input config map.
-/// @param {Keyword} $value - Breakpoint name to use.
-///
-/// @return {Mixed} The corresponding breakpoint value.
-@function -zf-get-bp-val($map, $value) {
-  // Check if the breakpoint name exists globally
-  @if not map-has-key($breakpoints, $value) {
-    @return null;
-  }
-  // Check if the breakpoint name exists in the local config map
-  @else if map-has-key($map, $value) {
-    // If it does, just return the value
-    @return map-get($map, $value);
-  }
-  // Otherwise, find the next lowest breakpoint and return that value
-  @else {
-    $anchor: null;
-    $found: false;
-
-    @each $key, $val in $breakpoints {
-      @if not $found {
-        @if map-has-key($map, $key) {
-          $anchor: $key;
-        }
-        @if $key == $value {
-          $found: true;
-        }
-      }
-    }
-
-    @return map-get($map, $anchor);
-  }
-}
-
-// Legacy breakpoint variables
-// These will be removed in 6.3
-$small-up: null;
-$small-only: null;
-$medium-up: null;
-$medium-only: null;
-$large-up: null;
-$large-only: null;
-$xlarge-up: null;
-$xlarge-only: null;
-$xxlarge-up: null;
-$xxlarge-only: null;
-
-@if map-has-key($breakpoints, small) {
-  $small-up: screen;
-  $small-only: unquote('screen and #{breakpoint(small only)}');
-}
-
-@if map-has-key($breakpoints, medium) {
-  $medium-up: unquote('screen and #{breakpoint(medium)}');
-  $medium-only: unquote('screen and #{breakpoint(medium only)}');
-}
-
-@if map-has-key($breakpoints, large) {
-  $large-up: unquote('screen and #{breakpoint(large)}');
-  $large-only: unquote('screen and #{breakpoint(large only)}');
-}
-
-@if map-has-key($breakpoints, xlarge) {
-  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');
-  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');
-}
-
-@if map-has-key($breakpoints, xxlarge) {
-  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');
-}