dviedma

$icons {
  search: "\f001";
  checkmark: "\f002";
  cancel: "\f003";
  refresh: "\f004";
}

@each $icon, $code in $icons {
  .icon-#{$icon}:before {
    content: $code;

dviedma

.button {
 color: red;
 background: blue;
  @at-root #{&}--active {
   color: green;
 }
}
 

dviedma

	describe("directive.calculateHeight", function(){
		var $scope,
				element,
				$element,
				$compile;

		beforeEach(function(){
			module("retail.navigation-ui", "string-utils");

			element = angular.element("<ul calculate-height><li></li></ul>");

dviedma

(function($){
  
  // private methods
  var _<#privateMethodName#> = function(){};
  
  // public methods
  var methods = {
    init: function(options){
      
      if (this.hasInitialized){ return; }

dviedma

// ----
// libsass (v3.2.5)
// ----

.error {
  color: red;
  
  @media screen and (max-width: 320px) {
    color: blue;
  }

dviedma

// ----
// libsass (v3.2.5)
// ----

/* way 1: media query inside of the selector */
.error {
  color: red;
  @media screen and (max-width: 320px) {
    color: blue;
  }

dviedma

	.factory("navigation", ["$rootScope", "$state", "experienceService",
		function navigation($rootScope, $state, experienceService) {

			var views;

			$rootScope.stateParams = {};

			experienceService.getAsync({})
					.then(function(experience) {
						console.log("experience: ",experience);

dviedma

$nav-height: 70px;

.homepage-hero {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
  margin-bottom: 5px;

  @include breakpoint(tablet){
    margin-top: 50px;

dviedma

.homepage-hero {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
  margin-bottom: 5px;

  @include breakpoint(tablet){
    margin-top: 50px;
  }

dviedma

<script>
  var $jquery = window.jQuery,
      isResultsLoaded = {},
      select = (query, item = document) => item.querySelector(query),
      selectAll = (query, item = document) => item.querySelectorAll(query),
      insertAfter = (newNode, referenceNode) => referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling),
      productLineEl,
      productLine2,
      filterDropdownEls,
      filtersEls,