8lane

.header {
    color: tint(brand2);
}

.header--primary {
    background: tint(brand3, 90);
}

.header--secondary {
    background: tint(brand1, 20);

8lane

$my-brand-tints:   
(
    brand1: ( 10:#fffae5, 20:#fff5cc, 30:#ffefb2, 40:#ffea99, 50:#ffe580, 60:#ffe066, 70:#ffdb4c, 80:#ffd533, 90:#ffd019, 100: $anw-brand-1 ),
    brand2: ( 10:#ffecf0, 20:#ffd9e0, 30:#ffc6d1, 40:#ffb3c2, 50:#ffa0b2, 60:#ff8ea3, 70:#ff7b94, 80:#ff4266, 90:#ff4266, 100: $anw-brand-2 ),
    brand3: ( 10:#effaf9, 20:#e0f6f3, 30:#d0f1ed, 40:#c0ede7, 50:#b0e8e0, 60:#a1e4da, 70:#91dfd4, 80:#81dbce, 90:#72d6c8, 100: $anw-brand-3 ),
    brand4: ( 10:#e8e8e9, 20:#d1d2d3, 30:#babbbc, 40:#a3a4a6, 50:#8b8d90, 60:#74777a, 70:#5d6064, 80:#46494d, 90:#2f3337, 100: $anw-brand-4 ),
    brand5: ( 10:#e8e8e9, 20:#d1d2d3, 30:#babbbc, 40:#a3a4a6, 50:#8b8d90, 60:#74777a, 70:#5d6064, 80:#46494d, 90:#2f3337, 100: $anw-brand-5 ),
    brand6: ( 10:#ebf3f8, 20:#d8e7f2, 30:#c4dbeb, 40:#b0cfe4, 50:#9cc3dd, 60:#89b7d7, 70:#75abd0, 80:#619fc9, 90:#4e93c3, 100: $anw-brand-6 ),
    brand7: ( 10:#e8e8e9, 20:#d1d2d3, 30:#babbbc, 40:#a3a4a6, 50:#8b8d90, 60:#74777a, 70:#5d6064, 80:#46494d, 90:#2f3337, 100: $anw-brand-7 ),
 

8lane

@function tint($color, $percent:null) {
    @if ($percent != null) {
        @return map-get(map-get($my-brand-tints, $color), $percent);
    } @else {
        @return map-get(map-get($my-brand-tints, $color), 100);
    }
}

8lane

<div class="anw-latest-block--var1 text-center">
    <h2 class="anw-latest-block--var1__title row--vertical-spacing-bottom-2" data-sr="wait 300ms enter over 250ms">
        <a href="/content/novembers-featured-albums">Featured releases</a>
    </h2>

    <div class="anw-latest-block__albums clearfix">
        <ul class="clearfix text-center">
            <li class="anw-latest-block--var1__item col-xs-12 col-sm-6" data-sr="wait 200ms enter over 350ms">
                <a href="/browse/m/album/balkan-brass-and-gypsy-grooves_2444">
                    <img class="anw-latest-block--var1__thumb" src="~/Assets/Images/rebrand/albums/november/balkan-brass-gypsy-grooves.jpg" />

8lane

<!-- 
    ADDING DATA
	• ["data-style-id"] attribute to the ID of the category being searched
	• ["data-style-name"] attribute to the value being searched (should be the same as the text inside the <a>)
	• ["data-mood-id"] & ["data-mood-name"] same as above but set onthe 2nd level <ul> items
-->

<li>
    <a data-style-id="5" data-style-name="Grace" data-label="" class="hasSubMenu" href="/">Ambient / New Age</a>
    <ul data-level="2">

8lane

var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');

var paths = {

8lane

@mixin stretch($offset-top:0, $offset-right:0, $offset-bottom:0, $offset-left:0) {
  position: absolute;
  @if $offset-top { top: $offset-top; }
  @if $offset-bottom { bottom: $offset-bottom; }
  @if $offset-left { left: $offset-left; }
  @if $offset-right { right: $offset-right; }
}

8lane

$tracks-total: 10;

%tracks-used {
    font-family: FontAwesome;
    content: "\f058";
    font-size: 23px;
}

.anw-account__demo__counters {
    color: $anw-brand-light-grey-4;

8lane

section.featured-content:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8) );
}

8lane

<?php

$images = array();
foreach(explode(',', $value) as $key) {
    $images[] = \IPS\File::get( 'core_Theme', $key );
}

return new \IPS\Helpers\Form\Upload( "core_theme_setting_title_{$row['sc_id']}", isset($images) ? $images : null, FALSE, array( 'storageExtension' => 'core_Theme', 'multiple' => true, 'image' => TRUE ), NULL, NULL, NULL, 'base_lc_bg_imgs' );