diff --git a/src/styles/_app_base.sass b/src/styles/_app_base.sass index 3dace3c..09e8cc6 100644 --- a/src/styles/_app_base.sass +++ b/src/styles/_app_base.sass @@ -127,7 +127,6 @@ body &.task-type position: relative height: 100% - overflow: hidden white-space: nowrap a @@ -156,7 +155,7 @@ body border-radius: 50% border: 2px solid transparent +position-center-translate - transition: background-color 150ms ease-in-out, border 150ms ease-in-out + transition: background-color 250ms ease-in-out, border 150ms ease-in-out, box-shadow 500ms ease-in-out span display: block @@ -172,13 +171,16 @@ body &.active opacity: 1 - &:before transform: translate(-50%, -50%) scale(1.3) border: 2px solid white box-shadow: 0 0 0 1px rgba($color-primary, .2), 1px 1px 0 rgba(black, .2) &:hover border-color: $color-primary-light + &.flash-on + background: transparent !important + &:before + box-shadow: 0 0 25px 5px white &.processing background-image: none diff --git a/src/styles/_shots.sass b/src/styles/_shots.sass index 987a596..aaf2645 100644 --- a/src/styles/_shots.sass +++ b/src/styles/_shots.sass @@ -12,11 +12,12 @@ &.item-status opacity: .2 - &.task-type .task-link - &:before - opacity: .3 - background: transparent - border: 2px solid $color-text-dark-secondary + &.task-type + .task-link + &:before + opacity: .3 + background: transparent + border: 2px solid $color-text-dark-secondary &.item-thumbnail img opacity: .5