@financial-times/o-editorial-layout
Advanced tools
Comparing version 1.0.0 to 1.1.0-beta.1
@@ -12,3 +12,3 @@ { | ||
}, | ||
"supportStatus": "experimental", | ||
"supportStatus": "active", | ||
"browserFeatures": { | ||
@@ -39,2 +39,8 @@ "required": [ | ||
{ | ||
"title": "Wrapper", | ||
"name": "wrapper", | ||
"template": "demos/src/wrapper.mustache", | ||
"description": "Wrapper for editorial styles. Styles all child typographic elements." | ||
}, | ||
{ | ||
"title": "Pa11y", | ||
@@ -41,0 +47,0 @@ "name": "pa11y", |
@@ -28,8 +28,9 @@ { | ||
"name": "@financial-times/o-editorial-layout", | ||
"version": "1.0.0", | ||
"version": "1.1.0-beta.1", | ||
"description": "", | ||
"dependencies": { | ||
"@financial-times/o-editorial-typography": "^1.0.0", | ||
"@financial-times/o-spacing": "^2.0.0", | ||
"origami-ci-tools": "^1.1.1" | ||
"@financial-times/o-typography": "^6.1.0", | ||
"@financial-times/o-quote": "^4.0.0", | ||
"@financial-times/o-spacing": "^2.0.0" | ||
}, | ||
@@ -39,4 +40,4 @@ "component": "o-editorial-layout", | ||
"devDependencies": { | ||
"eslint-config-origami-component": "^1.0.0" | ||
"origami-ci-tools": "^1.0.0" | ||
} | ||
} |
@@ -35,2 +35,28 @@ o-editorial-layout [![Circle CI](https://circleci.com/gh/Financial-Times/o-editorial-layout/tree/master.svg?style=svg)](https://circleci.com/gh/Financial-Times/o-editorial-layout/tree/master)[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](#licence) | ||
A wrapper class `o-editorial-layout-wrapper` may be used to style child elements based on their semantic meaning. This includes headings, paragraphs, lists, figure captions, footers, blockquotes, and more. See a [full example in the wrapper registry](https://registry.origami.ft.com/components/o-editorial-layout). Only direct children, and in some cases the children of paragraph elements, are styled. | ||
```html | ||
<div class="o-editorial-layout-wrapper"> | ||
<h1>heading 1</h1> | ||
<h2>heading 2</h2> | ||
<p><a href="#">Lorem ipsum dolor sit amet consectetur</a> adipisicing elit.</p> | ||
<blockquote> | ||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo, quaerat!</p> | ||
<footer><cite>Lorem, ipsum dolor.</cite></footer> | ||
</blockquote> | ||
<p><em>Some italic copy</em> adipisci consectetur.</p> | ||
<p>Quas<sup>sup</sup> and dolorem<sub>sub</sub> harum tempora omnis.</p> | ||
<ol> | ||
<li>Lorem ipsum adipiscing elit.</li> | ||
<li>Sed feugiat turpis at massa tristique.</li> | ||
<li>Curabitu r accumsan elit luctus.</li> | ||
</ol> | ||
</div> | ||
``` | ||
### Sass | ||
@@ -52,3 +78,4 @@ | ||
'body': true, | ||
'headings': (1, 2, 3) | ||
'headings': (1, 2, 3), | ||
'wrapper': true | ||
)); | ||
@@ -55,0 +82,0 @@ ``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
15376
51
100
4
2
+ Added@financial-times/o-quote@4.1.6(transitive)
- Removedorigami-ci-tools@^1.1.1
- Removedchownr@2.0.0(transitive)
- Removedcross-spawn@7.0.3(transitive)
- Removedend-of-stream@1.4.4(transitive)
- Removedesm@3.2.25(transitive)
- Removedexeca@4.1.0(transitive)
- Removedfs-minipass@2.1.0(transitive)
- Removedget-stream@5.2.0(transitive)
- Removedhuman-signals@1.1.1(transitive)
- Removedis-stream@2.0.1(transitive)
- Removedisexe@2.0.0(transitive)
- Removedmerge-stream@2.0.0(transitive)
- Removedmimic-fn@2.1.0(transitive)
- Removedminimist@1.2.8(transitive)
- Removedminipass@3.3.65.0.0(transitive)
- Removedminizlib@2.1.2(transitive)
- Removedmkdirp@1.0.4(transitive)
- Removedncp@2.0.0(transitive)
- Removednode-fetch@2.7.0(transitive)
- Removednpm-run-path@4.0.1(transitive)
- Removedonce@1.4.0(transitive)
- Removedonetime@5.1.2(transitive)
- Removedorigami-ci-tools@1.3.12(transitive)
- Removedpath-key@3.1.1(transitive)
- Removedpump@3.0.2(transitive)
- Removedsemver@7.6.3(transitive)
- Removedshebang-command@2.0.0(transitive)
- Removedshebang-regex@3.0.0(transitive)
- Removedsignal-exit@3.0.7(transitive)
- Removedstrip-final-newline@2.0.0(transitive)
- Removedtar@6.2.1(transitive)
- Removedtr46@0.0.3(transitive)
- Removedwebidl-conversions@3.0.1(transitive)
- Removedwhatwg-url@5.0.0(transitive)
- Removedwhich@2.0.2(transitive)
- Removedwrappy@1.0.2(transitive)
- Removedyallist@4.0.0(transitive)