Application.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. html, body {
  2. height: 100%;
  3. margin: 0;
  4. }
  5. body.launching {
  6. @include background-size(cover);
  7. background-color: $auth-background-color;
  8. background-image: $auth-background-image;
  9. background-position: center;
  10. &::before {
  11. @include animation(rotate-animation 1s linear infinite);
  12. @include transform-origin(50% 50%);
  13. @include background-size(cover);
  14. background-image: url(get-resource-path('images/loading.png'));
  15. background-position: center;
  16. content: '';
  17. position: absolute;
  18. margin-top: -15px;
  19. margin-left: -15px;
  20. top: 50%;
  21. left: 50%;
  22. width: 41px;
  23. height: 41px;
  24. }
  25. }
  26. @mixin btn-border($background-color) {
  27. background-color: $background-color;
  28. border-color: $background-color !important;
  29. .x-btn-inner-default-toolbar-small {
  30. color: $lightest-color;
  31. }
  32. &:hover {
  33. background-color: transparent;
  34. .x-btn-inner-default-toolbar-small,
  35. .x-btn-inner-default-small {
  36. color: $background-color;
  37. }
  38. .x-btn-icon-el-default-small,
  39. .x-btn-icon-el-default-toolbar-small {
  40. color: $background-color;
  41. }
  42. }
  43. }
  44. .x-menu-header {
  45. z-index: 0 !important;
  46. }
  47. .x-css-shadow{
  48. box-shadow: none !important;
  49. }
  50. .shadow {
  51. @include box-shadow(rgba(0,0,0,0.2) 0 1px 2px);
  52. }
  53. .x-fa {
  54. display: inline-block;
  55. font: normal normal normal 14px/1 $font-family;
  56. }
  57. .alignRight {
  58. float: right;
  59. }
  60. .boldFont {
  61. font-weight: bold;
  62. }