catalog-ui/src/app/ng2/components/loader/loader.component.less

   1 @import '../../../../assets/styles/variables';
   2 .tlv-loader-back {
   3     background-color: @main_color_p;
   4     position: fixed;
   5     top: 50px;
   6     left: 0;
   7     right: 0;
   8     bottom: 0;
   9     z-index: 9999;
  10     opacity: 0.5;
  11 }
  12
  13 .tlv-loader-relative { position: absolute; top: 0;}
  14
  15 .tlv-loader {
  16     z-index: 10002;
  17 }
  18
  19 @keyframes fadein {
  20     from { opacity: 0; }
  21     to   { opacity: 0.8; }
  22 }
  23
  24 /* Firefox < 16 */
  25 @-moz-keyframes fadein {
  26     from { opacity: 0; }
  27     to   { opacity: 0.8; }
  28 }
  29
  30 /* Safari, Chrome and Opera > 12.1 */
  31 @-webkit-keyframes fadein {
  32     from { opacity: 0; }
  33     to   { opacity: 0.8; }
  34 }
  35
  36 /* Internet Explorer */
  37 @-ms-keyframes fadein {
  38     from { opacity: 0; }
  39     to   { opacity: 0.8; }
  40 }
  41
  42 /* Opera < 12.1 */
  43 @-o-keyframes fadein {
  44     from { opacity: 0; }
  45     to   { opacity: 0.8; }
  46 }
  47
  48 @keyframes fadeout {
  49     from { opacity: 0.8; }
  50     to   { opacity: 0; }
  51 }
  52
  53 /* Firefox < 16 */
  54 @-moz-keyframes fadeout {
  55     from { opacity: 0.8; }
  56     to   { opacity: 0; }
  57 }
  58
  59 /* Safari, Chrome and Opera > 12.1 */
  60 @-webkit-keyframes fadeout {
  61     from { opacity: 0.8; }
  62     to   { opacity: 0; }
  63 }
  64
  65 /* Internet Explorer */
  66 @-ms-keyframes fadeout {
  67     from { opacity: 0.8; }
  68     to   { opacity: 0; }
  69 }
  70
  71 /* Opera < 12.1 */
  72 @-o-keyframes fadeout {
  73     from { opacity: 0.8; }
  74     to   { opacity: 0; }
  75 }