_focal-point-chooser.scss 429 B

1234567891011121314151617181920
  1. .focal-point-chooser {
  2. position: relative;
  3. margin-bottom: 20px;
  4. .current-focal-point-indicator {
  5. @include transition(opacity 0.2s ease);
  6. box-shadow: 1px 1px 10px 0 theme('colors.black-50');
  7. position: absolute;
  8. border: 3px solid theme('colors.border-button-outline-default');
  9. opacity: 0.7;
  10. &.hidden {
  11. display: none;
  12. }
  13. }
  14. &:hover .current-focal-point-indicator {
  15. opacity: 0;
  16. }
  17. }