/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/griddy.css@1.0.0/src/index.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
$griddy-cols: 12;

.griddy {
  clear: fix;

  [class*="griddy-col"] {
    width: 100%;
  }

  &-col {
    float: left;
  }
  &-col-right {
    float: right;
  }

  @media(min-width: 768px) {
    @for @col from 1 to $griddy-cols {
      .griddy-col-@col {
        width: calc((@col / $griddy-cols) * 100%);
      }
      .griddy-offset-@col {
        margin-left: calc((@col / $griddy-cols) * 100%);
      }
    }
  }
}