[ADD] theme saas-12.3
Design
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 191 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 313 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 331 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 795 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 410 B |
|
After Width: | Height: | Size: 564 B |
|
After Width: | Height: | Size: 342 B |
|
After Width: | Height: | Size: 531 B |
|
After Width: | Height: | Size: 675 B |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 573 B |
|
After Width: | Height: | Size: 207 B |
|
After Width: | Height: | Size: 612 B |
|
After Width: | Height: | Size: 217 B |
|
After Width: | Height: | Size: 446 B |
|
After Width: | Height: | Size: 547 B |
|
After Width: | Height: | Size: 539 B |
|
After Width: | Height: | Size: 607 B |
@@ -0,0 +1,124 @@
|
||||
odoo.define('theme_treehouse.animation', function (require) {
|
||||
'use strict';
|
||||
|
||||
var publicWidget = require('web.public.widget');
|
||||
require('website.content.menu');
|
||||
|
||||
publicWidget.registry.outlineButtonOnHover = publicWidget.Widget.extend({
|
||||
selector: '#wrapwrap',
|
||||
events: {
|
||||
'mouseenter .btn:not([class*="btn-outline-"])': '_onMouseEnter',
|
||||
'mouseleave .btn': '_onMouseLeave',
|
||||
},
|
||||
compat: {
|
||||
'success': 'beta',
|
||||
'info': 'gamma',
|
||||
'warning': 'delta',
|
||||
'danger': 'epsilon',
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Handlers
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Called when a button is hovered -> add outline style.
|
||||
*
|
||||
* @private
|
||||
* @param {Event} ev
|
||||
*/
|
||||
_onMouseEnter: function (ev) {
|
||||
var self = this;
|
||||
var $btn = $(ev.currentTarget);
|
||||
$btn.addClass('bg-transparent');
|
||||
_.each(['primary', 'secondary', 'alpha', 'beta', 'gamma', 'delta', 'epsilon', 'success', 'info', 'warning', 'danger'], function (color) {
|
||||
if ($btn.hasClass('btn-' + color)) {
|
||||
$btn.removeClass('btn-' + color);
|
||||
$btn.addClass('btn-outline-' + (self.compat[color] || color) + ' text-' + (self.compat[color] || color));
|
||||
$btn.data('outlineButtonOnHover:color', color);
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* Called when a button is hovered -> add outline style.
|
||||
*
|
||||
* @private
|
||||
* @param {Event} ev
|
||||
*/
|
||||
_onMouseLeave: function (ev) {
|
||||
var $btn = $(ev.currentTarget);
|
||||
$btn.removeClass('bg-transparent');
|
||||
var color = $btn.data('outlineButtonOnHover:color');
|
||||
if (!color) {
|
||||
return;
|
||||
}
|
||||
$btn.removeClass('btn-outline-' + (this.compat[color] || color) + ' text-' + (this.compat[color] || color));
|
||||
$btn.addClass('btn-' + color);
|
||||
},
|
||||
});
|
||||
|
||||
publicWidget.registry.backToTop = publicWidget.Widget.extend({
|
||||
selector: '.o_footer_copyright .top',
|
||||
events: {
|
||||
'click': '_onClick',
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Handlers
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {Event} ev
|
||||
*/
|
||||
_onClick: function (ev) {
|
||||
ev.preventDefault();
|
||||
$('html, body').animate({scrollTop : 0}, 800);
|
||||
},
|
||||
});
|
||||
|
||||
publicWidget.registry.dropdownSlide = publicWidget.Widget.extend({
|
||||
selector: '.dropdown, .btn-group',
|
||||
events: {
|
||||
'hide.bs.dropdown': '_onHide',
|
||||
'show.bs.dropdown': '_onShow',
|
||||
},
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Handlers
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* @private
|
||||
* @param {Event} ev
|
||||
*/
|
||||
_onHide: function (ev) {
|
||||
ev.preventDefault();
|
||||
var self = this;
|
||||
var $menu = this.$('.dropdown-menu');
|
||||
$menu.stop(true, true).slideUp('', function () {
|
||||
self.$target.removeClass('show');
|
||||
$menu.removeClass('show');
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
_onShow: function () {
|
||||
this.$('.dropdown-menu').first().stop(true, true).slideDown();
|
||||
},
|
||||
});
|
||||
|
||||
publicWidget.registry.affixMenu.include({
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
start: function () {
|
||||
var def = this._super.apply(this, arguments);
|
||||
if (this.$headerClone) {
|
||||
this.$headerClone.find('#preheader').remove();
|
||||
}
|
||||
return def;
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,191 @@
|
||||
//
|
||||
// Color system
|
||||
//
|
||||
|
||||
$gray-900: palette-theme-color('secondary') !default;
|
||||
|
||||
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
||||
$yiq-contrasted-threshold: 200 !default;
|
||||
|
||||
// Spacing
|
||||
//
|
||||
// Control the default styling of most Bootstrap elements by modifying these
|
||||
// variables. Mostly focused on spacing.
|
||||
// You can add more entries to the $spacers map, should you need more variation.
|
||||
|
||||
$spacer: 1.25rem !default;
|
||||
|
||||
// Links
|
||||
//
|
||||
// Style anchor elements.
|
||||
|
||||
$link-color: darken(palette-theme-color('primary'), $o-theme-link-color-darken) !default;
|
||||
$link-hover-color: darken($link-color, $o-theme-link-color-hover-darken) !default;
|
||||
|
||||
// Grid columns
|
||||
//
|
||||
// Set the number of columns and specify the width of the gutters.
|
||||
|
||||
$grid-gutter-width: if($o-theme-layout == 'boxed', 40px, 30px) !default;
|
||||
|
||||
// Components
|
||||
//
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-radius: .375rem !default;
|
||||
$border-radius-lg: 1.25rem !default;
|
||||
$border-radius-sm: .25rem !default;
|
||||
|
||||
$box-shadow-sm: none !default;
|
||||
$box-shadow: none !default;
|
||||
$box-shadow-lg: none !default;
|
||||
|
||||
// Fonts
|
||||
//
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-base: $o-theme-font-size-base !default;
|
||||
|
||||
$font-size-lg: $o-theme-font-size-large !default;
|
||||
$font-size-sm: $o-theme-font-size-small !default;
|
||||
|
||||
$font-weight-normal: $o-font-weight-normal !default;
|
||||
$font-weight-bold: $o-font-weight-bold !default;
|
||||
|
||||
$line-height-base: $o-line-height-base !default;
|
||||
|
||||
$h1-font-size: $font-size-base * $o-h1-font-size-factor !default;
|
||||
$h2-font-size: $font-size-base * $o-h2-font-size-factor !default;
|
||||
$h3-font-size: $font-size-base * $o-h3-font-size-factor !default;
|
||||
$h4-font-size: $font-size-base * $o-h4-font-size-factor !default;
|
||||
$h5-font-size: $font-size-base * $o-h5-font-size-factor !default;
|
||||
$h6-font-size: $font-size-base * $o-h6-font-size-factor !default;
|
||||
|
||||
$headings-font-weight: $o-headings-font-weight !default;
|
||||
$headings-line-height: $o-headings-line-height !default;
|
||||
|
||||
$lead-font-weight: 400 !default;
|
||||
|
||||
$small-font-size: 87% !default;
|
||||
|
||||
$text-muted: rgba(palette-color('text'), 0.5) !default;
|
||||
|
||||
$blockquote-small-color: palette-gray('900') !default;
|
||||
$blockquote-font-size: $font-size-base !default;
|
||||
|
||||
$list-inline-padding: 1.25rem !default;
|
||||
|
||||
// Buttons + Forms
|
||||
//
|
||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
||||
|
||||
$input-btn-padding-y: .34rem !default;
|
||||
$input-btn-padding-x: .8rem !default;
|
||||
|
||||
$input-btn-focus-box-shadow: none !default;
|
||||
|
||||
// Buttons
|
||||
//
|
||||
// For each of Bootstrap's buttons, define text, background, and border color.
|
||||
|
||||
$btn-border-width: .125rem !default;
|
||||
|
||||
$btn-padding-y: .25rem !default;
|
||||
$btn-padding-x: 1.875rem !default;
|
||||
$btn-border-radius: 1.5rem !default;
|
||||
|
||||
$btn-padding-y-sm: .125rem !default;
|
||||
$btn-padding-x-sm: 1.563rem !default;
|
||||
$btn-border-radius-sm: 1.2rem !default;
|
||||
|
||||
$btn-padding-y-lg: .5rem !default;
|
||||
$btn-padding-x-lg: 3.125rem !default;
|
||||
$btn-border-radius-lg: 1.7rem !default;
|
||||
|
||||
$btn-font-weight: $o-btn-font-weight !default;
|
||||
$btn-box-shadow: none !default;
|
||||
$btn-focus-box-shadow: $btn-box-shadow !default;
|
||||
$btn-active-box-shadow: $btn-box-shadow !default;
|
||||
|
||||
// Forms
|
||||
|
||||
$input-box-shadow: none !default;
|
||||
|
||||
// Dropdowns
|
||||
//
|
||||
// Dropdown menu container and contents.
|
||||
|
||||
$dropdown-bg: palette-gray('200') !default;
|
||||
$dropdown-border-radius: 0 !default;
|
||||
$dropdown-border-width: 0 !default;
|
||||
$dropdown-divider-bg: transparent !default;
|
||||
$dropdown-box-shadow: none !default;
|
||||
|
||||
$dropdown-link-hover-color: palette-theme-color('primary') !default;
|
||||
|
||||
$dropdown-link-active-color: palette-gray('white') !default;
|
||||
|
||||
// Navs
|
||||
|
||||
$nav-link-padding-y: .3rem !default;
|
||||
$nav-link-padding-x: .3rem !default;
|
||||
|
||||
$nav-tabs-border-color: palette-theme-color('primary') !default;
|
||||
$nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
|
||||
$nav-tabs-link-active-color: palette-theme-color('epsilon') !default;
|
||||
$nav-tabs-link-active-bg: palette-theme-color('primary') !default;
|
||||
$nav-tabs-link-active-border-color: $nav-tabs-link-active-bg !default;
|
||||
|
||||
$nav-divider-margin-y: 0 !default;
|
||||
|
||||
// Pagination
|
||||
|
||||
$pagination-hover-color: palette-gray('white') !default;
|
||||
$pagination-hover-bg: palette-theme-color('primary') !default;
|
||||
$pagination-hover-border-color: $pagination-hover-bg !default;
|
||||
|
||||
// Jumbotron
|
||||
|
||||
$jumbotron-padding: 1.875rem !default;
|
||||
$jumbotron-bg: palette-theme-color('epsilon') !default;
|
||||
|
||||
// Popovers
|
||||
|
||||
$popover-border-color: palette-theme-color('gamma') !default;
|
||||
$popover-border-radius: $border-radius !default;
|
||||
|
||||
$popover-header-bg: palette-theme-color('gamma') !default;
|
||||
|
||||
$popover-header-color: palette-gray('white') !default;
|
||||
|
||||
// Badges
|
||||
|
||||
$badge-font-size: 87.5% !default;
|
||||
$badge-padding-y: .375rem !default;
|
||||
$badge-padding-x: .875rem !default;
|
||||
$badge-border-radius: .375rem !default;
|
||||
|
||||
// Progress bar
|
||||
|
||||
$progress-height: 1.3rem !default;
|
||||
$progress-border-radius: $border-radius * 2 !default;
|
||||
$progress-box-shadow: none !default;
|
||||
$progress-bar-bg: palette-theme-color('epsilon') !default;
|
||||
|
||||
// Image thumbnails
|
||||
|
||||
$thumbnail-box-shadow: none !default;
|
||||
|
||||
// Breadcrumbs
|
||||
|
||||
$breadcrumb-bg: palette-theme-color('light') !default;
|
||||
$breadcrumb-divider-color: palette-gray('900') !default;
|
||||
$breadcrumb-active-color: palette-theme-color('primary') !default;
|
||||
|
||||
// Carousel
|
||||
|
||||
$carousel-indicator-width: .75rem !default;
|
||||
$carousel-indicator-height: .75rem !default;
|
||||
|
||||
$carousel-indicator-active-bg: palette-theme-color('primary') !default;
|
||||
$carousel-caption-color: palette-gray('900') !default;
|
||||
@@ -0,0 +1,65 @@
|
||||
#wrapwrap {
|
||||
|
||||
// Banner Carousel
|
||||
.s_banner_2.carousel {
|
||||
.carousel-box-content {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
.carousel-control {
|
||||
width: 10%;
|
||||
@include carousel-control(0, 20px, 3px);
|
||||
@include fa-size-generator(15px);
|
||||
.fa {
|
||||
top: auto;
|
||||
bottom: 30px;
|
||||
}
|
||||
}
|
||||
.carousel-indicators {
|
||||
background-color: #fff;
|
||||
height: 35px;
|
||||
line-height: 38px;
|
||||
width: auto;
|
||||
left: 50%;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
margin-right: -50%;
|
||||
margin-left: 0;
|
||||
transform: translate(-50%, 0);
|
||||
padding: 0 40px;
|
||||
border-radius: $border-radius-lg;
|
||||
}
|
||||
}
|
||||
|
||||
// 3-Columns Carousel
|
||||
.s_three_columns .carousel-control {
|
||||
width: auto;
|
||||
min-width: 35px;
|
||||
@include carousel-control(15px, 0, 2px);
|
||||
@include fa-size-generator(15px);
|
||||
.fa {
|
||||
top: auto;
|
||||
bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
// Border-radius
|
||||
.panel-group .panel,
|
||||
.s_medias_list .row,
|
||||
.s_text_block_image_fw [class*="col-lg-"],
|
||||
.s_well {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Team Profile
|
||||
.profile-body {
|
||||
@include border-top-radius($border-radius);
|
||||
}
|
||||
|
||||
.label i {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.s_images_captions_fw p {
|
||||
border-bottom-right-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
|
||||
// Background colors extension
|
||||
@mixin o-bg-color-extension($color, $text-color, $with-muted) {
|
||||
&.fa, .blockquote-text small, a:not(.btn) {
|
||||
color: if($text-color, $text-color, color-yiq($color));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 1;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 2;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 3;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 4;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 5;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 6;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 7;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 8;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-background-pattern-number: 9;
|
||||
@@ -0,0 +1,2 @@
|
||||
$o-theme-link-color-darken: 0%;
|
||||
$o-theme-link-color-hover-darken: 20%;
|
||||
@@ -0,0 +1,2 @@
|
||||
$o-theme-link-color-darken: 10%;
|
||||
$o-theme-link-color-hover-darken: 25%;
|
||||
@@ -0,0 +1 @@
|
||||
$o-theme-font-size-large: 1.25rem;
|
||||
@@ -0,0 +1,2 @@
|
||||
$o-theme-font-size-extra-small: 13px;
|
||||
$o-theme-layout-font-size: $o-theme-font-size-extra-small;
|
||||
@@ -0,0 +1,3 @@
|
||||
$o-font-weight-normal: 300;
|
||||
$o-theme-layout-font-size: 13px;
|
||||
$o-theme-letter-spacing: 0;
|
||||
@@ -0,0 +1,3 @@
|
||||
$o-font-weight-normal: 300;
|
||||
$o-font-weight-bold: 600;
|
||||
$o-line-height-base: 1.5;
|
||||
@@ -0,0 +1,3 @@
|
||||
$o-font-weight-normal: 300;
|
||||
$o-font-weight-bold: 600;
|
||||
$o-theme-layout-font-size: 13px;
|
||||
@@ -0,0 +1 @@
|
||||
$o-btn-font-weight: 600;
|
||||
@@ -0,0 +1 @@
|
||||
$o-headings-font-weight: 300;
|
||||
@@ -0,0 +1,4 @@
|
||||
$o-h3-font-size-factor: 1.875;
|
||||
$o-h4-font-size-factor: 1.5;
|
||||
$o-h5-font-size-factor: 1.25;
|
||||
$o-h6-font-size-factor: 1.125;
|
||||
@@ -0,0 +1,193 @@
|
||||
$o-theme-shadow: none;
|
||||
|
||||
$o-theme-link-color-darken: 0%;
|
||||
$o-theme-link-color-hover-darken: 15%;
|
||||
|
||||
$o-theme-letter-spacing: 1;
|
||||
|
||||
$o-line-height-base: 1.4;
|
||||
|
||||
$o-theme-font-size-base: 1rem;
|
||||
$o-theme-font-size-extra-small: 0.75 * $o-theme-font-size-base;
|
||||
$o-theme-font-size-small: 0.8125 * $o-theme-font-size-base;
|
||||
$o-theme-font-size-large: 1.125 * $o-theme-font-size-base;
|
||||
$o-theme-layout-font-size: $o-theme-font-size-small;
|
||||
|
||||
$o-btn-font-weight: 700;
|
||||
$o-font-weight-normal: 400;
|
||||
$o-font-weight-bold: 700;
|
||||
$o-headings-font-weight: 400;
|
||||
$o-headings-line-height: 1.1;
|
||||
|
||||
$o-h1-font-size-factor: 3.75;
|
||||
$o-h2-font-size-factor: 3;
|
||||
$o-h3-font-size-factor: 2.5;
|
||||
$o-h4-font-size-factor: 2;
|
||||
$o-h5-font-size-factor: 1.5;
|
||||
$o-h6-font-size-factor: 1.25;
|
||||
|
||||
$o-theme-background-patterns: (
|
||||
url('/web/image/theme_treehouse.bg_pattern_01'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_02'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_03'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_04'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_05'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_06'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_07'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_08'),
|
||||
url('/web/image/theme_treehouse.bg_pattern_09')
|
||||
);
|
||||
$o-theme-background-pattern-number: null;
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Colors
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
// Theme colors
|
||||
$o-theme-color-palettes: (
|
||||
(
|
||||
'alpha': darken(#79BD8F, 5%),
|
||||
'beta': #00A388,
|
||||
'gamma': #046380,
|
||||
'delta': #4BB5C1,
|
||||
'epsilon': #BEEB9F,
|
||||
|
||||
'secondary': #1d2127,
|
||||
),
|
||||
(
|
||||
'alpha': #A3CC52,
|
||||
'beta': #CC4452,
|
||||
'gamma': #8e3557,
|
||||
'delta': #F7F2B2,
|
||||
'epsilon': #4a1a2c,
|
||||
|
||||
'secondary': #4C4545,
|
||||
),
|
||||
(
|
||||
'alpha': darken(#F0C755, 5%),
|
||||
'beta': #E2AD3B,
|
||||
'gamma': #BF5C00,
|
||||
'delta': #77C4D3,
|
||||
'epsilon': #901811,
|
||||
|
||||
'secondary': darken(#3E606F, 15%),
|
||||
),
|
||||
(
|
||||
'alpha': #0092B2,
|
||||
'beta': #046380,
|
||||
'gamma': #A8C545,
|
||||
'delta': #FFF6C5,
|
||||
'epsilon': #ffd55c,
|
||||
|
||||
'secondary': #004460,
|
||||
),
|
||||
(
|
||||
'alpha': #DD7E43,
|
||||
'beta': lighten(#CF4A30, 5%),
|
||||
'gamma': #911146,
|
||||
'delta': #9CC264,
|
||||
'epsilon': #306E73,
|
||||
|
||||
'secondary': darken(#68624D, 20%),
|
||||
),
|
||||
(
|
||||
'alpha': #B7CA79,
|
||||
'beta': #677E52,
|
||||
'gamma': #B0CC99,
|
||||
'delta': #89725B,
|
||||
'epsilon': #F6E8B1,
|
||||
|
||||
'secondary': #193441,
|
||||
),
|
||||
);
|
||||
|
||||
// Grays (note: 900 is always secondary in this theme)
|
||||
$o-gray-color-palettes: (
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': #efecca,
|
||||
'700': #AFAD94,
|
||||
'black': #000000,
|
||||
),
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': #e3dcd1,
|
||||
'700': #A39E96,
|
||||
'black': #000000,
|
||||
),
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': lighten(#69A2BB, 20%),
|
||||
'700': #3E606F,
|
||||
'black': #000000,
|
||||
),
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': #E4F8FF,
|
||||
'700': #4BB5C1,
|
||||
'black': #000000,
|
||||
),
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': lighten(#c59d5f, 30%),
|
||||
'700': lighten(#c59d5f, 10%),
|
||||
'black': #000000,
|
||||
),
|
||||
(
|
||||
'white': #FFFFFF,
|
||||
'200': lighten(#3E606F, 50%),
|
||||
'700': #3E606F,
|
||||
'black': #000000,
|
||||
),
|
||||
);
|
||||
|
||||
// Colors
|
||||
$i: 1;
|
||||
$o-color-palettes: ();
|
||||
@each $-palette in $o-gray-color-palettes {
|
||||
$o-color-palettes: append($o-color-palettes, (
|
||||
'menu': map-get($-palette, '200'),
|
||||
'footer': map-get($-palette, '200'),
|
||||
'text': map-get(nth($o-theme-color-palettes, $i), 'secondary'),
|
||||
));
|
||||
$i: $i + 1;
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Fonts
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-theme-fonts: (
|
||||
('Dosis', sans-serif),
|
||||
('Abel', sans-serif),
|
||||
('Lato', sans-serif),
|
||||
('Karla', sans-serif),
|
||||
('Laila', serif),
|
||||
('Raleway', sans-serif),
|
||||
);
|
||||
$o-theme-font-urls: (
|
||||
'Dosis:400,700',
|
||||
'Abel',
|
||||
'Lato:400,400i,700,700i',
|
||||
'Karla:400,400i,700,700i',
|
||||
'Laila:400,700',
|
||||
'Raleway:400,400i,700,700i',
|
||||
);
|
||||
$o-theme-font-names: (
|
||||
'Dosis',
|
||||
'Abel',
|
||||
'Lato',
|
||||
'Karla',
|
||||
'Laila',
|
||||
'Raleway',
|
||||
);
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Website customizations
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
$o-website-values-palettes: (
|
||||
(
|
||||
'header-font-size': (13 / 16) * 1rem,
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,74 @@
|
||||
|
||||
// Carousel Snippets
|
||||
.carousel-control .fa {
|
||||
border-radius: 50%;
|
||||
padding-top: 2px;
|
||||
&:hover {
|
||||
color: theme-color('alpha') !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.s_images_carousel {
|
||||
.carousel-inner {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
.carousel-caption {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.s_google_map .description {
|
||||
background: theme-color('alpha') !important;
|
||||
}
|
||||
|
||||
|
||||
// Jumbotron
|
||||
.jumbotron {
|
||||
margin: 0;
|
||||
p {
|
||||
font-weight: $font-weight-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Comparisons
|
||||
.s_comparisons {
|
||||
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
|
||||
background-color: theme-color('primary');
|
||||
border-color: theme-color('primary');
|
||||
}
|
||||
.panel-body h2 small {
|
||||
color: gray('900');
|
||||
}
|
||||
}
|
||||
|
||||
.s_images_row .s_images_row_body {
|
||||
border-bottom-right-radius: $border-radius;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.s_progress_bar {
|
||||
border-radius: ($border-radius * 2);
|
||||
}
|
||||
|
||||
// Blockquote
|
||||
.s_blockquote {
|
||||
p {
|
||||
@include border-right-radius($border-radius);
|
||||
border-bottom-left-radius: $border-radius;
|
||||
}
|
||||
.fa {
|
||||
@include border-left-radius($border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
.s_three_columns [class*="col-lg-"] {
|
||||
border-radius: ($border-radius * 2.5);
|
||||
}
|
||||
|
||||
// Features
|
||||
.s_features {
|
||||
@include fa-size-generator(20);
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
#wrapwrap .s_big_message {
|
||||
margin: 0;
|
||||
padding: 20px 0 40px;
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.s_panel {
|
||||
&.panel {
|
||||
background-color: inherit;
|
||||
}
|
||||
.panel-heading {
|
||||
border: 0;
|
||||
.fa {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
box-shadow: $o-theme-shadow;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
@include blockquote-layout(gray('200'), gray('900'));
|
||||
|
||||
blockquote {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
.s_share {
|
||||
.s_share_title {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
}
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
.fa {
|
||||
background-color: theme-color('primary');
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.fa {
|
||||
background-color: gray('200');
|
||||
color: theme-color('primary');
|
||||
}
|
||||
@include fa-size-generator(20px);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
.s_well {
|
||||
box-shadow: $o-theme-shadow;
|
||||
|
||||
.card-text {
|
||||
overflow: hidden;
|
||||
}
|
||||
ol, p, ul {
|
||||
width: 100%;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
// Masonry Blocks
|
||||
$s-masonry-block-content-top: 15%;
|
||||
$s-masonry-block-content-right: 10%;
|
||||
$s-masonry-block-content-bottom: 5%;
|
||||
$s-masonry-block-content-left: 10%;
|
||||
|
||||
// Google Maps
|
||||
$s-google-map-desc-alpha: 1;
|
||||
$s-google-map-desc-hover-alpha: 1;
|
||||
|
||||
@mixin s-google-map-desc-p-hook {
|
||||
float: none;
|
||||
}
|
||||
@mixin s-google-map-desc-span-hook {
|
||||
float: none;
|
||||
}
|
||||
@mixin s-google-map-desc-hook {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
// Label
|
||||
$s-label-padding: 6px 10px;
|
||||
@@ -0,0 +1,459 @@
|
||||
.btn {
|
||||
padding: 6px 30px;
|
||||
border-radius: ($border-radius-lg * 2);
|
||||
font-size: $font-size-base;
|
||||
font-weight: $btn-font-weight;
|
||||
letter-spacing: $o-theme-letter-spacing;
|
||||
text-transform: uppercase;
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding: 6px 15px;
|
||||
}
|
||||
&.active, &:active {
|
||||
box-shadow: $o-theme-shadow;
|
||||
}
|
||||
&.btn-sm {
|
||||
font-size: $o-theme-font-size-extra-small;
|
||||
padding: 2px 20px;
|
||||
}
|
||||
&.btn-lg {
|
||||
font-size: $font-size-lg;
|
||||
padding: 8px 50px;
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
// TODO this is not very consistent but this was how theme_treehouse was
|
||||
// designed... should we keep this ?
|
||||
@each $color, $alias in ('success': 'beta', 'info': 'gamma', 'warning': 'delta', 'danger': 'epsilon') {
|
||||
&.btn-#{$color} {
|
||||
@include button-variant(theme-color($alias), theme-color($alias));
|
||||
}
|
||||
&.btn-outline-#{$color} {
|
||||
@include button-outline-variant(theme-color($alias));
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-primary, &.btn-delta, &.btn-warning { // TODO maybe worth change yiq-threshold instead
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
$navbar-link-color: o-get-most-contrast(color('menu'), theme-color('alpha'), gray('900'));
|
||||
$navbar-link-hover-color: theme-color('alpha');
|
||||
$navbar-link-active-bg: theme-color('alpha');
|
||||
$navbar-link-active-color: color('menu');
|
||||
$-yiq-color-menu: color-yiq(if(color('menu'), color('menu'), white));
|
||||
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
-o-hyphens: auto;
|
||||
hyphens: auto;
|
||||
|
||||
@if ($o-theme-background-pattern-number) {
|
||||
background-image: nth($o-theme-background-patterns, $o-theme-background-pattern-number);
|
||||
}
|
||||
|
||||
@if ($o-theme-layout == 'boxed') {
|
||||
padding: $grid-gutter-width 10px;
|
||||
@include media-breakpoint-up(md) {
|
||||
padding: $grid-gutter-width 10%;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-default .navbar-nav > li:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
letter-spacing: 1px;
|
||||
|
||||
// preHeader
|
||||
#preheader {
|
||||
vertical-align: middle;
|
||||
font-size: $o-theme-layout-font-size;
|
||||
font-weight: $font-weight-base;
|
||||
padding: 8px 0;
|
||||
@include o-bg-color(theme-color('alpha'));
|
||||
a {
|
||||
color: color-yiq(theme-color('alpha'));
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
border-top-color: color('menu');
|
||||
}
|
||||
.show > .dropdown-toggle::after {
|
||||
border-top: none;
|
||||
border-bottom: 5px solid color('menu');
|
||||
}
|
||||
|
||||
#language, #social, .home {
|
||||
> a .fa, button .fa {
|
||||
box-sizing: content-box;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
border-radius: $border-radius-lg;
|
||||
color: theme-color('primary');
|
||||
background-color: color('menu');
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-color: color('menu');
|
||||
color: color('menu');
|
||||
}
|
||||
}
|
||||
@include fa-size-generator(10px);
|
||||
}
|
||||
#social a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#contact {
|
||||
.fa:not(.fa-home) {
|
||||
margin: 0 8px 0 0;
|
||||
opacity: 0.5;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
opacity: 1;
|
||||
color: theme-color('primary');
|
||||
|
||||
&:hover {
|
||||
color: $navbar-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#language {
|
||||
min-width: 10%;
|
||||
text-align: right;
|
||||
/* Button */
|
||||
.btn-group {
|
||||
button {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
&.show > button .fa {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-color: color('menu');
|
||||
color: color('menu');
|
||||
}
|
||||
> .dropdown-menu {
|
||||
padding: 0;
|
||||
min-width: 200px;
|
||||
z-index: $zindex-dropdown + 1;
|
||||
background-color: color('menu');
|
||||
|
||||
.dropdown-item {
|
||||
padding: 8px 18px;
|
||||
color: $navbar-link-color;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
|
||||
.fa {
|
||||
margin: 0 5px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
&:hover, &.active {
|
||||
background-color: $navbar-link-active-bg;
|
||||
color: $navbar-link-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar
|
||||
.navbar {
|
||||
font-weight: $font-weight-bold;
|
||||
background-color: color('menu');
|
||||
|
||||
.dropdown-toggle::after {
|
||||
border-top-color: $navbar-link-color;
|
||||
}
|
||||
.show > .dropdown-toggle::after {
|
||||
border-top: none;
|
||||
border-bottom: 5px solid $navbar-link-color;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: $navbar-link-color;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
border: 0;
|
||||
padding: 8px 2px;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
.divider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin: 5px 0 5px 4px;
|
||||
|
||||
.nav-link {
|
||||
padding: 3px 14px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
color: $navbar-link-color;
|
||||
font-weight: $font-weight-bold;
|
||||
border-radius: $border-radius-lg;
|
||||
text-transform: uppercase;
|
||||
color: $-yiq-color-menu;
|
||||
|
||||
&:hover {
|
||||
color: $navbar-link-hover-color;
|
||||
border: 2px solid $navbar-link-hover-color;
|
||||
|
||||
&::after {
|
||||
border-top-color: $navbar-link-hover-color;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
&, &:focus, &:hover {
|
||||
background-color: $navbar-link-active-bg;
|
||||
border-color: $navbar-link-active-bg;
|
||||
border-radius: $border-radius-lg;
|
||||
color: $navbar-link-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.show {
|
||||
.nav-link {
|
||||
&, &:focus, &:hover {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: $navbar-link-hover-color;
|
||||
border-color: $navbar-link-hover-color;
|
||||
border-radius: $border-radius-lg;
|
||||
|
||||
&::after {
|
||||
border-bottom-color: $navbar-link-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .dropdown-menu {
|
||||
padding: 0;
|
||||
min-width: 200px;
|
||||
box-shadow: $o-theme-shadow;
|
||||
background-color: rgba(color('menu'), 1);
|
||||
border-color: rgba(color('menu'), 1);
|
||||
|
||||
.dropdown-item {
|
||||
padding: 8px 18px;
|
||||
color: $-yiq-color-menu;
|
||||
font-weight: $font-weight-bold;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::before {
|
||||
content: "\f111";
|
||||
font-family: "FontAwesome";
|
||||
margin: 0 6px 0 0;
|
||||
vertical-align: middle;
|
||||
|
||||
$-circle-font-size: 0.4rem;
|
||||
line-height: if(o-website-value('header-font-size'), o-website-value('header-font-size'), $font-size-base) / $-circle-font-size;
|
||||
font-size: $-circle-font-size;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: $navbar-link-hover-color;
|
||||
}
|
||||
&.active {
|
||||
&, &:focus, &:hover {
|
||||
background-color: $navbar-link-active-bg;
|
||||
color: $navbar-link-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.navbar-collapse {
|
||||
margin: 0;
|
||||
box-shadow: $o-theme-shadow;
|
||||
}
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.dropdown-item {
|
||||
padding: 4px 20px;
|
||||
&:before {
|
||||
line-height: 24px;
|
||||
}
|
||||
&.active {
|
||||
&, &:focus, &:hover {
|
||||
border-radius: $border-radius-lg;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
.navbar-brand {
|
||||
min-width: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
#footer {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
// Copyright
|
||||
.o_footer_copyright {
|
||||
@include o-bg-color(theme-color('alpha'), color('text'));
|
||||
|
||||
font-size: $o-theme-layout-font-size;
|
||||
font-weight: $font-weight-base;
|
||||
|
||||
.text-muted {
|
||||
color: color('text');
|
||||
}
|
||||
|
||||
.top {
|
||||
@include o-position-absolute(-20px, 0, auto, 0);
|
||||
@include fa-size-generator(20px);
|
||||
|
||||
.fa {
|
||||
background-color: theme-color('primary');
|
||||
color: color('footer');
|
||||
border-radius: $border-radius-lg;
|
||||
|
||||
&:hover {
|
||||
background-color: color('footer');
|
||||
color: theme-color('primary');
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_brand_promotion {
|
||||
padding: 10px 15px;
|
||||
text-align: right;
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
padding: 2px 6px;
|
||||
background-color: #fff;
|
||||
color: theme-color('primary');
|
||||
font-size: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Fix non-clickable input */
|
||||
form div.text-muted {
|
||||
color: color('text');
|
||||
}
|
||||
|
||||
@include o-theme-nmi-wrapwrap-styles('bg-900', $border-radius);
|
||||
|
||||
.fa, a, button {
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
/* Remove yellow background */
|
||||
input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 1000px white inset;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: theme-color('primary');
|
||||
box-shadow: $o-theme-shadow;
|
||||
}
|
||||
|
||||
// Icons & Titles Styles
|
||||
.rounded-circle, .rounded-circle.img-thumbnail {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.rounded, .rounded.img-thumbnail {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
.img-thumbnail, .thumbnail {
|
||||
border-radius: inherit;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.lead, h1, h2, h3, h4, h5, h6 {
|
||||
&[class*="bg-"], font[class*="bg-"] {
|
||||
padding: 6px 18px;
|
||||
border-radius: $border-radius;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
// Shop
|
||||
.oe_website_sale {
|
||||
.btn.oe_search_button {
|
||||
padding: 4px 20px;
|
||||
}
|
||||
#products_grid_before .nav-link {
|
||||
border-radius: $border-radius-lg;
|
||||
}
|
||||
#products_grid section .product_price{
|
||||
.btn { // cart buttons
|
||||
padding: 2px 7px;
|
||||
}
|
||||
}
|
||||
#product_details, .in_cart{
|
||||
.oe_website_spinner {
|
||||
.btn {
|
||||
padding: 4px 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.oe_cart .oe_website_spinner {
|
||||
max-width: 180px;
|
||||
}
|
||||
#cart_total .coupon_form .a-submit{
|
||||
padding: 4px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Forum
|
||||
.o_wforum_navbar_container {
|
||||
.navbar .nav-link {
|
||||
padding: 18px 14px;
|
||||
color: $navbar-link-color;
|
||||
}
|
||||
}
|
||||
@include o-theme-nmi-website-forum-classes($border-radius-sm, $navbar-link-color, 7px 12px, color('menu'), $navbar-link-hover-color, theme-color('primary'));
|
||||
}
|
||||
|
||||
//------------------------------------------------------------------------------
|
||||
// Compatibility for bg-img-*
|
||||
//------------------------------------------------------------------------------
|
||||
@include o-theme-nmi-bg-image-classes((
|
||||
url("/web/image/theme_treehouse.bg_img_01") center, url("/web/image/theme_treehouse.bg_img_02") center,
|
||||
url("/web/image/theme_treehouse.bg_img_03") center, url("/web/image/theme_treehouse.bg_img_04") center,
|
||||
url("/web/image/theme_treehouse.bg_img_05") center, url("/web/image/theme_treehouse.bg_img_06") center,
|
||||
url("/web/image/theme_treehouse.bg_img_07") center, url("/web/image/theme_treehouse.bg_img_08") center,
|
||||
url("/web/image/theme_treehouse.bg_img_09") center, url("/web/image/theme_treehouse.bg_img_10") center,
|
||||
url("/web/image/theme_treehouse.bg_img_11") center, url("/web/image/theme_treehouse.bg_img_12") center,
|
||||
url("/web/image/theme_treehouse.bg_img_13") center, url("/web/image/theme_treehouse.bg_img_14") center,
|
||||
url("/web/image/theme_treehouse.bg_img_15") center, url("/web/image/theme_treehouse.bg_img_16") center
|
||||
), cover);
|
||||
|
||||
// Background Patterns
|
||||
@include o-theme-nmi-bg-pattern-classes($o-theme-background-patterns);
|
||||