You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
1.0 KiB

  1. $primary: 'indigo';
  2. @import 'core-client/scss/core';
  3. @import 'core-client/scss/components/button';
  4. @import 'core-client/scss/components/footer';
  5. @import 'core-client/scss/components/form';
  6. @import 'core-client/scss/components/grid';
  7. @import 'core-client/scss/components/modal';
  8. @import 'core-client/scss/components/nav';
  9. @import 'core-client/scss/components/panel';
  10. @import 'core-client/scss/components/typography';
  11. .welcome {
  12. text-align: center;
  13. padding: 25px 0 0;
  14. color: mc('grey', '700');
  15. h1 {
  16. margin-top: 5px;
  17. }
  18. h2 {
  19. margin: 0;
  20. }
  21. }
  22. i.icon-loader {
  23. display: inline-block;
  24. color: mc('indigo', '500')
  25. }
  26. i.icon-check {
  27. color: mc('green', '500')
  28. }
  29. i.icon-square-cross {
  30. color: mc('red', '500')
  31. }
  32. i.icon-warning-outline {
  33. color: mc('orange', '500')
  34. }
  35. .tst-welcome-leave-active, .tst-welcome-enter-active {
  36. transition: all .5s;
  37. overflow-y: hidden;
  38. }
  39. .tst-welcome-leave, .tst-welcome-enter-to {
  40. opacity: 1;
  41. max-height: 200px;
  42. }
  43. .tst-welcome-leave-to, .tst-welcome-enter {
  44. opacity: 0;
  45. max-height: 0;
  46. padding-top: 0;
  47. }