frecklebit

.some-class {
  &__some-item {
    &--active {
        color: blue;
    }
  }
}

frecklebit

// Demo artboard styles
html {
  background: #f4f4f4;
  font-size: 100%;
  font-family: Roboto, Helvetica, sans-serif;
  margin: 100px auto;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

frecklebit

<script lang="ts">
import { Vue, Prop, Component } from 'vue-property-decorator';
import { VCard, VImg } from 'vuetify/lib/components';

import type { HeroBanner, OverlayContent } from '../Hero.d';

import Overlay from '../components/HeroOverlay.ts.vue';

@Component({
  components: {

frecklebit

#!/bin/sh

# Deploys current branch to Zoro team environment
# e.g. deploy-qa browse-d
deploy-qa() {
  # Make sure current directory is clean
  if [[ -n "$(git status --untracked-files=no --porcelain)" ]]; then
    echo "Please commit your work before deploying to QA"
    return 1
  fi

frecklebit

.menu {
    color: red;
    
    & > * {
        color: blue;
    }
}

.submenu {
    color: green;

frecklebit

.menu {
    color: red;
    
    & > li {
        color: blue;
    }
}

.submenu {
    color: green;

frecklebit

.menu {
    color: red;
    
    & > li {
        color: blue;
    }
}

.submenu {
    color: green;

frecklebit

<?php
/**
 * Convert rgb colors to hex
 *
 * @since TimberPress 1.0.0
 * @param  string $hex Hex color code
 * @return mixed      rgb value
 */
if ( ! function_exists( 'timberpress_rgb_to_hex' ) ) :
function timberpress_rgb_to_hex( $color ) {

frecklebit

<?php
/**
 * Convert hex colors to rgb
 *
 * @since TimberPress 1.0.0
 * @param  string $hex Hex color code
 * @return mixed      rgb value
 */
if ( ! function_exists( 'timberpress_hex_to_rgb' ) ) :
function timberpress_hex_to_rgb( $color ) {

frecklebit

/**
 * Foundation Gravity by Adam Jenkins
 * Licensed under MIT Open Source
 */

'use strict';

!function ( $ ) {

  /**