Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

readme.md

Bstyles

Build Status

Friendly look and feel for browsersync.notify

Getting Started

npm i bstyles

Import the styles in your BrowserSync configuration

Available styles

  • Top - 100% width top banner, green background
  • TopLeft - Subtle green text, transparent background
  • BottomLeft - Small circular badge. White text with grey background
  • BottomRight - Subtle grey text, transparent background

Example:

import gulp from 'gulp';
import browserSync from 'browser-sync';
import paths from '../config';
import bstyles from 'bstyles';
const reload = browserSync.reload;

gulp.task('browser-sync', () => {
  browserSync.init([
    paths.css.src,
    paths.scripts.src,
    paths.html.src
  ],
    {
      server: {
        baseDir: "./"
      },
      notify: true,
      notify: {
        styles: bstyles.bottomRight
      }
    });
});

Tools used to build the demo site

About

Friendly look and feel for browsersync.notify

Resources

Releases

No releases published

Packages

No packages published