59 lines
1.2 KiB
SCSS
59 lines
1.2 KiB
SCSS
|
.default-animation {
|
||
|
|
@include transition(all 0.5s ease);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Pulse Animation
|
||
|
|
.pulse {
|
||
|
|
animation-name: pulse_animation;
|
||
|
|
animation-duration: 2000ms;
|
||
|
|
transform-origin:70% 70%;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
animation-timing-function: linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes pulse_animation {
|
||
|
|
0% { transform: scale(1); }
|
||
|
|
30% { transform: scale(1); }
|
||
|
|
40% { transform: scale(1.08); }
|
||
|
|
50% { transform: scale(1); }
|
||
|
|
60% { transform: scale(1); }
|
||
|
|
70% { transform: scale(1.05); }
|
||
|
|
80% { transform: scale(1); }
|
||
|
|
100% { transform: scale(1); }
|
||
|
|
}
|
||
|
|
|
||
|
|
.default-border-radius {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.default-glow-shadow {
|
||
|
|
box-shadow: 0 0 20px rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.default-box-shadow {
|
||
|
|
box-shadow: 0 0 10px 2px rgba(0,0,0,0.03);
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-box-shadow {
|
||
|
|
box-shadow: 0 10px 100px 0px rgba(0,0,0,0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-horiz {
|
||
|
|
padding-left: $padding-horiz;
|
||
|
|
padding-right: $padding-horiz;
|
||
|
|
@include breakpoint(desktop-only) {
|
||
|
|
padding-left: $padding-horiz - 3rem;
|
||
|
|
padding-right: $padding-horiz - 3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include breakpoint(mobile-only) {
|
||
|
|
padding-left: $padding-horiz - 6rem;
|
||
|
|
padding-right: $padding-horiz - 6rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.padding-vert {
|
||
|
|
padding-top: $padding-vert;
|
||
|
|
padding-bottom: $padding-vert;
|
||
|
|
}
|