Skip to content

Migration of notifications from codedrops from css to pure js using tween max

Notifications You must be signed in to change notification settings

unHuesio/notifications-cd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dependencies

  • classie js
  • gsap tween max libraries

##Configuration requirements Make sure to enable these libraries or include them in your bower file, init environment

Sass configuration and styling

You can easily change notifications styling overwrite with these config variables

Notice type

  • $notice-color: rgba(42,45,50,0.85);

  • $notice-color-type: rgba(250,251,255,0.95);

  • $notice-shadow: rgba(0,0,0,0.6);

  • $notice-icon-default: black;

  • $notice-icon-hover: white;

Warning type

  • $warning-color: rgba(241, 196, 15, 0.85);

  • $warning-color-type: rgba(250,251,255,0.95);

  • $warning-shadow: rgba(243, 156, 18, 0.45);

  • $warning-icon-default: rgba(243, 156, 18, 1); ;

  • $warning-icon-hover: white;

Error type

  • $error-color: rgba(231, 76, 60, 0.95);

  • $error-color-type: rgba(250,251,255,0.95);

  • $error-shadow: rgba(192, 57, 43, 0.85);

  • $error-icon-default: rgba(192, 57, 43, 1);

  • $error-icon-hover: white;

About

Migration of notifications from codedrops from css to pure js using tween max

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published