⛺️ Basic SASS Framework
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
dist
media
src/styles
.csscomb.json
.gitattributes
.gitignore
.markdownlintrc
.pre-commit-config.yaml
.scss-lint.yml
.travis.yml
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
README.md
package.json

README.md

Peyderpey

Build Status jsdelivr

About Peyderpey

Basic SASS Framework

Screenshot

Features

  • Zero Dependencies
  • Minimal
  • Modular
  • SCSS
  • NPM Scripts

Installation

You can install Peyderpey using NPM, using the following command:

npm install --save peyderpey

Usage

You can include the Peyderpey CSS file in your project by fetching it from jsdelivr or installing locally:

Via local npm package (RECOMMENDED)

in index.html:

<link rel="stylesheet" href="/styles/main.css">

in main.scss;

@import 'variables'; // your variable file
@import '~/node_modules/peyderpey/src/styles/peyderpey';
@import 'others';

in _variable.scss:

// Override default variables
$black: #0e140e; // Default: #000000
$grey: #eee; // Default: #808080
$link-color: #052bee; // Default: $info !default
$button-border: 2px solid #000; //Default: 1px solid $grey

// Your custom variables
$section-a-color: ;#eeb58d

Via jsdelivr

in index.html:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/peyderpey/dist/peyderpey.min.css">

History

See CHANGELOG to learn how this project evolved during the time.

Contributing

If you want to contribute to this project and make it better, your help is very welcome. See CONTRIBUTING for more information.

Code of Conduct

This project adheres to Code of Conduct. By participating, you are expected to uphold this code.

Feedback

Suggestions / Improvements WELCOME!