mirror of https://github.com/IanLunn/Hover.git
246 lines
3.5 KiB
SCSS
246 lines
3.5 KiB
SCSS
/*
|
|
* Hover.css (http://ianlunn.co.uk/)
|
|
* Version: 1.0
|
|
* Author: Ian Lunn @IanLunn
|
|
* Author URL: http://ianlunn.co.uk/
|
|
* Github: https://github.com/IanLunn/Hover
|
|
|
|
* Made available under a MIT License:
|
|
* http://www.opensource.org/licenses/mit-license.php
|
|
|
|
* Hover.css Copyright Ian Lunn 2014.
|
|
*/
|
|
|
|
@import "hover/variables";
|
|
@import "hover/hacks";
|
|
@import "hover/button";
|
|
@import "hover/grow";
|
|
@import "hover/shrink";
|
|
@import "hover/pulse";
|
|
@import "hover/pulse-grow";
|
|
@import "hover/pulse-shrink";
|
|
@import "hover/push";
|
|
@import "hover/pop";
|
|
@import "hover/rotate";
|
|
@import "hover/grow-rotate";
|
|
@import "hover/float";
|
|
@import "hover/sink";
|
|
@import "hover/hover";
|
|
@import "hover/hang";
|
|
@import "hover/skew";
|
|
@import "hover/skew-forward";
|
|
@import "hover/wobble-vertical";
|
|
@import "hover/wobble-horizontal";
|
|
@import "hover/wobble-top";
|
|
@import "hover/wobble-bottom";
|
|
@import "hover/border-fade";
|
|
@import "hover/hollow";
|
|
@import "hover/trim";
|
|
@import "hover/outline-outward";
|
|
@import "hover/outline-inward";
|
|
@import "hover/round-corners";
|
|
@import "hover/glow";
|
|
@import "hover/box-shadow-outset";
|
|
@import "hover/box-shadow-inset";
|
|
@import "hover/float-shadow";
|
|
@import "hover/hover-shadow";
|
|
@import "hover/shadow-radial";
|
|
@import "hover/bubble-top";
|
|
@import "hover/bubble-right";
|
|
@import "hover/bubble-bottom";
|
|
@import "hover/bubble-left";
|
|
@import "hover/bubble-float-top";
|
|
@import "hover/bubble-float-right";
|
|
@import "hover/bubble-float-bottom";
|
|
@import "hover/bubble-float-left";
|
|
@import "hover/curl-top-left";
|
|
@import "hover/curl-top-right";
|
|
@import "hover/curl-bottom-right";
|
|
@import "hover/curl-bottom-left";
|
|
|
|
/* BASE BUTTON */
|
|
.button {
|
|
@include button();
|
|
}
|
|
|
|
/* 2D TRANSITIONS */
|
|
|
|
.grow {
|
|
@include grow();
|
|
}
|
|
|
|
.shrink {
|
|
@include shrink();
|
|
}
|
|
|
|
.pulse {
|
|
@include pulse();
|
|
}
|
|
|
|
.pulse-grow{
|
|
@include pulse-grow();
|
|
}
|
|
|
|
.pulse-shrink{
|
|
@include pulse-shrink();
|
|
}
|
|
|
|
.push{
|
|
@include push();
|
|
}
|
|
|
|
.pop{
|
|
@include pop();
|
|
}
|
|
|
|
.rotate{
|
|
@include rotate();
|
|
}
|
|
|
|
.grow-rotate{
|
|
@include grow-rotate();
|
|
}
|
|
|
|
.float{
|
|
@include float();
|
|
}
|
|
|
|
.sink{
|
|
@include sink();
|
|
}
|
|
|
|
.hover{
|
|
@include hover();
|
|
}
|
|
|
|
.hang{
|
|
@include hang();
|
|
}
|
|
|
|
.skew{
|
|
@include skew();
|
|
}
|
|
|
|
.skew-forward{
|
|
@include skew-forward();
|
|
}
|
|
|
|
.wobble-vertical{
|
|
@include wobble-vertical();
|
|
}
|
|
|
|
.wobble-horizontal{
|
|
@include wobble-horizontal();
|
|
}
|
|
|
|
.wobble-top{
|
|
@include wobble-top();
|
|
}
|
|
|
|
.wobble-bottom{
|
|
@include wobble-bottom();
|
|
}
|
|
|
|
/* BORDER TRANSITIONS */
|
|
|
|
.border-fade{
|
|
@include border-fade();
|
|
}
|
|
|
|
.hollow{
|
|
@include hollow();
|
|
}
|
|
|
|
.trim{
|
|
@include trim();
|
|
}
|
|
|
|
.outline-outward{
|
|
@include outline-outward();
|
|
}
|
|
|
|
.outline-inward{
|
|
@include outline-inward();
|
|
}
|
|
|
|
.round-corners{
|
|
@include round-corners();
|
|
}
|
|
|
|
/* SHADOW/GLOW TRANSITIONS */
|
|
|
|
.glow{
|
|
@include glow();
|
|
}
|
|
|
|
.box-shadow-outset{
|
|
@include box-shadow-outset();
|
|
}
|
|
|
|
.box-shadow-inset{
|
|
@include box-shadow-inset();
|
|
}
|
|
|
|
.float-shadow{
|
|
@include float-shadow();
|
|
}
|
|
|
|
.hover-shadow{
|
|
@include hover-shadow();
|
|
}
|
|
|
|
.shadow-radial{
|
|
@include shadow-radial();
|
|
}
|
|
|
|
/* SPEECH BUBBLES */
|
|
|
|
.bubble-top{
|
|
@include bubble-top();
|
|
}
|
|
|
|
.bubble-right{
|
|
@include bubble-right();
|
|
}
|
|
|
|
.bubble-bottom{
|
|
@include bubble-bottom();
|
|
}
|
|
|
|
.bubble-left{
|
|
@include bubble-left();
|
|
}
|
|
|
|
.bubble-float-top{
|
|
@include bubble-float-top();
|
|
}
|
|
|
|
.bubble-float-right{
|
|
@include bubble-float-right();
|
|
}
|
|
|
|
.bubble-float-bottom{
|
|
@include bubble-float-bottom();
|
|
}
|
|
|
|
.bubble-float-left{
|
|
@include bubble-float-left();
|
|
}
|
|
|
|
/* CURLS */
|
|
|
|
.curl-top-left{
|
|
@include curl-top-left();
|
|
}
|
|
|
|
.curl-top-right{
|
|
@include curl-top-right();
|
|
}
|
|
|
|
.curl-bottom-right{
|
|
@include curl-bottom-right();
|
|
}
|
|
|
|
.curl-bottom-left{
|
|
@include curl-bottom-left();
|
|
} |