@financial-times/o-grid
Advanced tools
Comparing version 4.5.1 to 4.5.2
@@ -123,3 +123,3 @@ "use strict"; | ||
const decr1 = val => `${Number(val.replace('px', '') - 1)}px`; | ||
const decr1 = val => "".concat(Number(val.replace('px', '') - 1), "px"); | ||
@@ -147,15 +147,15 @@ const setupQuery = (query, size) => { | ||
case 'S': | ||
setupQuery(`(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('M'))})`, size); | ||
setupQuery("(min-width: ".concat(width, ") and (max-width: ").concat(decr1(breakpoints.get('M')), ")"), size); | ||
break; | ||
case 'M': | ||
setupQuery(`(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('L'))})`, size); | ||
setupQuery("(min-width: ".concat(width, ") and (max-width: ").concat(decr1(breakpoints.get('L')), ")"), size); | ||
break; | ||
case 'L': | ||
setupQuery(`(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('XL'))})`, size); | ||
setupQuery("(min-width: ".concat(width, ") and (max-width: ").concat(decr1(breakpoints.get('XL')), ")"), size); | ||
break; | ||
case 'XL': | ||
setupQuery(`(min-width: ${width})`, size); | ||
setupQuery("(min-width: ".concat(width, ")"), size); | ||
break; | ||
@@ -165,3 +165,3 @@ | ||
default: | ||
setupQuery(`(max-width: ${decr1(breakpoints.get('S'))})`, size); | ||
setupQuery("(max-width: ".concat(decr1(breakpoints.get('S')), ")"), size); | ||
break; | ||
@@ -168,0 +168,0 @@ } |
@@ -6,5 +6,6 @@ { | ||
"dist/", | ||
"index.js", | ||
"browser.js", | ||
"src/", | ||
"main*", | ||
"!src/**/*.js", | ||
"main.scss", | ||
"img", | ||
@@ -26,3 +27,3 @@ "*.json", | ||
"name": "@financial-times/o-grid", | ||
"version": "4.5.1", | ||
"version": "4.5.2", | ||
"dependencies": { | ||
@@ -33,4 +34,3 @@ "sass-mq": "^5.0.0" | ||
"scripts": {}, | ||
"devDependencies": {}, | ||
"main": "main.js" | ||
"devDependencies": {} | ||
} |
# o-grid [![Build Status](https://circleci.com/gh/Financial-Times/o-grid.png?style=shield&circle-token=a0c7fe6f37aa937651724d1650814e45ab2662a5)](https://circleci.com/gh/Financial-Times/o-grid) [![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](#licence) | ||
A 12 column responsive, flexbox-based grid system for laying out documents, templates and modules. | ||
A 12 column responsive, flexbox-based grid system for laying out documents, templates and components. | ||
> Living off the grid and being kind of an outlaw brings a dangerous reality. *Ron Perlman* | ||
- [Usage](#usage) | ||
@@ -39,3 +37,2 @@ - [Quick Start](#quick-start) | ||
## Quick Start | ||
@@ -42,0 +39,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
459690
10
221
751