Skip to content

A collection of SCSS-powered hover effects. Forked from IanLunn's Hover.css to add more customisability.

License

Notifications You must be signed in to change notification settings

doubleedesign/Hover.scss

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hover.scss

This is a fork of Ian Lunn's Hover customised for use in my SASS-based projects, such as WordPress themes using my starter kit.

For use in your own projects please ensure you have an appropriate license from Ian.

Setup

// In package.json
"dependencies": {
    "@doubleedesign/hover.scss": "https://github.com/doubleedesign/Hover.scss#1.0.2"
},
@import '../node_modules/@doubleedesign/hover.scss/hover'; // alter path to node_modules as per your project structure

This project assumes that Font Awesome 6 is present in the project if using the icon effects.

Usage

The main way this fork differs from the original Hover.css is the availability of an optional colour parameter when you call the mixin.

.btn {
    @include sweep-to-right($primary-color);
}

If you don't set this, it will default to $activeColor as per the original Hover.css.

You can also change Font Awesome icon weight by setting the variable $fa-default-weight.

About

A collection of SCSS-powered hover effects. Forked from IanLunn's Hover.css to add more customisability.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • SCSS 100.0%