diff options
Diffstat (limited to 'desk/lib/kaji.css')
-rw-r--r-- | desk/lib/kaji.css | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/desk/lib/kaji.css b/desk/lib/kaji.css new file mode 100644 index 0000000..c41d0d7 --- /dev/null +++ b/desk/lib/kaji.css @@ -0,0 +1,79 @@ +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +/* The Modal (background) */ +#kaji-modal-bg { + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.4); + z-index: 998; +} + +/* Modal Content */ +#kaji-modal-fg { + background-color: var(--background-color); + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding: 20px; + width: 80%; + z-index: 999; + max-height: 90vh; + max-width: 90vw; + overflow: auto; +} + +[kaji="modal"] { + cursor: pointer; +} + +#kaji-alert { + background-color: var(--background-color); + border: 2px solid var(--hong); + z-index: 999; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding: 0.5rem; +} + +button { + cursor: pointer; +} + +.hide { + display: none; +} + +.not-hide { + display: block; +} + +.iscroll-spinner { + display: block; + margin: 1rem auto; +}
\ No newline at end of file |