Dcat-Admin/resources/assets/dcat/sass/dcat-app.scss

// ================================================================================================
//  File Name: dcat-bootstrap.scss
//  Description: Dcat Admin应用样式
//  ----------------------------------------------------------------------------------------------
//  Item name: Dcat Admin
//  Author: Jqh
//  Author URL: https://github.com/jqhph
// ================================================================================================

@import "variables/variables";

// 进度条
@import "./nprogress/NProgress";

// sweetalert弹窗
@import "./sweetalert/sweetalert2";

html body {
  background-color: $body-bg;
  color: $font-color;
  font-size: .95rem;
}

// 字体
body, .header-navbar, .navigation, .breadcrumb, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: $font-family-sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.1
}

.content .content-wrapper {
  padding: calc(2.2rem - 0.4rem) 2.1rem 0;
  margin-top: 5rem;
}

.navbar-fixed-top {
  .content-wrapper {
    margin-top: 4rem;
  }
}

.content-header {
  padding: 0 0 2px;
}

ol, ul, dl {
  margin-bottom: 0;
}

// 阴影
.shadow-0 {
  box-shadow: none!important;
}
.shadow {
  box-shadow: $shadow!important;
}
.shadow-100 {
  box-shadow: $shadow-100!important;
}
.shadow-200 {
  box-shadow: $shadow-200!important;
}

//small
.font-sm-1{
  font-size: 0.7rem !important;
}
.font-sm-2{
  font-size: 0.8rem !important;
}
.font-sm-3{
  font-size: 0.9rem !important;
}
//medium
.font-md-1{
  font-size: 1.1rem !important;
}
.font-md-2{
  font-size: 1.2rem !important;
}
.font-md-3{
  font-size: 1.3rem !important;
}
.font-md-4{
  font-size: 1.4rem !important;
}
.font-md-5{
  font-size: 1.5rem !important;
}
//large
.font-lg-1{
  font-size: 2rem !important;
}
.font-lg-2{
  font-size: 3rem !important;
}
.font-lg-3{
  font-size: 4rem !important;
}
.font-lg-4{
  font-size: 5rem !important;
}
.font-lg-5{
  font-size: 6rem !important;
}

// Font weights

.bold-300 {
  font-weight: 300;
}
.bold-400 {
  font-weight: 400;
}
.bold-500 {
  font-weight: 500;
}
.bold-600 {
  font-weight: 600;
}
.bold-700 {
  font-weight: 700;
}

// Font style
.text-italic {
  font-style: italic;
}
.text-highlight {
  padding: 4px 6px;
}

// 颜色class定义
@import "./colors";

// 布局
@import "./components/layout";
// 按钮
@import "./components/button";
// 顶部导航栏
@import "./components/header-navbar";
// 页面头
@import "./components/content-header";
// 表格自定义样式
@import "./components/custom-data-table";
// 表单
@import "./components/form";
// 分页
@import "./components/pagination";
// data-list-view 表格
@import "./components/table";
// grid
@import "./components/grid";
// 下拉菜单
@import "./components/dropdown";
// checkbox
@import "./components/checkbox";
// radio
@import "./components/radio";
// card
@import "./components/card";
// tree jquery.nestable
@import "./components/nestable";
// layer弹窗
@import "./components/layer";
// 滑动面板
@import "./components/slider-panel";
// grid selector
@import "./components/grid-selector";
// box
@import "./components/box";
// label
@import "./components/label";
// tab
@import "./components/tab";
// menu
@import "./components/menu";
// alert
@import "./components/alert";
// code
@import "./components/code";
// link
@import "./components/link";
// img
@import "./components/img";
// popover
@import "./components/popover";
// datetime picker
@import "./components/datetime-picker";