QuickLaunchTarget.scss 623 B

123456789101112131415161718192021222324252627282930
  1. @import './node_modules/@waca/ca-ui-toolkit/essentials/essentials';
  2. .quickLaunchTarget {
  3. pointer-events: auto;
  4. height: 80px;
  5. width: 170px;
  6. border: 1px dashed #fff;
  7. margin-right: 24px;
  8. margin-bottom: 24px;
  9. display: flex;
  10. flex-direction: column;
  11. align-items: center;
  12. justify-content: center;
  13. filter: alpha(opacity=50);
  14. opacity: .5;
  15. background: transparent;
  16. transition: opacity 200ms ease-in-out, background 100ms ease-in-out;
  17. &.hover {
  18. opacity: 1;
  19. @include theming(color, text-04);
  20. }
  21. .quickLaunchTargetIcon {
  22. height: 16px;
  23. width: 16px;
  24. @include theming(fill, icon-03);
  25. margin-bottom: 4px;
  26. }
  27. }