@financial-times/o-visual-effects
Advanced tools
Comparing version 3.0.3 to 3.0.4
@@ -28,3 +28,3 @@ { | ||
"name": "@financial-times/o-visual-effects", | ||
"version": "3.0.3", | ||
"version": "3.0.4", | ||
"dependencies": { | ||
@@ -36,6 +36,11 @@ "@financial-times/o-colors": "^5.0.0" | ||
"devDependencies": { | ||
"eslint": "^7.1.0", | ||
"eslint-config-origami-component": "^2.0.1", | ||
"origami-ci-tools": "^2.0.0", | ||
"remark": "^12.0.0", | ||
"remark-lint": "^7.0.0", | ||
"remark-preset-lint-origami-component": "^1.1.1", | ||
"stylelint": "^13.5.0", | ||
"stylelint-config-origami-component": "^1.0.2" | ||
} | ||
} |
@@ -1,2 +0,2 @@ | ||
# Visual Effects | ||
# o-visual-effects | ||
@@ -6,2 +6,3 @@ This [Origami](http://origami.ft.com/) component provides CSS visual effects via a set of Sass variables and mixins. | ||
- [Markup](#markup) | ||
- [CSS Custom Properties](#css-custom-properties) | ||
- [Sass](#sass) | ||
@@ -75,3 +76,3 @@ - [Migration Guide](#migration-guide) | ||
```sass | ||
```scss | ||
.my-element { | ||
@@ -85,3 +86,3 @@ @include oVisualEffectsShadowContent('mid'); | ||
```css | ||
.my-element{ | ||
.my-element { | ||
box-shadow: 0 1px 3px rgba(77, 72, 69, 0.2), 0 6px 10px rgba(77, 72, 69, 0.15); | ||
@@ -97,3 +98,3 @@ } | ||
```sass | ||
```scss | ||
.transition--slide { | ||
@@ -128,3 +129,3 @@ transition: all 0.5s $o-visual-effects-timing-slide; | ||
## Migration | ||
## Migration guide | ||
@@ -131,0 +132,0 @@ State | Major Version | Last Minor Release | Migration guide | |
10712
11
44
143
8