kaelig

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

////
/// @group o-grid
/// @link http://registry.origami.ft.com/components/o-grid
////

// ----------------------------------------------------------------------------

kaelig

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

@import 'mq';

test {
  width: 319px / 16px * 1em;
  width: 320px / 16px * 1em - 0.01em;
  

kaelig

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

// Copyright (c) 2015, salesforce.com, inc. All rights reserved.

// Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
// Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
// Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
// Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

kaelig

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

$debug: true;
$app-version: '0.200.0';

// @author Hugo Giraudel
@function number($string) {
  // Matrices

kaelig

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

$o-grid-layouts: (A: 340px, X: 800px, Y: 1100px, Z: 1200px);
$_o-grid-layout-names: A, X, Y, Z;
$o-grid-gutters: (default: 10px);

@mixin oGridAddLayout($layout-name, $layout-width, $gutter-width: null) {
	$temp-layouts: ();

kaelig

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

$o-grid-layouts: (
	S:  490px, 
	SM: 720px, 
	M:  730px, 
	L:  970px, 
	XL: 1210px,

kaelig

<!-- Constant column spans -->
<div class="o-grid-row">
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>
	<div data-o-grid-colspan="1"><div class="demo-cell">1</div></div>

kaelig

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

// The following code works in Ruby Sass 3.3 and 3.4
// But doesn't work well in LibSass
// See https://github.com/sass/libsass/issues/1271

$character-code: f102;

kaelig

// ----
// libsass (v3.2.4)
// ----

// Import Sass MQ
// http://git.io/sass-mq
@import 'mq';

@include mq(tablet) {
  div {

kaelig

// ----
// libsass (v3.2.2)
// ----

$o-colors-palette: () !default;

/// Colour palette
///
/// These are the colours that make up the FT palette.
/// We don't use these colours directly, but instead assign them to 'use cases',