slightlyblack-base-css v0.2.0
Slightly Black Base CSS
Slightly Black Base CSS is a minimalist CSS framework to kickstart your own theme without messing up too much. It's main purpose is to provide styles for lightweight compoents which are re-used in many projects.
Features
To give you a quick overview, here's a short list of styles and components, shipped with Slightly Black Base CSS:
- Typography
- Containers and sections
- Dividers
- Inline lists
- Buttons
- Forms
- Grids
- Alerts
Installation
NPM
npm install --save slightlyblack-base-css
Yarn
yarn add slightlyblack-base-css
Import
Import into your JavaScript:
import 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
import 'slightlyblack-base-css/dist/slightlyblack.min.css';
Or import into you SCSS (choose this approach if you want to do further customizations):
@import 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
@import '~slightlyblack-base-css/src/slightlyblack';
jsDelivr
Include the following reference inside the <head>
of your page:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slightlyblack-base-css/dist/slightlyblack.min.css" />
Classic way
Download the package manually and include the following reference inside the <head>
of your page:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" />
<link rel="stylesheet" href="slightlyblack-base-css/dist/slightlyblack.min.css" />
Usage
For usage examples visit the project page.
Customization
You can overwrite the default configuration variables if you're using SCSS. Overwritem them before importing to your SCSS. All available variables can be found in src/_vars.scss
.
Versioning
This project uses SemVer for versioning. For the versions available, see the tags on this repository.
License
This project is licensed under the MIT License. See the LICENSE file for details.