https://github.com/azouaoui-med/css-pro-layout

CSS library for building responsive and customizable layouts
https://github.com/azouaoui-med/css-pro-layout

css layout less npm page-layout scss

Last synced: about 3 hours ago
JSON representation

CSS library for building responsive and customizable layouts

• Host: GitHub
• URL: https://github.com/azouaoui-med/css-pro-layout
• Owner: azouaoui-med
• License: mit
• Created: 2020-07-04T16:34:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-27T01:35:57.000Z (almost 2 years ago)
• Last Synced: 2024-11-01T02:35:56.386Z (15 days ago)
• Topics: css, layout, less, npm, page-layout, scss
• Language: HTML
• Homepage: https://azouaoui-med.github.io/css-pro-layout
• Size: 2.09 MB
• Stars: 90
• Watchers: 7
• Forks: 19
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CSS Pro Layout

CSS library for building responsive and customizable page layouts

[![npm][version]][npm-url]

[![License][license]][npm-url]

[npm-url]: https://www.npmjs.com/package/css-pro-layout

[version]: https://img.shields.io/npm/v/css-pro-layout.svg?style=flat-square

[license]: https://img.shields.io/github/license/azouaoui-med/css-pro-layout?style=flat-square



## Documentation

For full documentation, visit [https://azouaoui-med.github.io/css-pro-layout](https://azouaoui-med.github.io/css-pro-layout)

## Getting started

You can install css pro layout with NPM or Yarn

### NPM

```shell

npm install css-pro-layout

```

### Yarn

```shell

yarn add css-pro-layout

```

Import `css-pro-layout.css` into your module

```js

import 'css-pro-layout/dist/css/css-pro-layout.css';

```

### CDN

You can also use the CDN link from [unpkg.com](https://unpkg.com)

```html

```

### Basic Usage

```html



  Header

  Content

  Footer



```


Please refer to the [Examples page](https://azouaoui-med.github.io/css-pro-layout/docs/getting-started/examples) for more use cases.

## Demos

- [**Vanilla js** | Sandbox](https://codesandbox.io/s/css-pro-layout-vanilla-js-mpqds?file=/index.html)

- [**React js** | Sandbox](https://codesandbox.io/s/css-pro-layout-react-js-sgl3q?file=/src/App.js)

- [**vue js** | Sandbox](https://codesandbox.io/s/css-pro-layout-vue-hmdjp)

- [**Angular** | Sandbox](https://codesandbox.io/s/css-pro-layout-angular-9vkt2)

## Change Log

This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). Every release, along with the migration instructions, is documented on the GitHub [Releases](https://github.com/azouaoui-med/css-pro-layout/releases) page.

## License

MIT © [Mohamed Azouaoui](https://azouaoui.netlify.com)