Files
smart-admin/smart-admin-web/javascript-ant-design-vue3/src/theme/index.less
2022-10-22 20:49:25 +08:00

153 lines
3.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* 默认样式的修改
*
* @Author: 1024创新实验室-主任:卓大
* @Date: 2022-09-12 14:41:59
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 https://1024lab.net 2012-2022
*/
@import '~ant-design-vue/dist/antd.less';
@import './smart-admin.less';
@gray-1: #ffffff;
@gray-2: #fafafa;
@gray-3: #f5f5f5;
@gray-4: #f0f0f0;
@gray-5: #d9d9d9;
@gray-6: #bfbfbf;
@gray-7: #8c8c8c;
@gray-8: #595959;
@gray-9: #434343;
@gray-10: #262626;
@gray-11: #1f1f1f;
@gray-12: #141414;
@gray-13: #000000;
@title-color: @heading-color;
@layout-bg-color: @layout-body-background;
@base-bg-color: @body-background;
@hover-bg-color: rgba(0, 0, 0, 0.025);
@border-color: @border-color-split;
@hover-bg-color-light: @hover-bg-color;
@hover-bg-color-dark: @primary-7;
@hover-bg-color-night: rgba(255, 255, 255, 0.025);
@header-bg-color-dark: @layout-header-background;
@header-light-bg-hover-color: #f6f6f6;
@header-height: 80px;
@header-user-height: 40px;
@page-tag-height: 40px;
@shadow-down: @shadow-1-down;
@shadow-up: @shadow-1-up;
@shadow-left: @shadow-1-left;
@shadow-right: @shadow-1-right;
@theme-list: light, dark, night;
/********************************** 基础样式 **********************************/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none !important;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
background-color: #f8f8f8;
font-size: 14px;
position: relative;
}
#app {
width: 100%;
height: 100%;
}
/********************************** ant design spin **********************************/
.ant-spin-blur{
opacity: 0.2;
}
/********************************** ant design table **********************************/
.ant-table-tbody :deep(.smart-table-striped) {
background-color: #fafafa;
}
/********************************** ant design form **********************************/
.ant-form-inline .ant-form-item-with-help {
margin-bottom: 0px !important;
}
/********************************** ant design spin **********************************/
.ant-spin-nested-loading {
width: 100%;
height: 100%;
}
.ant-spin-container {
width: 100%;
height: 100%;
}
/********************************** 富文本HTML样式 **********************************/
.html-content {
/* table 样式 */
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
table td,
table th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 3px 5px;
}
table th {
border-bottom: 2px solid #ccc;
text-align: center;
}
/* blockquote 样式 */
blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
/* code 样式 */
code {
display: inline-block;
*display: inline;
*zoom: 1;
background-color: #f1f1f1;
border-radius: 3px;
padding: 3px 5px;
margin: 0 3px;
}
pre code {
display: block;
}
/* ul ol 样式 */
ul,
ol {
margin: 10px 0 10px 20px;
}
}