diff options
Diffstat (limited to 'src/components/editors/scss/address-editor.scss')
| -rw-r--r-- | src/components/editors/scss/address-editor.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/editors/scss/address-editor.scss b/src/components/editors/scss/address-editor.scss index 49b0a0a..50db4a9 100644 --- a/src/components/editors/scss/address-editor.scss +++ b/src/components/editors/scss/address-editor.scss @@ -20,6 +20,8 @@ .address-editor { min-height: 18rem; + position: relative; + .heading { font-size: 1.1rem; color: $primaryAccentColor; @@ -27,6 +29,20 @@ align: center; } + .remove-button { + opacity: 0; + position: absolute; + font-size: 2rem; + top: 0.8rem; + right: 1rem; + color: $secondaryAccentColor; + transition: opacity 0.2s, color 0.3s; + } + + .remove-button:hover { + color: $warningColor; + } + .checkbox-label { border: none; max-width: none; @@ -63,3 +79,7 @@ } } } + +.address-editor:hover .remove-button { + opacity: 1; +} |