ember-attacher/config/flexi.js

Tooltips and popovers for Ember.js apps

/* eslint-env node */
'use strict';

module.exports = {
  // breakpoints, order does not matter, they will be sorted by `begin`
  // `name` is used for layout names and booleans on the device/layout service
  // `prefix` is used for column classes, column attributes, and container breakpoint classes
  // `begin` is the pixel value at which this breakpoint becomes active
  breakpoints: [
    { name: 'mobile', prefix: 'xs', begin: 0 },
    { name: 'largemobile', prefix: 'lm', begin: 512 },
    { name: 'tablet', prefix: 'sm', begin: 768 },
    { name: 'desktop', prefix: 'md', begin: 992 },
    { name: 'huge', prefix: 'lg', begin: 1200 }
  ],

  // the number of columns for the grid
  columns: 24,

  // optional, used for column classes: '<colPrefix>-<breakpointPrefix>-<columnNumber>'
  columnPrefix: 'col',

  // if false, @media css is not included
  includeMediaCSS: true,

  // if false, default element styles are not included
  includeElementCSS: true,

  // if true, will convert layout attributes on non-layout elements to classes as well
  transformAllElementLayoutAttributes: false,

  // grid and layout element gutters
  gutterPadding: '0',

  // if false, no styles are included (trumps 'includeMediaCSS' and 'includeElementCSS')
  includeCSS: true
};