https://github.com/heminsatya/polaris-sizing
Polaris Sizing Plugin for Polaris Framework. A set of responsive classes for controlling "height", and "width" of HTML elements.
https://github.com/heminsatya/polaris-sizing
css framework front-end html javascript responsive-design sass typescript web webpack
Last synced: 3 months ago
JSON representation
Polaris Sizing Plugin for Polaris Framework. A set of responsive classes for controlling "height", and "width" of HTML elements.
- Host: GitHub
- URL: https://github.com/heminsatya/polaris-sizing
- Owner: heminsatya
- License: mit
- Created: 2022-12-12T13:29:48.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-16T15:20:42.000Z (almost 2 years ago)
- Last Synced: 2025-02-17T09:38:02.306Z (over 1 year ago)
- Topics: css, framework, front-end, html, javascript, responsive-design, sass, typescript, web, webpack
- Language: SCSS
- Homepage:
- Size: 23.4 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog/v1.2.1.md
- License: LICENSE
Awesome Lists containing this project
README
# Polaris Sizing Plugin (v1.3.0)
In addition to the built-in features and components comes with [Polaris framework](https://github.com/heminsatya/polaris), you can also use a set of useful plugins.
Polaris Sizing Plugin contains a set of responsive classes for controlling the `width` and `height` of HTML elements.
## Documentation
> Coming soon...
## Dependencies
In general for production, Polaris Plugins depend on Polaris Framework Core CSS and/or JS libraries.
However, this specific plugin can be used stand alone. But, for development, it depends on:
* [Node.js](https://nodejs.org/en/) need to be installed.
* [Sass](https://www.npmjs.com/package/sass) as an npm developement package.
* [Polaris Core](https://www.npmjs.com/package/polaris-core) as an npm developement package.
## Get Started
### Install via npm
```
npm install polaris-sizing
```
### Use Polaris CDN
> Coming soon...
### Download Polaris Sizing
[Download Polaris Sizing](https://github.com/heminsatya/polaris-sizing/releases)
### Clone Polaris
You can also clone Polaris Sizing using [git](https://git-scm.com/):
```
git clone https://github.com/heminsatya/polaris-sizing.git
```
### Customize Polaris Sizing
First, you need to download or clone it, then you need to follow a few easy steps:
* Open up your favourite CLI program.
* Change directory to the path where Polaris Sizing extracted:
```
cd path-to/polaris-sizing/
```
* Install packages by:
```
npm install
```
Now, you have everything set-up. You can customize it however you want.
Next step after customization is to rebuild the CSS libraries.
* To rebuild the CSS libraries run:
```
npm run css
npm run css-dev
```