awestmoreland

figure{
  @include at-breakpoint($size-20){
    @include span-columns(3,12);
    &:nth-child(4n+4){
      @include omega;
    }
    &:nth-child(6n+6){
      @include remove-omega;
    }
  }

awestmoreland

// Set sizes without units
$basefont: 20;
$total-width-px: 1169;
$column-width-px: 72;

// Concatenation of units by addition results in conversion to string. This is bad
$basefont-px: $basefont+'px';  // = "20px"

// Conversion to pixels using multiplication
$basefont-px: $basefont*1px;  // = 20px;

awestmoreland

// Basic Grid
// (72 x 12) + (25 x 11) + (15 x 2) = 1169

// Define pixels:
$total-width-px: 1169;
$column-width-px: 72;
$gutter-width-px: 25;
$grid-padding-px: 15;
$total-columns: 12;
$base-font: 20;

awestmoreland

// Set kit ID
var typekitID = "tk999999";
var testFont = "wf-proximanova-n4-active";

// Wait... then load Typekit if font not active
setTimeout("addTypekit(typekitID);",3000);


function addTypekit(typekitID,testFont){

awestmoreland

@font-face {
  font-family: 'MyFontFamily';
  src: url('myfont-webfont.eot?') format('embedded-opentype');
}
   
@font-face {
  font-family: 'MyFontFamily';
    url(data:font/truetype;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('truetype'),
    url(data:font/woff;charset=utf-8;base64,BASE64_ENCODED_DATA_HERE)  format('woff'),
    url('myfont-webfont.svg#svgFontName') format('svg');

awestmoreland

/* This is the CSS output by the SCSS file */

.columns {
  *zoom: 1;
}
.columns:before, .columns:after {
  content: " ";
  display: table;
}
.columns:after {

awestmoreland

<h2>Course instructors:</h2>

<dl>

{{ instructor }}

  {{ get_content from="{{ value }}" }} <!-- {{value}} returns incorrect data. {value} returns nothing. -->
    <dt>Title:</dt><dd>{{ title }}</dd>
    <dt>Company:</dt><dd>{{ company_name }}</dd>
    <dt>Link:</dt><dd><a href="{{ value }}">{{ value }}</a></dd>

awestmoreland

@mixin griddy($cols) {
  > *{
    @if($cols > 1) {
      @for $i from 1 through $cols {
        &:nth-child(#{$i}n+#{$i}) {
          @include span-columns($grid-columns / $cols);
          clear: none;
        }
      }
      &:nth-child(#{$cols}n + #{$cols}) {

awestmoreland

OVdPoo

A Pen by Andy Westmoreland on CodePen.

License.

awestmoreland

SELECT * FROM promotion_translations
JOIN promotions ON promotions.id = promotion_translations.promotion_id
WHERE promotion_translations.id = YOUR_ID