base.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. .position {
  12. &-relative {
  13. position: relative;
  14. }
  15. &-absolute {
  16. position: absolute;
  17. }
  18. &-fixed {
  19. position: fixed;
  20. }
  21. &-sticky {
  22. position: sticky;
  23. }
  24. }
  25. .d {
  26. &-flex {
  27. display: flex !important;
  28. }
  29. /* #ifndef APP-VUE */
  30. &-none {
  31. display: none !important;
  32. }
  33. &-inline {
  34. display: inline !important;
  35. }
  36. &-inline-block {
  37. display: inline-block !important;
  38. }
  39. &-block {
  40. display: block !important;
  41. }
  42. &-table {
  43. display: table !important;
  44. }
  45. &-table-row {
  46. display: table-row !important;
  47. }
  48. &-table-cell {
  49. display: table-cell !important;
  50. }
  51. &-inline-flex {
  52. display: inline-flex !important;
  53. }
  54. /* #endif */
  55. }
  56. .background {
  57. /* #ifndef APP-NVUE */
  58. z-index: 0;
  59. /* #endif */
  60. &-deep {
  61. /* #ifndef APP-NVUE */
  62. z-index: -1;
  63. /* #endif */
  64. }
  65. }
  66. .overflow {
  67. &-hidden {
  68. overflow: hidden;
  69. }
  70. &-scroll {
  71. overflow: scroll;
  72. }
  73. &-auto {
  74. overflow: auto;
  75. }
  76. &-visible {
  77. overflow: visible;
  78. }
  79. }