Comparing version
@@ -0,1 +1,5 @@ | ||
## 3.2.0 (Oct 13, 2017) | ||
* Added ImageWrapper and ImageCaption classes. | ||
## 3.1.0 (Oct 13, 2017) | ||
@@ -2,0 +6,0 @@ |
{ | ||
"name": "cacao-css", | ||
"description": "A set of composable CSS modules that provide a solid foundation for starting a new project.", | ||
"version": "3.1.0", | ||
"version": "3.2.0", | ||
"author": "Aptuitiv, Inc <hello@aptuitiv.com>", | ||
@@ -6,0 +6,0 @@ "license": "MIT", |
@@ -7,4 +7,5 @@ # Image | ||
## Image | ||
## Available classes | ||
### Available classes | ||
@@ -16,9 +17,8 @@ * `Image`: Base component. | ||
## Configurable variables | ||
### Configurable variables | ||
* `--Image-bp`: Custom media breakpoint for stacking floated images. | ||
* `--Image-spacing`: Spacing applied to bottom of images. | ||
## Usage | ||
### Usage | ||
@@ -31,1 +31,39 @@ ```html | ||
``` | ||
## Image Wrapper | ||
Provides styles to display an image on a page centered, floated left or floated right along with other content like a caption. | ||
### Available Classes | ||
* `ImageWrapper`: Base component. | ||
* `ImageWrapper--left`: Float image left. | ||
* `ImageWrapper--center`: Align the image center. | ||
* `ImageWrapper--right`: Float image right. | ||
### Usage | ||
```html | ||
<div class="ImageWrapper ImageWrapper--right"> | ||
<img src="/path/to/image.jpg" alt="Image" width="200" height="120"> | ||
</div> | ||
``` | ||
## Image Caption | ||
Provides styles for an image caption to be displayed below the image. | ||
The ImageCaption class works best when paired with the ImageWrapper classes. | ||
### Available classes | ||
* `ImageCaption`: Base component. | ||
### Usage | ||
```html | ||
<div class="ImageWrapper ImageWrapper--right"> | ||
<img src="/path/to/image.jpg" alt="Image" width="200" height="120"> | ||
<div class="ImageCaption">Image Caption Here</div> | ||
</div> | ||
``` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
260744
1%156
1.3%5803
0.78%0
-100%