https://github.com/chantastic/planningcenter-minions.css
A minions.css extensions for Planning Center app colors.
https://github.com/chantastic/planningcenter-minions.css
Last synced: about 1 month ago
JSON representation
A minions.css extensions for Planning Center app colors.
- Host: GitHub
- URL: https://github.com/chantastic/planningcenter-minions.css
- Owner: chantastic
- License: mit
- Created: 2016-08-15T19:13:54.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-09-01T20:07:09.000Z (almost 10 years ago)
- Last Synced: 2025-03-11T13:41:22.829Z (over 1 year ago)
- Language: HTML
- Homepage: https://chantastic.github.io/planningcenter-minions.css/
- Size: 4.88 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.markdown
- License: LICENSE
Awesome Lists containing this project
README
# Planning Center Minions
A [minions.css](https://github.com/chantastic/minions.css) extensions for [Planning Center](https://planning.center/) app colors.
Supports `background-color`, `border-color`, `color`, and `fill` properties.
[example](http://chantastic.github.io/planningcenter-minions.css)
## Usage
`planningcenter-minions.css` is a context-provider. In the majority case, context is provided by the host application. However, cross-applicatin modals need a way to cascade styles where host context is unavailable (iFrame).
In minions, these context providers look like variables: ``.
The elements that observe these contexts are written like this: `
`. This element's color would be the application color.
### Example
```html
Edit a Person
Contentz.
```
## Installation
The [main css](./planningcenter-minions.css) file is in the root of this project. Copy/paste
### NPM
Install the package.
```bash
npm i -D planningcenter-minions.css
```
Add it to your build pipeline. I'll assume you know how to do that. Here's what it looks like using Webpakc/css-laoder:
```js
import "planningcenter-minions"
```
### link tag
Obviously you can include this using a link-tag.
```html
```