base.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. //基础公共样式
  2. @use './border.scss' as *;
  3. @use './color.scss' as *;
  4. @use './flex.scss' as *;
  5. @use './radius.scss' as *;
  6. @use './size.scss' as *;
  7. @use './text.scss' as *;
  8. @use './shadow.scss' as *;
  9. @use './wing-space-height.scss' as *;
  10. @use './margin-padding.scss' as *;
  11. @use './grid.scss' as *;
  12. .position {
  13. &-relative {
  14. position: relative;
  15. }
  16. &-absolute {
  17. position: absolute;
  18. }
  19. &-fixed {
  20. position: fixed;
  21. }
  22. &-sticky {
  23. position: sticky;
  24. }
  25. }
  26. .d {
  27. &-flex {
  28. display: flex !important;
  29. }
  30. /* #ifndef APP-VUE */
  31. &-none {
  32. display: none !important;
  33. }
  34. &-inline {
  35. display: inline !important;
  36. }
  37. &-inline-block {
  38. display: inline-block !important;
  39. }
  40. &-block {
  41. display: block !important;
  42. }
  43. &-table {
  44. display: table !important;
  45. }
  46. &-table-row {
  47. display: table-row !important;
  48. }
  49. &-table-cell {
  50. display: table-cell !important;
  51. }
  52. &-inline-flex {
  53. display: inline-flex !important;
  54. }
  55. /* #endif */
  56. }
  57. .background {
  58. /* #ifndef APP-NVUE */
  59. z-index: 0;
  60. /* #endif */
  61. &-deep {
  62. /* #ifndef APP-NVUE */
  63. z-index: -1;
  64. /* #endif */
  65. }
  66. }
  67. .overflow {
  68. &-hidden {
  69. overflow: hidden;
  70. }
  71. &-scroll {
  72. overflow: scroll;
  73. }
  74. &-auto {
  75. overflow: auto;
  76. }
  77. &-visible {
  78. overflow: visible;
  79. }
  80. }
  81. .visible {
  82. &-hidden {
  83. visibility: hidden;
  84. }
  85. &-visible {
  86. visibility: visible;
  87. }
  88. }