diff --git a/app/styles/components/watchers.scss b/app/styles/components/watchers.scss index 35075cd9..af03cf9d 100644 --- a/app/styles/components/watchers.scss +++ b/app/styles/components/watchers.scss @@ -21,7 +21,6 @@ } .watcher-single { @include table-flex(center, center, flex, row, wrap, center); - @include transition(background .3s linear); background: transparent; border-bottom: 1px solid $gray-light; padding: .5rem; diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss index 618e7b8d..2040441c 100644 --- a/app/styles/layout/us-detail.scss +++ b/app/styles/layout/us-detail.scss @@ -226,46 +226,6 @@ } } -.watchers { - margin-top: 2rem; - .watchers-header { - border-bottom: 2px solid $gray-light; - padding: .5rem; - position: relative; - .title { - @extend %large; - @extend %title; - text-transform: uppercase; - } - .icon { - @extend %large; - position: absolute; - right: 1rem; - top: 4px; - } - } - .watcher-single { - @include table-flex(center, center, flex, row, wrap, center); - @include transition(background .3s linear); - background: transparent; - border-bottom: 1px solid $gray-light; - padding: .5rem; - vertical-align: middle; - &:last-child { - border: 0; - } - } - .watcher-name { - @include table-flex-child(8, 0); - @extend %medium; - color: $grayer; - margin-left: 1rem; - } - .watcher-avatar { - @include table-flex-child(1, 0); - } -} - .us-detail-settings { margin-top: 2rem; .button { diff --git a/app/styles/modules/lightbox.scss b/app/styles/modules/lightbox.scss index 2f7772fe..42ea79c2 100644 --- a/app/styles/modules/lightbox.scss +++ b/app/styles/modules/lightbox.scss @@ -319,10 +319,12 @@ position: relative; &:hover, &.active { - @include transition(background .3s linear); background: lighten($green-taiga, 55%); cursor: pointer; } + &:hover { + @include transition(background .3s linear); + } &.active { .icon { opacity: 1;