app.ng.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .form-validation{
  2. .form-control{
  3. &.ng-dirty.ng-invalid{
  4. border-color: @brand-danger;
  5. }
  6. &.ng-dirty.ng-valid{
  7. &,
  8. &:focus{
  9. border-color: @brand-success;
  10. }
  11. }
  12. }
  13. .i-checks{
  14. .ng-invalid.ng-dirty + i{
  15. border-color: @brand-danger;
  16. }
  17. }
  18. }
  19. .ng-animate .bg-auto:before{
  20. display: none;
  21. }
  22. [ui-view].ng-leave {
  23. display: none;
  24. }
  25. [ui-view].ng-leave.smooth {
  26. display: block;
  27. }
  28. .smooth.ng-animate{
  29. position: absolute;
  30. width: 100%;
  31. height: 100%;
  32. overflow: hidden;
  33. }
  34. // big animation
  35. .fade-in-right-big.ng-enter {
  36. -webkit-animation: fadeInRightBig 0.5s;
  37. animation: fadeInRightBig 0.5s;
  38. }
  39. .fade-in-right-big.ng-leave {
  40. -webkit-animation: fadeOutLeftBig 0.5s;
  41. animation: fadeOutLeftBig 0.5s;
  42. }
  43. .fade-in-left-big.ng-enter {
  44. -webkit-animation: fadeInLeftBig 0.5s;
  45. animation: fadeInLeftBig 0.5s;
  46. }
  47. .fade-in-left-big.ng-leave {
  48. -webkit-animation: fadeOutRightBig 0.5s;
  49. animation: fadeOutRightBig 0.5s;
  50. }
  51. .fade-in-up-big.ng-enter {
  52. -webkit-animation: fadeInUpBig 0.5s;
  53. animation: fadeInUpBig 0.5s;
  54. }
  55. .fade-in-up-big.ng-leave {
  56. -webkit-animation: fadeOutUpBig 0.5s;
  57. animation: fadeOutUpBig 0.5s;
  58. }
  59. .fade-in-down-big.ng-enter {
  60. -webkit-animation: fadeInDownBig 0.5s;
  61. animation: fadeInDownBig 0.5s;
  62. }
  63. .fade-in-down-big.ng-leave {
  64. -webkit-animation: fadeOutDownBig 0.5s;
  65. animation: fadeOutDownBig 0.5s;
  66. }
  67. // small
  68. .fade-in.ng-enter {
  69. -webkit-animation: fadeIn 0.5s;
  70. animation: fadeIn 0.5s;
  71. }
  72. .fade-in.ng-leave {
  73. -webkit-animation: fadeOut 0.5s;
  74. animation: fadeOut 0.5s;
  75. }
  76. .fade-in-right.ng-enter {
  77. -webkit-animation: fadeInRight 0.5s;
  78. animation: fadeInRight 0.5s;
  79. }
  80. .fade-in-right.ng-leave {
  81. -webkit-animation: fadeOutLeft 0.5s;
  82. animation: fadeOutLeft 0.5s;
  83. }
  84. .fade-in-left.ng-enter {
  85. -webkit-animation: fadeInLeft 0.5s;
  86. animation: fadeInLeft 0.5s;
  87. }
  88. .fade-in-left.ng-leave {
  89. -webkit-animation: fadeOutRight 0.5s;
  90. animation: fadeOutRight 0.5s;
  91. }
  92. .fade-in-up.ng-enter {
  93. -webkit-animation: fadeInUp 0.5s;
  94. animation: fadeInUp 0.5s;
  95. }
  96. .fade-in-up.ng-leave {
  97. -webkit-animation: fadeOutUp 0.5s;
  98. animation: fadeOutUp 0.5s;
  99. }
  100. .fade-in-down.ng-enter {
  101. -webkit-animation: fadeInDown 0.5s;
  102. animation: fadeInDown 0.5s;
  103. }
  104. .fade-in-down.ng-leave {
  105. -webkit-animation: fadeOutDown 0.5s;
  106. animation: fadeOutDown 0.5s;
  107. }