LoadMask.scss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .#{$prefix}mask {
  2. @include background-opacity($loadmask-background-color, $loadmask-opacity);
  3. @if not is-null($loadmask-cursor) {
  4. cursor: $loadmask-cursor;
  5. }
  6. @if $loadmask-border-width-focus != 0 {
  7. border-style: $loadmask-border-style-focus;
  8. border-width: $loadmask-border-width-focus;
  9. border-color: transparent;
  10. }
  11. }
  12. @if ($loadmask-page-opacity != $loadmask-opacity) or
  13. ($loadmask-page-background-color != $loadmask-background-color) {
  14. body > .#{$prefix}mask {
  15. @include background-opacity($loadmask-page-background-color, $loadmask-page-opacity);
  16. }
  17. }
  18. @if $loadmask-border-width-focus != 0 {
  19. .#{$prefix}mask.#{$prefix}focus {
  20. .#{$prefix}keyboard-mode & {
  21. border-style: $loadmask-border-style-focus;
  22. border-width: $loadmask-border-width-focus;
  23. border-color: $loadmask-border-color-focus;
  24. }
  25. }
  26. }
  27. .#{$prefix}mask-msg {
  28. padding: $loadmask-msg-padding;
  29. @if $loadmask-msg-border-width != 0 {
  30. border-style: $loadmask-msg-border-style;
  31. border-width: $loadmask-msg-border-width;
  32. border-color: $loadmask-msg-border-color;
  33. }
  34. @if $loadmask-msg-border-radius != 0 {
  35. @include border-radius($loadmask-msg-border-radius);
  36. }
  37. @if not is-null($loadmask-msg-background-gradient) {
  38. @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
  39. } @else {
  40. background: $loadmask-msg-background-color;
  41. }
  42. }
  43. .#{$prefix}mask-msg-inner {
  44. padding: $loadmask-msg-inner-padding;
  45. @if $loadmask-msg-inner-border-width != 0 {
  46. border-style: $loadmask-msg-inner-border-style;
  47. border-width: $loadmask-msg-inner-border-width;
  48. border-color: $loadmask-msg-inner-border-color;
  49. }
  50. background-color: $loadmask-msg-inner-background-color;
  51. color: $loadmask-msg-inner-color;
  52. font: $loadmask-msg-inner-font;
  53. }
  54. .#{$prefix}mask-msg-text {
  55. padding: $loadmask-msg-text-padding;
  56. //if an icon is defined show it
  57. @if not is-null($loadmask-msg-inner-icon) {
  58. background-image: theme-background-image($loadmask-msg-inner-icon, 'gif');
  59. background-repeat: no-repeat;
  60. background-position: $loadmask-msg-inner-icon-position;
  61. }
  62. }
  63. @if $include-rtl {
  64. .#{$prefix}rtl.#{$prefix}mask-msg-text {
  65. padding: rtl($loadmask-msg-text-padding);
  66. @if not is-null($loadmask-msg-inner-icon) {
  67. $loadmask-msg-icon-position-x: x($loadmask-msg-inner-icon-position);
  68. @if $loadmask-msg-icon-position-x != center {
  69. @if $loadmask-msg-icon-position-x == right {
  70. $loadmask-msg-icon-position-x: 0;
  71. } @else {
  72. $loadmask-msg-icon-position-x: right;
  73. }
  74. background-position: $loadmask-msg-icon-position-x y($loadmask-msg-inner-icon-position);
  75. }
  76. }
  77. }
  78. }