@financial-times/o-grid
Advanced tools
@financial-times/o-grid - npm Package Compare versions
Comparing version 5.0.2 to 5.1.0
@@ -10,3 +10,3 @@ { | ||
| "email": "origami.support@ft.com", | ||
| "slack": "financialtimes/ft-origami" | ||
| "slack": "financialtimes/origami-support" | ||
| }, | ||
@@ -37,5 +37,6 @@ "supportStatus": "active", | ||
| "name": "snappy", | ||
| "title": "Snappy Grid", | ||
| "title": "Deprecated: Snappy Grid", | ||
| "sass": "demos/src/scss/snappy.scss", | ||
| "description": "Responsive grid that snaps between a larger fixed layout at each breakpoint" | ||
| "description": "Responsive grid that snaps between a larger fixed layout at each breakpoint", | ||
| "hidden": true | ||
| }, | ||
@@ -42,0 +43,0 @@ { |
@@ -28,3 +28,3 @@ { | ||
| "name": "@financial-times/o-grid", | ||
| "version": "5.0.2", | ||
| "version": "5.1.0", | ||
| "dependencies": { | ||
@@ -34,2 +34,6 @@ "sass-mq": "^5.0.0" | ||
| "component": "o-grid", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git@github.com:Financial-Times/o-grid.git" | ||
| }, | ||
| "scripts": {}, | ||
@@ -36,0 +40,0 @@ "devDependencies": { |
@@ -14,3 +14,2 @@ # o-grid [](https://circleci.com/gh/Financial-Times/o-grid) [](#licence) | ||
| - [Add space before a column](#add-space-before-a-column) | ||
| - [Snappy Mode](#snappy-mode) | ||
| - [Compact (gutterless) rows](#compact-gutterless-rows) | ||
@@ -25,2 +24,3 @@ - [Full Bleed Container](#full-bleed-container) | ||
| - [Adding a layout](#adding-a-layout) | ||
| - [Snappy Mode](#snappy-mode) | ||
| - [Debug mode](#debug-mode) | ||
@@ -343,24 +343,2 @@ - [JavaScript Helpers](#javascript-helpers) | ||
| #### Snappy mode | ||
| The container size can snap between fixed-widths as the viewport gets larger: | ||
| ```html | ||
| <!-- Make the whole document snappy --> | ||
| <body class="o-grid-snappy"> | ||
| <div class="o-grid-container"> | ||
| <div class="o-grid-row"> | ||
| … | ||
| </div> | ||
| </div> | ||
| </body> | ||
| <!-- Make a container snappy --> | ||
| <div class="o-grid-container o-grid-container--snappy"> | ||
| <div class="o-grid-row"> | ||
| … | ||
| </div> | ||
| </div> | ||
| ``` | ||
| #### Compact (gutterless) rows | ||
@@ -587,3 +565,3 @@ | ||
| // - fluid: full width up to the largest layout's width | ||
| // - snappy: fluid width until the layout defined in $o-grid-start-snappy-mode-at (default: M), | ||
| // - snappy (deprecated): fluid width until the layout defined in $o-grid-start-snappy-mode-at (default: M), | ||
| // and then snaps into a larger fixed layout at each breakpoint | ||
@@ -636,2 +614,26 @@ // (used by Next FT) | ||
| #### Snappy mode | ||
| **Snappy mode is deprecated and will be removed in the next major version. Please talk to the Origami team if you would like to continue using snappy mode.** | ||
| The container size can snap between fixed-widths as the viewport gets larger: | ||
| ```html | ||
| <!-- Make the whole document snappy --> | ||
| <body class="o-grid-snappy"> | ||
| <div class="o-grid-container"> | ||
| <div class="o-grid-row"> | ||
| … | ||
| </div> | ||
| </div> | ||
| </body> | ||
| <!-- Make a container snappy --> | ||
| <div class="o-grid-container o-grid-container--snappy"> | ||
| <div class="o-grid-row"> | ||
| … | ||
| </div> | ||
| </div> | ||
| ``` | ||
| #### Debug mode | ||
@@ -724,3 +726,3 @@ | ||
| If you have any questions or comments about this component, or need help using it, please either [raise an issue](https://github.com/Financial-Times/o-subs-card/issues), visit [#ft-origami](https://financialtimes.slack.com/messages/ft-origami/) or email [Origami Support](mailto:origami-support@ft.com). If you have any questions or comments about this component, or need help using it, please either [raise an issue](https://github.com/Financial-Times/o-subs-card/issues), visit [#ft-origami](https://financialtimes.slack.com/messages/ft-origami/) or email [Origami Support](mailto:origami-support@ft.com). | ||
| If you have any questions or comments about this component, or need help using it, please either [raise an issue](https://github.com/Financial-Times/o-subs-card/issues), visit [#origami-support](https://financialtimes.slack.com/messages/origami-support/) or email [Origami Support](mailto:origami-support@ft.com). If you have any questions or comments about this component, or need help using it, please either [raise an issue](https://github.com/Financial-Times/o-subs-card/issues), visit [#origami-support](https://financialtimes.slack.com/messages/origami-support/) or email [Origami Support](mailto:origami-support@ft.com). | ||
@@ -727,0 +729,0 @@ ---- |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Fixed alerts
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.23%
452083
- Lines of code
- increased by0.57%
176
- Number of lines in readme file
- increased by0.27%
730
- Number of low supply chain risk alerts
- decreased by-100%
0