tgdev

# Some taken from https://gist.github.com/mwhite/6887990
# How to add to global gitconfig using vscode: 

1. Set VS Code as git config editor: git config --global core.editor "code --wait"
2. Edit git config with VS Code:     git config --global -e

# ========================================================================================

[alias]
	s = status

tgdev

/// Replace `$search` with `$replace` in `$string`
/// @author Hugo Giraudel
/// @param {String} $string - Initial string
/// @param {String} $search - Substring to replace
/// @param {String} $replace ('') - New value
/// @return {String} - Updated string
@function str-replace($string, $search, $replace: '') {

  $index: str-index($string, $search);

tgdev

// @font-face shortcut - requires replace-str function
// @param {String} $name:       Name of font
// @param {String} $font-path:  Path to font files
// @param {String} $filename:   Manipulated string of $name
//
// eg:
//
// @include webfont('Webfont Bold');
// @include webfont('Webfont Regular');
//=================================================================

tgdev

//==========================================================================
// gradient map set in project's _vars.scss file
//==========================================================================
$gradientMagentaOrange: (
     'color1': $gradientMagenta,
     'color2': $gradientOrange
);

//========================================================================================
// mixin created in project's mixins.scss - used in conjunction with autoprefixr/postcss

tgdev

<% p = locals[:project] %>
<div class="l-wrapper">
  <div class="l-content">
    <h2><%= p[:title] %></h2>
    <%= p[:description] %>
    <p class="highlight">Key responsibilities:</p>
    <ul class="itemised-list">
	    <%= p[:responsibilities] %>
    </ul>
  </div>

tgdev

<div class="article pagination">
  <p class="pagination__summary">Articles <%= page_start %> to <%= page_end %> of <%= articles.length %></p>
  <ul class="list--clean list--pagination">
    <% if prev_page %>
      <li class="prev">
        <a href="<%= prev_page.url %>">Older articles</a>
      </li>
    <% end %>
    <% if next_page %>
      <li class="next">

tgdev

<!-- Facebook Open Graph tags -->
<meta property="og:image" content="" />
<meta property="og:site_name" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:title" content="" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="">

tgdev

// Flexbox Mixins (Old & New Syntax)
// Based on the article by Chris Coyier - http://css-tricks.com/using-flexbox/

// Flexbox Context
// Description: Make the container for our columns a flexbox display context.
// By doing this, all direct children of this element become flex items. 
// Doesn't matter what they were before, they are flex items now.
// Example @include flexContext;
@mixin flexContext {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */