Application.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. }
  56. .alignRight {
  57. float: right;
  58. }
  59. .boldFont {
  60. font-weight: bold;
  61. }