create-sitecore-jss 22.2.0-canary.83 → 22.3.0-canary.1

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/_functions.scss

@@ -0,0 +1,8 @@
+@function headings($from:1, $to:6) {
+    @if $from==$to {
+        @return 'h#{$from}';
+    }
+    @else {
+        @return 'h#{$from},'+headings($from+1, $to);
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/_mixins.scss

@@ -0,0 +1,121 @@
+@import "vars";
+
+/* breakpoints */
+
+$break-desktop: 1024px;
+$break-mobile: 380px;
+$break-mobile-horizontal: 640px;
+$break-mobile-large: 992px;
+@mixin wrapper() {
+    max-width: 960px;
+    margin: 0 auto !important;
+}
+@mixin clearfix {
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+@mixin headings($from: 1, $to: 6) {
+    @for $i from $from through $to {
+        h#{$i} {
+            @content
+        }
+    }
+}
+@mixin font-size($sizeValue: 1.6) {
+    font-size: ($sizeValue * 10) + px;
+    font-size: $sizeValue + rem;
+}
+    @mixin proxima-font($weight:semibold) {
+        @if($weight==semibold) {
+            font-family: "ProximaNova-Semibold", arial, helvetica, sans-serif;
+        }
+        @else if($weight==light) {
+            font-family: "ProximaNova-Light", arial, helvetica, sans-serif;
+        }
+    }
+@mixin opensans-font-stack() {
+    font-family: "Open Sans", Helvetica, Verdana, Tahoma, sans-serif;
+}
+@mixin loading-gif() {
+    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+@mixin respond-to($media) {
+    @if $media==mobile {
+        @media only screen and (max-width: $break-mobile) {
+            @content;
+        }
+    }
+    @else if $media==mobile-horizontal {
+        @media only screen and (max-width: $break-mobile-horizontal - 1) {
+            @content;
+        }
+    }
+    @else if $media==mobile-large {
+        @media only screen and (max-width: $break-mobile-large) {
+            @content;
+        }
+    }
+    @else if $media==tablet {
+        @media only screen and (min-width: $break-mobile + 1) and (max-width: $break-desktop - 1) {
+            @content;
+        }
+    }
+    @else if $media==all-mobile {
+        @media only screen and (max-width: $break-desktop - 1) {
+            @content;
+        }
+    }
+    @else if $media==desktop {
+        @media only screen and (min-width: $break-desktop) {
+            @content;
+        }
+    }
+}
+@mixin border-basic($position:all, $border-color:$border-gray, $border-width:1px) {
+    @if($position!=all) {
+        border-#{$position}-width: $border-width;
+        border-#{$position}-style: solid;
+        border-#{$position}-color: $border-color;
+    }
+    @else {
+        border-width: $border-width;
+            border-style: solid;
+            border-color: $border-color;
+    }
+}
+@mixin fixed-bg($pos, $min-height:240px) {
+    background-position: $pos;
+    background-attachment: fixed;
+    min-height: $min-height;
+}
+@mixin linear-gradient($direction, $color-stops...) {
+    // Direction has been omitted and happens to be a color-stop
+    @if is-direction($direction)==false {
+        $color-stops: $direction, $color-stops;
+        $direction: 180deg;
+    }
+    background: nth(nth($color-stops, 1), 1);
+    background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
+    background: linear-gradient($direction, $color-stops);
+}
+@mixin default-link-button {
+  @include border-basic();
+  @include font-size(1.2);
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  margin: 5px 0;
+  padding: 10px 15px;
+  text-align: center;
+  text-decoration: none;
+  font-weight: bold;
+  &:hover {
+      color: $text-basic;
+      background: $bg-light-gray;
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/_vars.scss

@@ -0,0 +1,3 @@
+@import "vars/colors";
+@import "vars/margins";
+@import "vars/fontSizes";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_colors.scss

@@ -0,0 +1,283 @@
+//Backgrounds colors
+$bg-transparent:transparent !default;
+$bg-basic-color:#FFFFFF !default;
+$bg-basic-color-active: #cccccc !default;
+$bg-light-gray: #f7f7f7 !default;
+$bg-light-gray-active: #dadada !default;
+$bg-blue:#89C6CC;
+$bg-blue-active: #15909c !default;
+$bg-submenu:#edebeb !default;
+$bg-submenu-active:#f6f6f6 !default;
+$bg-black:#000;
+$bg-black-active:#3d3d3d;
+$bg-dark-gray: #262626;
+//Text colors
+$text-white:#fff !default;
+$text-heading-color: #222 !default;
+$text-basic:#747474 !default;
+$text-basic-active:#878787 !default;
+$text-blue:#89C6CC !default;
+$text-blue-active:#15909c !default;
+$text-submenu-active: #222 !default;
+$text-disabled: #aaa !default;
+$text-black: #000 !default;
+$text-red:#de232f;
+$text-gray: #262626;
+//Border colors
+$border-gray: #d2d2d2 !default;
+$border-white: #ffffff !default;
+$border-basic-color: #89C6CC !default;
+$border-basic-active:#15909c !default;
+$border-nav-submenu:#e1e1e1;
+//Styles for each component separately
+//Accordion
+$accordion-header-bg: transparent;
+$accordion-header-bg-active: transparent;
+$accordion-toggled-bg: transparent;
+$accordion-header-border: $border-gray;
+//Breadcrumb
+$breadcrumb-dropdown-bg:$bg-basic-color;
+$breadcrumb-dropdown-bg-active:$bg-blue;
+$breadcrumb-dropdown-text-active:$text-white;
+$breadcrumb-bg:transparent;
+$breadcrumb-color:$text-basic;
+$breadcrumb-color-active:$text-blue-active;
+//Buttons colors
+$btn-green-light: #a0ce4e;
+$btn-green: #92be43;
+$btn-red-active: #c34e30;
+$btn-red: #bc4526;
+//Carousel
+$carousel-bg:$bg-basic-color;
+$carousel-nav:$text-black;
+$carousel-nav-active:$text-basic-active;
+$carousel-nav-border:$border-basic-color;
+//Container component
+$container-title-row-bg: $bg-light-gray;
+//Event List
+$event-list-bg:transparent;
+$event-list-item-bg:$bg-basic-color;
+$event-list-item-color:$text-basic;
+$event-list-title-border:$border-basic-color;
+//Calendar
+$calendar-bg:$bg-basic-color;
+$calendar-header-bg:$bg-basic-color-active;
+$calendar-day-color-active:$text-white;
+$calendar-title-color:$text-white;
+//Feed
+$feed-bg:transparent;
+$feed-item-bg:transparent;
+//Field Editor
+$field-editor-bg:transparent;
+$field-editor-table-border:$bg-light-gray;
+$field-editor-text-header:$text-black;
+$field-editor-text-header-active:$text-red;
+$field-editor-text:$text-basic;
+//File List
+$file-list-bg:transparent;
+$file-list-item-bg:transparent;
+$file-list-title-color:$text-basic;
+$file-list-title-border:transparent;
+$file-list-item-color:$text-basic;
+$file-list-item-color-active:$text-basic-active;
+$file-list-item-size:$text-basic;
+$file-list-item-borer:$border-basic-color;
+$file-list-link-btn-color-active:$text-white;
+$file-list-link-btn-color:$text-basic;
+$file-list-link-btn-bg:$bg-blue-active;
+$file-list-link-btn-bg-active:$bg-blue;
+//Flip
+$flip-bg:transparent;
+$flip-slides-bg:$bg-basic-color;
+$flip-slides0-bg:#f6f6f6;
+$flip-slides1-bg:$bg-blue-active;
+$flip-slides1-color:$text-white;
+$flip-border:$border-gray;
+//Gallery
+$galleria-container-bg:transparent;
+$gallery-info-bg:$bg-basic-color;
+$gallery-info-border:$border-gray;
+$gallery-info-text:$text-basic;
+$gallery-nav-active:$text-white;
+$gallery-nav:$text-basic;
+$gallery-counter-color:$text-white;
+//Language selector
+$lang-selector-bg:$bg-basic-color;
+$lang-selector-border:$border-basic-color;
+$lang-selector-item-bg-active:$bg-basic-color;
+$lang-selector-item-border:$border-white;
+$lang-selector-item-border-active:$border-basic-active;
+//Site selector
+$site-selector-color:$text-basic;
+//Link List
+$link-list-bg:transparent;
+$link-list-header-border:$border-basic-color;
+$link-list-items-bg:transparent;
+$link-list-item-bg:transparent;
+$link-list-item-color:$text-basic;
+$link-list-item-color-active:$text-basic-active;
+$link-list-item-border-active:$border-basic-color;
+//Login
+$login-bg:transparent;
+//Logout
+$logout-bg:transparent;
+$logout-link-text-color:$text-basic;
+$logout-link-text-color-active:$text-basic-active;
+$logout-link-border:$border-basic-color;
+//Map
+$map-bg:transparent;
+$map-border:none;
+//Page List
+$page-list-bg:$bg-transparent;
+$page-list-item-bg:$bg-transparent;
+$page-list-item-title-text:$text-black;
+$page-list-item-border:$border-basic-color;
+//Pagination
+$list-pagination-bg:transparent;
+$list-pagination-active-bg:$bg-blue;
+$list-pagination-active-color:$text-white;
+$list-pagination-active-color:$text-blue;
+$list-pagination-active-bg:$bg-submenu-active;
+$list-pagination-active-border:$border-basic-active;
+//Play list 
+$play-list-bg:transparent;
+$play-list-item-bg:transparent;
+$play-list-item-color:$text-basic;
+$play-list-item-color-active:$text-white;
+$play-list-nav-active:$text-blue;
+$play-list-item-bg:$bg-light-gray;
+$play-list-item-active-bg:$bg-blue;
+$play-list-border:$border-basic-color;
+$play-list-title-border:$border-basic-color;
+//Promo
+$promo-bg:$bg-basic-color;
+$promo-bg-hero:rgba(0, 0, 0, 0.5);
+$promo-border:$border-gray;
+$promo-hero-text-color:$text-white;
+$promo-shadow-border:$border-basic-color;
+//Rich Text Content
+$rich-content-bg:transparent;
+$rich-content-color:$text-basic;
+$rich-content-border:transparent;
+$rich-content-link-color:$text-red;
+$rich-content-link-color-active:$text-basic-active;
+//Search
+$search-filter:$text-basic;
+$search-filter-border:$border-basic-color;
+//Menu colors
+$menu-hover-color:#1b809e;
+$menu-active-color:#176f89;
+//Navigation
+$nav-bg:transparent;
+$nav-color-root:$text-basic;
+$nav-color-root-active:$text-basic;
+$nav-border-root:$border-basic-color;
+$nav-border-root-active:$border-basic-color;
+$nav-color-submenu:$text-submenu-active;
+$nav-color-submenu-active:$text-submenu-active;
+$nav-bg-root:$bg-submenu-active;
+$nav-bg-submenu:$bg-submenu-active;
+$nav-bg-submenu-active:$bg-submenu-active;
+$nav-border-submenu:$border-basic-color;
+$nav-submenu-item-border:$border-gray;
+$nav-submenu-border-active:$border-basic-color;
+//Social Media Share
+$social-media-share-bg:transparent;
+//Tabs
+$tab-heading-bg:$bg-light-gray;
+$tab-heading-active-bg:$bg-basic-color;
+$tab-heading-color:$text-heading-color;
+$tab-heading-active-color:$text-black;
+$tab-container-bg:transparent;
+$tab-container-border:$border-basic-color;
+//Title
+$title-bg:transparent;
+$title-color:$text-basic;
+$title-color-active:$text-basic-active;
+//Toggle
+$toggle-header-bg:$bg-basic-color;
+$toggle-content-bg:$bg-basic-color;
+$toggle-show-color:$text-basic-active;
+//Search Components
+$search-btn-bg:transparent;
+$search-btn-active-bg:#e0e0e0;
+$search-btn-active-border:#adadad;
+//Image component
+$image-caption-color:$text-basic;
+//Media Link Component
+$media-link-bg:transparent;
+$media-link-border:$border-basic-color;
+$media-link-color:$text-basic;
+$media-link-color-active:$text-basic-active;
+//Tag Component
+$tag-color:$text-basic;
+$tag-color-active:$text-basic-active;
+$tag-border-active:$border-basic-active;
+$tag-link-bg :$bg-blue;
+$tag-link-bg-active :$bg-blue-active;
+$tag-link-color :$text-white;
+//Link Component
+$link-bg:transparent;
+$link-text-color:$text-basic;
+$link-text-color-active:$text-basic-active;
+$link-border:$border-basic-color;
+//Overlay
+$overlay-bg:$bg-light-gray;
+//Search Components
+$search-title-border:$border-basic-color;
+$search-title-color:$text-basic;
+$search-item-color:$text-basic;
+$search-item-color-active:$text-basic;
+$search-item-border:$border-basic-color;
+$search-item-border-active:$border-basic-active;
+//
+//Search Facet Summary
+$search-facet-summary-border:transparent;
+$search-facet-summary-background:transparent;
+$search-facet-summary-item-color:$text-basic;
+$search-facet-summary-item-color-horizontal:$text-basic;
+$search-facet-summary-item-border:$border-gray;
+$search-facet-summary-item-border-horizontal:$border-basic-color;
+$search-facet-summary-item-shadow:$border-gray;
+$search-facet-summary-clear-border-horizontal:$btn-red;
+$search-facet-summary-clear-color:$text-red;
+$search-facet-summary-clear-color-horizontal:$text-blue;
+//
+$search-filter-radius-active:$text-blue;
+$search-filter-radius-border:$border-gray;
+$search-filter-radius-bg:$border-gray;
+//
+$search-filter-slider-border-active:$border-basic-color;
+$search-filter-slider-bg-active:$bg-blue;
+$search-filter-slider-btn-border:$border-gray;
+$search-filter-slider-btn-bg:$bg-light-gray;
+$search-filter-slider-btn-bg-active:$bg-light-gray-active;
+//Serach Pagination
+$search-pagination-bg:transparent;
+$search-pagination-active-bg:$bg-blue;
+$search-pagination-active-color:$text-white;
+$search-pagination-hover-color:$text-blue;
+$search-pagination-hover-bg:$bg-submenu-active;
+$search-pagination-hover-border:$border-basic-active;
+//Search selector
+$serach-selector-variant-color-active: $text-blue-active;
+//Typehead
+$tt-color:$text-basic;
+$tt-color-active:$text-blue;
+$tt-price-color:$text-blue;
+$tt-dropdown-bg:$bg-light-gray;
+$tt-suggestion-bg-active:$bg-light-gray-active;
+$tt-dropdown-border:$border-gray;
+//Video
+$video-control-bg:$bg-basic-color;
+$video-time-color:$text-basic;
+$video-time-total-bg:$bg-black;
+$video-time-handle-border:$border-gray;
+$video-time-handle-bg:$bg-black;
+//Form component
+$form-bg: transparent;
+$form-border: transparent;
+$form-color: $text-basic;
+//Main
+$page-bg: $bg-basic-color;
+$page-bg-editor:none;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_fontSizes.scss

@@ -0,0 +1,16 @@
+$font-small:11px;
+$font-normal:13px;
+$font-medium:16px;
+$font-big:20px;
+$font-extrabig:24px;
+//Navigation
+$navigation-font-basic:18px;
+$navigation-font-basic-submenu:14px;
+//Tabs
+$tab-font-header:16px;
+//Accordion
+$accordion-header:16px;
+//Breadcrumb
+$breadcrumb-font:15px;
+// Link List
+$link-list-title-font:15px;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/abstracts/vars/_margins.scss

@@ -0,0 +1,11 @@
+$default-padding:5px;
+$default-inputs-padding:12px 10px;
+
+$extrasmall-margin-bottom: 2px;
+$extrasmall-margin:5px;
+$small-margin:10px;
+$middle-margin:20px;
+$large-margin:30px;
+$extralarge-margin:40px;
+
+$small-padding:10px;

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/fonts/_fonts.scss

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/fonts/index.scss

@@ -0,0 +1 @@
+@import "fonts";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/index.scss

@@ -0,0 +1,3 @@
+@import "fonts";
+@import "links";
+@import "reset/ui-datepicker";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/links/_link-button.scss

@@ -0,0 +1,26 @@
+@import "sass/abstracts/vars/colors";
+@import "sass/abstracts/mixins";
+
+.button-default, .default {
+    @include default-link-button();
+    background: #f6f6f6;
+    color: $text-basic;
+}
+.button-success, .success {
+    @include default-link-button();
+    background: $btn-green-light;
+    color: $text-white;
+    &:hover {
+        color: $text-white;
+        background: $btn-green;
+    }
+}
+.button-warning, .warning {
+    @include default-link-button();
+    background: $btn-red;
+    color: $text-white;
+    &:hover {
+        color: $text-white;
+        background: $btn-red-active;
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/links/index.scss

@@ -0,0 +1 @@
+@import "link-button";

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_inputs.scss

@@ -0,0 +1,58 @@
+@import "sass/abstracts/mixins";
+@import "sass/abstracts/vars";
+
+label {
+    background: transparent;
+    color: $text-basic;
+}
+input, button {
+    display: inline-block;
+    box-sizing: border-box;
+    background: $bg-basic-color !important;
+    border: 1px solid $border-gray;
+    border-radius: 0 !important;
+    color: $text-basic;
+    font-weight: normal;
+    padding: 8px 2%;
+    clear: both;
+    height: auto;
+    font-size: $font-normal;
+}
+input:focus {
+    border: 1px solid $border-gray;
+}
+input[type="submit"], input[type="reset"], input[type="button"], button {
+    border: 1px solid $border-basic-color;
+    padding: 5px 20px;
+    &:hover {
+        background: $bg-light-gray !important;
+    }
+}
+input::-moz-focus-inner, button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+input[type="text"] {
+    font-size: 13px;
+}
+input[type="text"], input[type="email"], input[type="password"], textarea, select {
+    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
+    color: $text-basic;
+    width: 100%;
+    background: #fff;
+    border: 1px solid $border-gray;
+}
+
+select {
+    display: inline-block;
+    vertical-align: middle;
+    *vertical-align: auto;
+    *zoom: 1;
+    *display: inline;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    outline: none;
+    cursor: pointer;
+    padding: 5px;
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_links.scss

@@ -0,0 +1,14 @@
+@import "sass/abstracts/mixins";
+@import "sass/abstracts/vars";
+
+a {
+    background-color: transparent;
+    text-decoration: none;
+    font-size: 1em;
+    color: $text-basic;
+    border-bottom: 1px solid $border-basic-color;
+    &:hover {
+        color: $text-basic-active;
+        text-decoration: none;
+    }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/reset/_ui-datepicker.scss

@@ -0,0 +1,7 @@
+@import 'sass/abstracts/vars';
+
+.ui-datepicker-title {
+  select {
+    color: $text-basic;
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/sass/base/richtext/_richtext-files-icons.scss

@@ -0,0 +1,86 @@
+@import 'font-awesome/scss/mixins';
+@import 'font-awesome/scss/variables';
+@import "sass/abstracts/mixins";
+
+//files icons
+.field-filetypeicon>a>span, .pdf, .xls, .xlsx, .pptx, .ppt, .docx, .doc, .bmp, .png, .jpg, .jpeg, .psd, .gif, .avi, .mp4, .wmv, .mov, .mp3, .wma, .txt, .zip {
+    display: inline-block;
+    box-sizing: border-box;
+    font-weight: normal;
+    width: 15px;
+    height: 21px;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    &:before {
+        @include fa-icon();
+        font-size: 16px !important;
+        position: absolute;
+        display: block;
+        top: 50%;
+        margin: 0;
+        padding: 0;
+        transform: translateY(-50%);
+    }
+}
+.field-filetypeicon span:before {
+    content: $fa-var-file-o;
+}
+.field-filetypeicon {
+    .pdf:before {
+        content: $fa-var-file-pdf-o;
+    }
+    .xlsx, .xls {
+        &:before {
+            content: $fa-var-file-excel-o;
+        }
+    }
+    .pptx, .ppt {
+        &:before {
+            content: $fa-var-file-powerpoint-o;
+        }
+    }
+    .docx, .doc {
+        &:before {
+            content: $fa-var-file-word-o;
+        }
+    }
+    .bmp, .png, .jpg, .jpeg, .psd, .gif, .tif {
+        &:before {
+            content: $fa-var-file-image-o;
+        }
+    }
+    .avi, .mp4, .wmv, .mov, .mpg, .mkv, .vp6, .vid, .rv, .webm, .swf, .flv, .m4v, .h264, .mk3d, .gifv, .oggv, .movie, .divx {
+        &:before {
+            content: $fa-var-file-video-o;
+        }
+    }
+    .mp3, .wma, .wav, .fla, .flac, .ra, .rma, .aif, .aiff, .aa, .aac, .mid, .midi, .aax, .ac3, .au, .ogg, .avr, .m4a, .mp4a, .amz, .mka, .asx, .pcm, .m3u, .xwma {
+        &:before {
+            content: $fa-var-file-audio-o;
+        }
+    }
+    .txt:before {
+        content: $fa-var-file-text-o;
+    }
+    .zip, .zipx, .rar, .tar, .gz, .dmg, .iso {
+        &:before {
+            content: $fa-var-file-archive-o;
+        }
+    }
+    .css, .js, .py, .git, .py, .cpp, .h, .ini, .config {
+        &:before {
+            content: $fa-var-file-code-o;
+        }
+    }
+    .exe, .jar, .dll, .bat, .pl, .scr, .msi, .app, .deb, .apk, .jar, .vb, .prg, .sh {
+        &:before {
+            content: $fa-var-cogs;
+        }
+    }
+    .com, .net, .org, .edu, .gov, .mil, .html, .htm, .xhtml, .jhtml, .php, .php3, .php4, .php5, .phtmle, .asp, .aspx, .cfm {
+        &:before {
+            content: $fa-var-link;
+        }
+    }
+}