| @include keyframes(v-popupview-animate-in) { |
| 0% { |
| @include transform(scale(0)); |
| } |
| } |
| |
| /** |
| * |
| * |
| * @param {string} $primary-stylename (v-popupview) - |
| * |
| * @group popupview |
| */ |
| @mixin valo-popupview ($primary-stylename: v-popupview) { |
| .#{$primary-stylename} { |
| @include valo-link-style; |
| } |
| |
| .#{$primary-stylename}-popup { |
| @include valo-overlay-style($animate-in: v-popupview-animate-in 120ms, $animate-out: (valo-animate-out-fade 120ms)); |
| |
| .popupContent { |
| @include valo-panel-adjust-content-margins; |
| } |
| } |
| |
| .#{$primary-stylename}-loading { |
| margin: $v-layout-spacing-vertical $v-layout-spacing-horizontal; |
| @include valo-spinner; |
| } |
| } |