https://github.com/ryanve/placement.css

Functional CSS positioning bundle
https://github.com/ryanve/placement.css

centering css functional-css position positioning

Last synced: about 1 month ago
JSON representation

Functional CSS positioning bundle

• Host: GitHub
• URL: https://github.com/ryanve/placement.css
• Owner: ryanve
• License: isc
• Created: 2017-05-22T04:04:40.000Z (over 7 years ago)
• Default Branch: gh-pages
• Last Pushed: 2017-05-22T05:48:39.000Z (over 7 years ago)
• Last Synced: 2024-09-15T22:53:02.414Z (about 2 months ago)
• Topics: centering, css, functional-css, position, positioning
• Language: HTML
• Homepage: https://ryanve.github.io/placement.css/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# placement.css

Functional CSS positioning bundle

## setup

```

npm install placement.css

```

```css

@import 'node_modules/placement.css/placement';

```

## classes

### [position.css](https://github.com/ryanve/position.css/tree/v0.1.1)

- `.static`

- `.relative`

- `.absolute`

- `.fixed`

- `.sticky`

### [at.css](https://github.com/ryanve/at.css/tree/v0.2.0)

- `.middle` vertical center

- `.centre` vertical and horizontal center

### [edge.css](https://github.com/ryanve/edge.css/tree/v0.2.0)

- `.edge-0`

- `.edge-auto`

- `.top-0`

- `.left-0`

- `.right-0`

- `.bottom-0`

- `.top-auto`

- `.left-auto`

- `.right-auto`

- `.bottom-auto`

## usage

```html



  
I'm centered



```


```html



  
I fill my container



```