pstonier

/*
Adds the weight of 700 for PT Sans
*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:700');


/*
Moves the search icon below the rest of the menu
*/
li.fusion-custom-menu-item.fusion-main-menu-search.fusion-last-menu-item {

pstonier

#Systems for Charting

1. https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3
2. https://www.zingchart.com/blog/2015/12/09/color-charts/
3. http://colorbrewer2.org/

pstonier

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

pstonier

$column: 90px;
$gutter: 10px;
$grid-columns: 12;
$max-width: 1100px;

$first-breakpoint-value: 400px;
$second-breakpoint-value: 835px;
$third-breakpoint-value: 1100px;

// Covers 0-399px wide screen size. 2 column grid

pstonier

// 1/4 width on Desktop and adjust appropriately based on device size
@mixin one-quarter {
  @include media($small-screen) {
    @include span-columns(2);
    @include omega(1n);
  }
  @include media($medium-screen) {
    @include span-columns(2);
    @include omega(2n);
  }

pstonier

.gallery .item {
   // Small screen is set to 2 column grid
   @include media($small-screen) {
     @include span-columns(2);
     @include omega(1n);
   }
   // Medium screen is set to a 4 column grid
   @include media($medium-screen) {
     @include span-columns(2);
     @include omega(2n);

pstonier

<?php 

//CONTENT-BLOCK LAYOUT
if(  get_row_layout() == 'content-blocks'): ?>

  <section <?php if( get_sub_field( 'section_id') ) { ?> id="
    <?php the_sub_field('section_id'); ?>"
      <?php } ?> class="row
        <?php   

pstonier

<?php

if(get_field(‘field_name’))
{
 echo ‘<p>’ . get_field(‘field_name’) . ‘</p>’;
}

?>