diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-11-10 10:06:01 +0100 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-11-12 22:38:05 +0100 |
commit | 6822a6d6c232ad138ffd866d54b7204938c222a1 (patch) | |
tree | 3d78ca6b013a19b3fa9b94ed09e7f5e10f719206 /css/Properties/Properties.scss | |
parent | faf4e4adea598aafafd36265922e865d8afe260a (diff) |
Cleanup code with Property Mixin
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css/Properties/Properties.scss')
-rw-r--r-- | css/Properties/Properties.scss | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss index 5add862b..817627c8 100644 --- a/css/Properties/Properties.scss +++ b/css/Properties/Properties.scss @@ -98,13 +98,21 @@ } // mouse feedback - &.multiselect { - &:hover, - &:focus, - &:active { - opacity: 1; - .multiselect__tags { - border-color: var(--color-border-dark); + &:hover, + &:focus, + &:active { + opacity: 1; + .multiselect__tags { + border-color: var(--color-border-dark); + } + } + + // read-only mode + &.multiselect--disabled { + &, .multiselect__single { + &, &:hover, &:focus &:active { + background-color: var(--color-main-background) !important; + border-color: transparent !important; } } } @@ -124,10 +132,16 @@ // property value within row, after label &__value { flex: 1 1; + textarea& { align-self: flex-start; min-height: 2 * $grid-height-unit - 2*$grid-input-margin; max-height: 5 * $grid-height-unit - 2*$grid-input-margin; } + + // read-only mode + &:read-only { + border-color: var(--color-border-dark); + } } } |