/*
---
name: ._u-animate
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate {
_transition-all();
}
/*
---
name: ._u-animate-size
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-size {
_transition-size();
}
/*
---
name: ._u-animate-opacity
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-opacity {
_transition-opacity();
}
/*
---
name: ._u-animate-shake-vertical
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-shake-vertical {
+_hover() {
_shake-vertical();
}
}
/*
---
name: ._u-animate-vibrate-vertical
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-vibrate-vertical {
+_hover() {
_vibrate-vertical();
}
}
/*
---
name: ._u-animate-shake-horizontal
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-shake-horizontal {
+_hover() {
_shake-horizontal();
}
}
/*
---
name: ._u-animate-vibrate-horizontal
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-vibrate-horizontal {
+_hover() {
_vibrate-horizontal();
}
}
/*
---
name: ._u-animate-shake-scale
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-shake-scale {
+_hover() {
_shake-scale();
}
}
/*
---
name: ._u-animate-vibrate-scale
category:
- object/utility
- object/utility/animate
---
```html
```
*/
.{_prefix}u-animate-vibrate-scale {
+_hover() {
_vibrate-scale();
}
}
/*
---
name: ._u-animate-extend-underline
category:
- object/utility
- object/utility/animate
---
```html
menu
```
*/
.{_prefix}u-animate-extend-underline {
position: relative;
&::after {
_extend-underline();
}
+_hover() {
&::after {
width: 100%;
}
}
}