Socket
Book a DemoInstallSign in
Socket

cacao-css

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cacao-css - npm Package Compare versions

Comparing version

to
3.2.0

src/css/components/image/caption.css

4

CHANGELOG.md

@@ -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 @@

2

package.json
{
"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