_utility.scss 1010 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .u-relative {
  2. position: relative;
  3. }
  4. .u-pointer {
  5. user-select: none;
  6. cursor: pointer;
  7. }
  8. .u-readonly {
  9. user-select: none;
  10. }
  11. .u-ellipsis {
  12. white-space: nowrap;
  13. overflow: hidden;
  14. text-overflow: ellipsis;
  15. }
  16. .u-overflow-y--auto {
  17. overflow-x: hidden;
  18. overflow-y: auto;
  19. }
  20. .u-color--blue {
  21. color: $blue;
  22. }
  23. .u-color--primary {
  24. color: $primary;
  25. }
  26. .u-color--success {
  27. color: $success;
  28. &.dark {
  29. color: $success--dark;
  30. }
  31. }
  32. .u-color--error {
  33. color: $error;
  34. &.light {
  35. color: #fb8885;
  36. }
  37. &.dark {
  38. color: #e51414;
  39. }
  40. }
  41. .u-color--warning {
  42. color: $warning;
  43. }
  44. .u-color--white {
  45. color: #fff;
  46. }
  47. .u-color--black {
  48. color: $black;
  49. }
  50. .u-color--info {
  51. color: $info--dark;
  52. &.light {
  53. color: $info;
  54. }
  55. }
  56. .u-bold {
  57. font-weight: bold;
  58. }
  59. .u-text-center {
  60. text-align: center;
  61. }
  62. .u-align-self {
  63. &--center {
  64. align-self: center;
  65. }
  66. }
  67. .u-size--contain {
  68. background-position: center center;
  69. background-size: contain;
  70. background-repeat: no-repeat;
  71. }