react-toastify - npm Package Compare versions

Comparing version 2.1.6 to 2.1.7

package.json

 {
   "name": "react-toastify",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "React notification made easy",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -21,2 +21,3 @@ # React Toastify [![Build Status](https://travis-ci.org/fkhadra/react-toastify.svg?branch=master)](https://travis-ci.org/fkhadra/react-toastify) [![npm](https://img.shields.io/npm/dm/react-toastify.svg)]() [![npm](https://img.shields.io/npm/v/react-toastify.svg)]() [![license](https://img.shields.io/github/license/fkhadra/react-toastify.svg?maxAge=2592000)]() [![Coverage Status](https://coveralls.io/repos/github/fkhadra/react-toastify/badge.svg?branch=master)](https://coveralls.io/github/fkhadra/react-toastify?branch=master)
     * [Define your style](#define-your-style)
+    * [Replace default sass variable](#replace-default-sass-variable)
     * [Mobile](#mobile)
@@ -423,2 +424,33 @@ * [Api](#api)
 
+### Replace default sass variable
+
+If you use a sass loader you could replace the default variable to suits your needs.
+
+- Define your variable: 
+
+```css
+/* Below the variable you can replace */
+$toast-width: 320px !default;
+$toast-background: #ffffff !default;
+$font-color: #999 !default;
+$font-size: 13px !default;
+$animation-duration: 0.75s !default;
+
+$color-default: #fff !default;
+$color-info: #3498db !default;
+$color-success: #07bc0c !default;
+$color-warning: #f1c40f !default;
+$color-error: #e74c3c !default;
+
+$color-progress-default: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55) !default;
+
+$smartphone-portrait: "only screen and (max-width : 480px)" !default;
+```
+
+- Include the file and voila!
+```css
+@include 'my_custom_variables';
+@include 'react-toastify/src/scss/main';
+```
+
 ### Mobile
@@ -511,2 +543,5 @@
 
+### V2.1.7
+
+- Can now use [sass variable default](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#Variable_Defaults___default) thanks to [vikpe](https://github.com/vikpe) 
 ### V2.1.5
@@ -513,0 +548,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

485841

increased by0.24%

Number of lines in readme file

704

increased by5.23%

No dependency changes