diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-09-18 19:47:14 +0300 |
---|---|---|
committer | Roeland Jago Douma <roeland@famdouma.nl> | 2018-12-20 09:38:43 +0300 |
commit | ec9a21184695b99033ad70bceca892c1d1518560 (patch) | |
tree | ffb0d7fb0e5857707066c347cb45886326472b95 /css | |
parent | 6a7b73f5989a32a5ebd5b6ff341c9c6c8d4bb88e (diff) |
Fix DI error, added design base and delete handler
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/admin.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/css/admin.scss b/css/admin.scss index 9ba9b734..5965798d 100644 --- a/css/admin.scss +++ b/css/admin.scss @@ -44,4 +44,55 @@ } } } + ul { + display: flex; + li { + $size: 150px; + border-radius: var(--border-radius); + border: 1px solid var(--color-border); + margin: 10px; + position: relative; + figure { + display: flex; + flex-direction: column; + width: $size; + margin: 10px; + img { + width: $size; + height: $size; + background-color: var(--color-background-dark); + } + } + .delete-cover, + .delete-template { + width: $size; + height: $size; + top: 0; + left: 0; + position: absolute; + margin: 10px; + opacity: 0; + transition: opacity 250ms ease-in-out; + z-index: 3; + line-height: $size; + text-align: center; + font-size: 20px; + // text is set as bg + color: var(--color-background-darker); + } + .delete-cover { + // bg is set as color + background-color: var(--color-text-lighter); + z-index: 2; + } + &:hover .delete-template, + .delete-template:focus, + .delete-template.icon-loading { + opacity: 1; + + .delete-cover { + opacity: .5; + } + } + } + } }
\ No newline at end of file |