mirror of
https://github.com/grafana/grafana.git
synced 2024-12-02 05:29:42 -06:00
37 lines
681 B
SCSS
37 lines
681 B
SCSS
@mixin keyframes($animation-name) {
|
|
@-webkit-keyframes #{$animation-name} {
|
|
@content;
|
|
}
|
|
@-moz-keyframes #{$animation-name} {
|
|
@content;
|
|
}
|
|
@-ms-keyframes #{$animation-name} {
|
|
@content;
|
|
}
|
|
@-o-keyframes #{$animation-name} {
|
|
@content;
|
|
}
|
|
@keyframes #{$animation-name} {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin animation($str) {
|
|
-webkit-animation: #{$str};
|
|
-moz-animation: #{$str};
|
|
-ms-animation: #{$str};
|
|
-o-animation: #{$str};
|
|
animation: #{$str};
|
|
}
|
|
|
|
.animate-height {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
|
|
&--open {
|
|
max-height: 1000px;
|
|
overflow: auto;
|
|
transition: max-height 250ms ease-in-out;
|
|
}
|
|
}
|