_utilities.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .icon-bg-circle{
  2. color: $white;
  3. padding: 0.5rem;
  4. border-radius: 50%;
  5. }
  6. .icon-left{
  7. margin-right:0.5rem;
  8. }
  9. .icon-right{
  10. margin-right:0.5rem;
  11. }
  12. .icon-spin {
  13. display: inline-block;
  14. animation: spin 1s infinite linear;
  15. }
  16. .blockOverlay{
  17. z-index: 1050 !important;
  18. }
  19. .blockElement, .blockPage{
  20. z-index: 1051 !important;
  21. }
  22. @-moz-keyframes spin {
  23. from {
  24. -moz-transform: rotate(0deg);
  25. }
  26. to {
  27. -moz-transform: rotate(360deg);
  28. }
  29. }
  30. @-webkit-keyframes spin {
  31. from {
  32. -webkit-transform: rotate(0deg);
  33. }
  34. to {
  35. -webkit-transform: rotate(360deg);
  36. }
  37. }
  38. @keyframes spin {
  39. from {
  40. transform: rotate(0deg);
  41. }
  42. to {
  43. transform: rotate(360deg);
  44. }
  45. }
  46. .hidden{
  47. display: none;
  48. visibility: hidden;
  49. }
  50. //Disabled
  51. a{
  52. &.disabled{
  53. // color: $dropdown-link-disabled-color !important;
  54. }
  55. &:hover {
  56. cursor: pointer;
  57. }
  58. }
  59. .round{@include border-radius(1.5rem);}
  60. .square{@include border-radius($btn-border-radius-square);}
  61. .icon-line-height{
  62. line-height : 1.5rem !important;
  63. }
  64. //Tables
  65. //--------------------------
  66. .table-middle{
  67. td{
  68. vertical-align: middle;
  69. }
  70. }
  71. // Spinner classes
  72. .spinner {
  73. display: inline-block;
  74. -webkit-animation: spin 1s linear infinite;
  75. -o-animation: spin 1s linear infinite;
  76. animation: spin 1s linear infinite;
  77. }
  78. @keyframes spin {
  79. 0% { transform: rotate(0deg); }
  80. 100% { transform: rotate(360deg); }
  81. }
  82. // Button focus outline
  83. button:focus{
  84. outline: none;
  85. }