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
11
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 6.1.5 to 6.1.6

2

bookmarklet/bookmarklet.js

@@ -170,3 +170,3 @@ /*globals Origami*/

var gridScript = document.createElement("script");
gridScript.src = "https://www.ft.com/__origami/service/build/v2/bundles/js?modules=o-grid@^5.0.0";
gridScript.src = "https://www.ft.com/__origami/service/build/v3/bundles/js?components=o-grid@^6.0.0&system_code=origami";
gridScript.onload = init();

@@ -173,0 +173,0 @@ head.appendChild(gridScript);

# Changelog
### [6.1.6](https://www.github.com/Financial-Times/origami/compare/o-grid-v6.1.5...o-grid-v6.1.6) (2023-07-13)
### Bug Fixes
* o-grid, introduce designer-specific notes from archived designer docs ([#1165](https://www.github.com/Financial-Times/origami/issues/1165)) ([6c19b7c](https://www.github.com/Financial-Times/origami/commit/6c19b7c21055f7fc39a53d58b2b7af29515f1f94))
### [6.1.5](https://www.github.com/Financial-Times/origami/compare/o-grid-v6.1.4...o-grid-v6.1.5) (2022-01-24)

@@ -4,0 +11,0 @@

{
"name": "@financial-times/o-grid",
"version": "6.1.5",
"version": "6.1.6",
"description": "A 12 column responsive, flexbox-based grid system for laying out documents, templates and components.",

@@ -24,3 +24,5 @@ "keywords": [

"test": "bash ../../scripts/component/test.bash",
"lint": "bash ../../scripts/component/lint.bash"
"debug:js": "bash ../../scripts/component/debug-js.bash",
"lint": "bash ../../scripts/component/lint.bash",
"watch": "bash ../../scripts/component/watch.bash"
},

@@ -27,0 +29,0 @@ "peerDependencies": {

@@ -5,2 +5,8 @@ # o-grid

Our grid consists of:
- 12 columns, of equal size
- 5 layouts (breakpoints) to support devices of various sizes
- gutters of variable width, that adjust according to the current layout
- a maximum page width of 1220px, by default
- [Usage](#usage)

@@ -11,2 +17,3 @@ - [Quick Start](#quick-start)

- [Layout sizes](#layout-sizes)
[Handover notes](#handover-notes)
- [Markup](#markup)

@@ -75,2 +82,7 @@ - [Utility classes](#utility-classes)

## Handover notes
Engineers may choose to use the o-grid Origami component to build a web based project to our grid, and respond to layout changes, but this may not be technically appropriate in every scenario particularly where it is appropriate to fallback to a simpler layout for older browsers.
It is important not to make assumptions about the devices our users are using or the most common screen-size, as these change. It is better to focus on the content of your design and adapt as needed when the space available to the design changes, rather than waiting to hit a specific breakpoint.
## Markup

@@ -704,10 +716,10 @@

State | Major Version | Last Minor Release | Migration guide |
:---: | :---: | :---: | :---:
✨ active | 6 | N/A | [migrate to v5](MIGRATION.md#migrating-from-v5-to-v6) |
⚠ maintained | 5 | N/A | [migrate to v5](MIGRATION.md#migrating-from-v4-to-v5) |
╳ deprecated | 4 | 4.5 | [migrate to v4](MIGRATION.md#migrating-from-v3-to-v4) |
╳ deprecated | 3 | 3.2 | - |
╳ deprecated | 2 | 2.4 | - |
╳ deprecated | 1 | 1.4 | - |
| State | Major Version | Last Minor Release | Migration guide |
|:-------------:| :---: | :---: | :---: |
| ✨ active | 6 | N/A | [migrate to v5](MIGRATION.md#migrating-from-v5-to-v6) |
| ⚠ maintained | 5 | N/A | [migrate to v5](MIGRATION.md#migrating-from-v4-to-v5) |
| ╳ deprecated | 4 | 4.5 | [migrate to v4](MIGRATION.md#migrating-from-v3-to-v4) |
| ╳ deprecated | 3 | 3.2 | - |
| ╳ deprecated | 2 | 2.4 | - |
| ╳ deprecated | 1 | 1.4 | - |

@@ -714,0 +726,0 @@ ## Contact

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