# dpc-bootstrap

> Contains various scss utilities that can be used to help start up your applications.

Latest version **2.0.1** (published 2019-11-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install dpc-bootstrap
pnpm add dpc-bootstrap
yarn add dpc-bootstrap
bun add dpc-bootstrap
```

Provides the command `dpc-bootstrap`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2019-11-16 |
| First published | 2019-11-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Unpacked size | 15.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Daniel Cornock |
| Maintainers | danielc7150 |

## Links

- npm: https://www.npmjs.com/package/dpc-bootstrap
- Repository: https://github.com/danielcornock/dpc-bootstrap
- Homepage: https://github.com/danielcornock/dpc-bootstrap#readme
- Issues: https://github.com/danielcornock/dpc-bootstrap/issues
- npm.io page: https://npm.io/package/dpc-bootstrap

## Dependencies (8)

- [ncp](https://npm.io/package/ncp.md) ^2.0.0
- [chalk](https://npm.io/package/chalk.md) ^3.0.0
- [clear](https://npm.io/package/clear.md) ^0.1.0
- [inquirer](https://npm.io/package/inquirer.md) ^7.0.0
- [@types/ncp](https://npm.io/package/@types/ncp.md) ^2.0.3
- [@types/node](https://npm.io/package/@types/node.md) ^12.12.7
- [@types/clear](https://npm.io/package/@types/clear.md) ^0.1.0
- [@types/inquirer](https://npm.io/package/@types/inquirer.md) ^6.5.0

## Recent versions

- 2.0.1 (latest) — 2019-11-16
- 2.0.0 — 2019-11-16
- 1.0.0 — 2019-11-14

## README

# dpc-bootstrap

dpc-bootstrap is a collection of helpful sass files to get your project up and running quickly.

- Abstracts away the repetitive chunks of code that you use between different files.
- Caters for different project structures out the box.
- Completely customisable and extendable to suit your own projects.

## Examples

### Centering an element

Instead of:

```scss
.myClass {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

Just use:

```scss
.myClass {
  @include center-self;
}
```

### Pseudo selectors

Instead of:

```scss
.anotherClass {
  position: relative;

  &::after {
    position: absolute;
    content: '';
    // Your code
  }
}
```

Just use:

```scss
.anotherClass {
  @include pseudo(after) {
    // Your code
  }
}
```

## How to use it

Get started by installing the package globally using `npm install -g dpc-bootstrap`.

If installing in to an Angular project:

1. Make sure you are in the root of the Angular project, then in the command line run `dpc-bootstrap sass`
2. You will be presented with a list of options, choose `Angular` and it will install the files in the `src/assets/styles` folder.

> WARNING: If you have any files or folders in this directory already, they may be replaced if their naming collides with the naming of the files in this package. To avoid this, follow the installation instructions for all other projects and then move it safely in to the desired folder.

3. To use any of the variables or mixins in an Angular component, you must include the following line at the top of the `.scss` file:

```scss
@import 'src/assets/styles/themes';
```

Installation to any other project:

1. In the command line, navigate to the folder that you want the files to be installed to.
2. Run `dpc bootstrap sass`, and choose `Default` from the displayed options.
3. Add an import to your main `.scss` file for the project.

> NOTE: If you want to use the index sass file as your primary sass file, remove the underscore from the file name.

---
_Source: https://npm.io/package/dpc-bootstrap · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._