https://github.com/firedev/utility-layout
Layout utilities module for Basscss
https://github.com/firedev/utility-layout
Last synced: 8 months ago
JSON representation
Layout utilities module for Basscss
- Host: GitHub
- URL: https://github.com/firedev/utility-layout
- Owner: firedev
- Created: 2015-06-11T00:38:07.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-06-11T00:40:03.000Z (about 11 years ago)
- Last Synced: 2023-03-23T12:50:23.077Z (over 3 years ago)
- Language: CSS
- Homepage: http://basscss.com
- Size: 84 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Change the default document flow with these display, float, and other utilities.
## Display
To adjust the display of an element, use the `.block`, `.inline`, and `.inline-block` utilities.
```html
inline
inline-block
block
table-cell
table-cell
```
## Overflow
To adjust element overflow, use `.overflow-hidden`, `.overflow-scroll`, and `.overflow-auto`.
`.overflow-hidden` can also be used to create a new block formatting context or clear floats.
## Floats
Use `.clearfix`, `.left`, and `.right` to clear and set floats.
```html
.left
.right
```
## Widths
Use `.fit` to set max-width 100%. `.full-width` and `.half-width` set widths to 100% and 50% respectively.
## Media Object
Create a media object using basic utilities.
```html
Image
Body Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.
```
## Double-Sided Media Object
For a container with a flexible center, use a double-sided media object.
```html
Image
Image
Body Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.
```