.test-columns {
  before: 12;
  during: 10;
  after: 12; }

.test-gutters {
  before: 20px;
  during: 15px;
  after: 20px; }

.test-gutter-method {
  before: padding;
  during: translate;
  after: padding; }

.test-grid-width {
  before: 100%;
  during: 80%;
  after: 100%; }

.test-box-sizing {
  before: border-box;
  during: padding-box;
  after: border-box; }

.test-direction {
  before: left;
  during: up;
  after: left; }

.test-switch-direction {
  before: false;
  during: nope;
  after: false; }

.test-rtl-selector {
  before: false;
  during: '[dir="rtl"]';
  after: false; }

.test-auto-include-grid-item-base {
  before: true;
  during: yes;
  after: true; }

.test-auto-include-flow-item-base {
  before: true;
  during: yes;
  after: true; }

.test-grid-color {
  before: #ffdede;
  during: #deffde;
  after: #ffdede; }

.test-grid-numbers {
  before: both;
  during: bottom;
  after: both; }