dcat-app.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. html {
  15. font-size: 14px;
  16. height: 100%;
  17. letter-spacing: .01rem;
  18. }
  19. html body {
  20. background-color: $body-bg;
  21. color: $font-color;
  22. }
  23. .content-wrapper {
  24. background: $body-bg;
  25. }
  26. // 字体
  27. body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  28. font-family: $font-family-sans-serif;
  29. }
  30. // 颜色class定义
  31. @import "./colors";
  32. // 常用class定义
  33. @import "./components/utilities";
  34. // 布局
  35. @import "./components/layout";
  36. // 按钮
  37. @import "./components/button";
  38. // 顶部导航栏
  39. @import "./components/header-navbar";
  40. // 页面头
  41. @import "./components/content-header";
  42. // 表格自定义样式
  43. @import "./components/custom-data-table";
  44. // 表单
  45. @import "./components/form";
  46. // 分页
  47. @import "./components/pagination";
  48. // data-list-view 表格
  49. @import "./components/table";
  50. // grid
  51. @import "./components/grid";
  52. // 下拉菜单
  53. @import "./components/dropdown";
  54. // checkbox
  55. @import "./components/checkbox";
  56. // radio
  57. @import "./components/radio";
  58. // card
  59. @import "./components/card";
  60. // tree jquery.nestable
  61. @import "./components/nestable";
  62. // layer弹窗
  63. @import "./components/layer";
  64. // 滑动面板
  65. @import "./components/slider-panel";
  66. // grid selector
  67. @import "./components/grid-selector";
  68. // box
  69. @import "./components/box";
  70. // label
  71. @import "./components/label";
  72. // tab
  73. @import "./components/tab";
  74. // menu
  75. @import "./components/menu";
  76. // alert
  77. @import "./components/alert";
  78. // code
  79. @import "./components/code";
  80. // link
  81. @import "./components/link";
  82. // img
  83. @import "./components/img";
  84. // popover
  85. @import "./components/popover";
  86. // datetime picker
  87. @import "./components/datetime-picker";
  88. // 菜单
  89. @import "./components/sidebar";
  90. // 模态窗
  91. @import "./components/modal";
  92. // icon picker
  93. @import "./components/icon-picker";