_focal-point-chooser.scss 452 B

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