Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@financial-times/o-grid

Package Overview
Dependencies
Maintainers
16
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@financial-times/o-grid - npm Package Compare versions

Comparing version 4.5.1 to 4.5.2

12

browser.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc