dcat-app.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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. // 布局
  26. @import "./components/layout";
  27. // 按钮
  28. @import "./components/button";
  29. // 表单
  30. @import "./components/form";
  31. // 分页
  32. @import "./components/pagination";
  33. // data-list-view 表格
  34. @import "./components/table";
  35. // grid
  36. @import "./components/grid";
  37. // 下拉菜单
  38. @import "./components/dropdown";
  39. // checkbox
  40. @import "./components/checkbox";
  41. // radio
  42. @import "./components/radio";
  43. // card
  44. @import "./components/card";
  45. // tree jquery.nestable
  46. @import "./components/nestable";
  47. // layer弹窗
  48. @import "./components/layer";
  49. // 滑动面板
  50. @import "./components/slider";
  51. // 时间日期插件
  52. @import "./components/datetimepicker";
  53. // grid selector
  54. @import "./components/grid-selector";
  55. // box
  56. @import "./components/box";
  57. body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before {
  58. font-size: 1.3rem;
  59. }
  60. // 顶部导航栏
  61. .header-navbar.navbar-shadow {
  62. box-shadow: $shadow;
  63. }
  64. // 菜单
  65. .main-menu.menu-shadow {
  66. box-shadow: $menu-shadow;
  67. }
  68. // 面包屑导航
  69. .breadcrumb {
  70. border-left: 0;
  71. }
  72. // 页面标题
  73. .content-header h1 {
  74. font-weight: 400;
  75. font-size: 24px;
  76. display: inline-block;
  77. font-family: Montserrat,Nunito,sans-serif;
  78. small {
  79. font-size: 15px;
  80. display: inline-block;
  81. padding-left: 5px;
  82. font-weight: 300;
  83. }
  84. }
  85. // code
  86. code {
  87. box-shadow: 0 1px 1px rgba(0,0,0,0.125);
  88. padding: 3px 5px;
  89. background: #f7f7f9;
  90. color: darken($primary, 8%);
  91. font-family: Montserrat,Nunito,sans-serif;
  92. }
  93. pre {
  94. padding: 7px;
  95. white-space: pre-wrap;
  96. margin-bottom: 0;
  97. font-family: Montserrat,Nunito,sans-serif;
  98. }