peyderpey

Basic Sass Framework


Keywords
frontend, framework, sass, css, css-framework, sass-framework, scss, scss-framework
License
MIT
Install
npm install peyderpey@0.3.0

Documentation

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!