dcat-app.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. // ================================================================================================
  2. // File Name: dcat-bootstrap.scss
  3. // Description: Dcat Admin应用样式
  4. // ----------------------------------------------------------------------------------------------
  5. // Item name: Dcat Admin
  6. // Author: Jqh
  7. // Author URL: https://github.com/jqhph
  8. // ================================================================================================
  9. @import "variables/variables";
  10. // 进度条
  11. @import "./nprogress/NProgress";
  12. // sweetalert弹窗
  13. @import "./sweetalert/sweetalert2";
  14. @import "./mixins/scrollbar";
  15. html {
  16. font-size: 14px;
  17. height: 100%;
  18. letter-spacing: .01rem;
  19. }
  20. html body {
  21. background-color: $body-bg;
  22. color: $font-color;
  23. }
  24. .content-wrapper {
  25. background: $body-bg;
  26. }
  27. // 滚动条
  28. @include scrollbar('body');
  29. @include scrollbar('.table-main');
  30. @include scrollbar('.table-responsive');
  31. @include scrollbar('.select2-container--default .select2-results>.select2-results__options');
  32. @include scrollbar('.layui-layer-page .layui-layer-content');
  33. @include scrollbar('.iconpicker .iconpicker-items');
  34. // 字体
  35. body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  36. font-family: $font-family-sans-serif;
  37. }
  38. li {
  39. list-style-type: none;
  40. }
  41. // 颜色class定义
  42. @import "./colors";
  43. // 常用class定义
  44. @import "./components/utilities";
  45. // 布局
  46. @import "./components/layout";
  47. // 按钮
  48. @import "./components/button";
  49. // 顶部导航栏
  50. @import "./components/header-navbar";
  51. // 页面头
  52. @import "./components/content-header";
  53. // 表格自定义样式
  54. @import "./components/custom-data-table";
  55. // 表单
  56. @import "./components/form";
  57. // 分页
  58. @import "./components/pagination";
  59. // data-list-view 表格
  60. @import "./components/table";
  61. // grid
  62. @import "./components/grid";
  63. // 下拉菜单
  64. @import "./components/dropdown";
  65. // checkbox
  66. @import "./components/checkbox";
  67. // radio
  68. @import "./components/radio";
  69. // card
  70. @import "./components/card";
  71. // tree jquery.nestable
  72. @import "./components/nestable";
  73. // layer弹窗
  74. @import "./components/layer";
  75. // 滑动面板
  76. @import "./components/slider-panel";
  77. // grid selector
  78. @import "./components/grid-selector";
  79. // box
  80. @import "./components/box";
  81. // label
  82. @import "./components/label";
  83. // tab
  84. @import "./components/tab";
  85. // menu
  86. @import "./components/menu";
  87. // alert
  88. @import "./components/alert";
  89. // code
  90. @import "./components/code";
  91. // link
  92. @import "./components/link";
  93. // img
  94. @import "./components/img";
  95. // popover
  96. @import "./components/popover";
  97. // datetime picker
  98. @import "./components/datetime-picker";
  99. // 模态窗
  100. @import "./components/modal";
  101. // icon picker
  102. @import "./components/icon-picker";
  103. // dark mode
  104. @import "./theme/dark";