dcat-app.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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 body {
  15. background-color: $body-bg;
  16. color: $font-color;
  17. }
  18. // 字体
  19. body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5 {
  20. font-family: Nunito, Montserrat,system-ui,BlinkMacSystemFont,-apple-system,sans-serif;
  21. }
  22. html body .content .content-wrapper {
  23. padding: calc(2.2rem - 0.4rem) 2.45rem 0;
  24. }
  25. ol, ul, dl {
  26. margin-bottom: 0;
  27. }
  28. // 阴影
  29. .shadow-0 {
  30. box-shadow: none!important;
  31. }
  32. .shadow {
  33. box-shadow: $shadow!important;
  34. }
  35. .shadow-100 {
  36. box-shadow: $shadow-100!important;
  37. }
  38. .shadow-200 {
  39. box-shadow: $shadow-200!important;
  40. }
  41. // 颜色
  42. .bg-default {
  43. background-color: #d2d6de;
  44. }
  45. .bg-custom {
  46. background: $custom;
  47. }
  48. .text-danger-darker {
  49. color: $red-darker;
  50. }
  51. .text-primary-darker {
  52. color: $primary-darker;
  53. }
  54. .bg-primary-gradient {
  55. background: linear-gradient(118deg, $primary, rgba($primary, .7));
  56. }
  57. // 布局
  58. @import "./components/layout";
  59. // 按钮
  60. @import "./components/button";
  61. // 顶部导航栏
  62. @import "./components/header-navbar";
  63. // 页面头
  64. @import "./components/content-header";
  65. // 表单
  66. @import "./components/form";
  67. // 分页
  68. @import "./components/pagination";
  69. // data-list-view 表格
  70. @import "./components/table";
  71. // grid
  72. @import "./components/grid";
  73. // 下拉菜单
  74. @import "./components/dropdown";
  75. // checkbox
  76. @import "./components/checkbox";
  77. // radio
  78. @import "./components/radio";
  79. // card
  80. @import "./components/card";
  81. // tree jquery.nestable
  82. @import "./components/nestable";
  83. // layer弹窗
  84. @import "./components/layer";
  85. // 滑动面板
  86. @import "./components/slider";
  87. // grid selector
  88. @import "./components/grid-selector";
  89. // box
  90. @import "./components/box";
  91. // label
  92. @import "./components/label";
  93. // tab
  94. @import "./components/tab";
  95. // menu
  96. @import "./components/menu";
  97. // alert
  98. @import "./components/alert";
  99. // code
  100. @import "./components/code";
  101. // link
  102. @import "./components/link";
  103. // img
  104. @import "./components/img";