forked from Abdulbari/sgeUpdated
Add 'sge-frontend/' from commit '5fa787e054b25ac53edc7ff0275ea7960a709401'
git-subtree-dir: sge-frontend git-subtree-mainline:876c278ac4git-subtree-split:5fa787e054
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
// Component: Ripple Button
|
||||
// ========================================================================
|
||||
|
||||
@import '../../scss/base/bootstrap-extended/include';
|
||||
@import '../../scss/base/components/include';
|
||||
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.waves-ripple {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-radius: 50%;
|
||||
background: rgba($color: $white, $alpha: 0.5);
|
||||
animation: ripple-effect 0.4s ease;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple-effect {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
width: 200%;
|
||||
padding-bottom: 200%;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user