starryeyez024

<div class="ratio">
  <div class="fpp">
    <div class="fpp-inner">
        <div class="field--name-field-fpp-text-body"> More text perhaps, was on the dockett, we could never be sure. How many words will need to fit in the box?</div>
        <div class="field--name-field-fpp-text-url"> And what if there's more? What then?</div>
    </div> 
  </div>
</div>

starryeyez024

<div class="body">
<div class="ratio">
  <div class="fpp">
    <div class="fpp-inner">
        <div class="field--name-field-fpp-text-body"> More text perhaps, was on the dockett, we could never be sure. How many words will need to fit in the box?</div>
        <div class="field--name-field-fpp-text-url"> And what if there's more? What then?</div>
    </div> 
  </div>
</div>
</div>

starryeyez024

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$team-primary: red;
$color-map:(
  black: '#000000', 
  white: '#FFFFFF', 
  gray: '#CCCCCC'

starryeyez024

.view-foobar
  .views-row.views-row-1
    .inner
      .image-wrap
        %img(src="http://placekitten.com/400/300")
      %p I love responsive design
  .views-row.views-row-2
    .inner
      .image-wrap
        %img(src="http://placekitten.com/800/600")

starryeyez024

<div class="toggle">
</div>

starryeyez024

.view-foobar
  .views-row.views-row-1
    .inner
      .image-wrap
        %img(src="http://placekitten.com/2100/300")
      %p I love responsive design
  .views-row.views-row-2
    .inner
      .image-wrap
        %img(src="http://placekitten.com/450/350")

starryeyez024

.view-foobar
  .views-row.views-row-1
    .inner
      .image-wrap
        %img(src="http://placekitten.com/2100/300")
      %p I love responsive design
  .views-row.views-row-2
    .inner
      .image-wrap
        %img(src="http://placekitten.com/450/350")

starryeyez024

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

$map: (
    width: 100px,
    height: 200px,
    color: red,
    background: blue

starryeyez024

<div class="wrap">
<div class="content"><div class="inner">Content content content content content content content content content</div> </div>
<div class="sidebar side-a"><div class="inner">sidebar A, sidebar A, sidebar A, sidebar A </div></div>
<div class="sidebar side-b"><div class="inner">sidebar B, sidebar B, sidebar B, sidebar B </div></div>
</div>

starryeyez024

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

@mixin svg-pro (
  $filename,
  $svg-class,
  $no-svg-class: "lt-ie9") {