Skip to content
This repository has been archived by the owner on Nov 9, 2022. It is now read-only.

Commit

Permalink
Update Base/Visibility doc for changes to variable names [#125]
Browse files Browse the repository at this point in the history
  • Loading branch information
ebollens committed Oct 16, 2012
1 parent 7b0cf5e commit d2ac22d
Showing 1 changed file with 14 additions and 8 deletions.
22 changes: 14 additions & 8 deletions doc/module/base/Visibility.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,11 @@ removing this class to change visibility. An alternative might be using the

The `Base/Visibility/Responsive/Show` library provides helpers that set visibility
to none for devices with viewport dimensions that **do** meet the breakpoints
specified as `$base-breakpoint-small` and `$base-breakpoint-medium`.
specified as `$breakpoint-small` and `$breakpoint-medium`.

The `Base/Visibility/Responsive/Show` library provides helpers that set visibility
to none for devices with viewport dimensions that **don't** meet the breakpoints
specified as `$base-breakpoint-small` and `$base-breakpoint-medium`.
specified as `$breakpoint-small` and `$breakpoint-medium`.

## Features

Expand All @@ -29,15 +29,21 @@ specified as `$base-breakpoint-small` and `$base-breakpoint-medium`.

### Base/Visibility/Responsive/Hide

* `.hide-small` hides the element on all devices smaller than `$base-breakpoint-small`
* `.hide-medium` hides the element on all devices smaller than `$base-breakpoint-medium` and at least as large as `$base-breakpoint-small`
* `.hide-large` hides the element on all devices at least as large as `$base-breakpoint-medium`
* `.hide-small` hides the element on all devices smaller than
`$breakpoint-small`
* `.hide-medium` hides the element on all devices smaller than
`$breakpoint-medium` and at least as large as `$breakpoint-small`
* `.hide-large` hides the element on all devices at least as large as
`$breakpoint-medium`

### Base/Visibility/Responsive/Show

* `.show-small` shows the element on all devices smaller than `$base-breakpoint-small`
* `.show-medium` shows the element on all devices smaller than `$base-breakpoint-medium` and at least as large as `$base-breakpoint-small`
* `.show-large` shows the element on all devices at least as large as `$base-breakpoint-medium`
* `.show-small` shows the element on all devices smaller than
`$breakpoint-small`
* `.show-medium` shows the element on all devices smaller than
`$breakpoint-medium` and at least as large as `$breakpoint-small`
* `.show-large` shows the element on all devices at least as large as
`$breakpoint-medium`

## Responsive Considerations

Expand Down

0 comments on commit d2ac22d

Please sign in to comment.