diff options
| author | taehoon <th.dev91@gmail.com> | 2019-10-21 15:37:14 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-10-21 15:37:14 -0400 |
| commit | 2cadeeb724dfdaa47d933aa524a5c557cbabd3c1 (patch) | |
| tree | 04d2b26947416d3feb9a89ad52bb9419b66c1def | |
| parent | c217483640c13f4948af54466dddb0ebc71f374e (diff) | |
move modal animation keyframes definition
| -rw-r--r-- | src/App.scss | 9 | ||||
| -rw-r--r-- | src/components/modal/modal.vue | 9 |
2 files changed, 9 insertions, 9 deletions
diff --git a/src/App.scss b/src/App.scss index 2117a577..f20eb44c 100644 --- a/src/App.scss +++ b/src/App.scss @@ -705,15 +705,6 @@ nav { } } -@keyframes modal-background-fadein { - from { - background-color: rgba(0, 0, 0, 0); - } - to { - background-color: rgba(0, 0, 0, 0.5); - } -} - .button-icon { font-size: 1.2em; } diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue index 34a50159..500b3d0a 100644 --- a/src/components/modal/modal.vue +++ b/src/components/modal/modal.vue @@ -31,4 +31,13 @@ opacity: 0; } } + +@keyframes modal-background-fadein { + from { + background-color: rgba(0, 0, 0, 0); + } + to { + background-color: rgba(0, 0, 0, 0.5); + } +} </style> |