@use './var.scss' as *;
|
@use '@bole-core/sass-utils/index.scss' as *;
|
@use './transition.scss' as *;
|
@use './element/element-plus.scss' as *;
|
@use './dark.scss' as *;
|
@use './layout.scss' as *;
|
@use './element/index.scss' as *;
|
@use './reset.scss' as *;
|
@use './bole-components/index.scss' as *;
|
@use './form.scss' as *;
|
@use './chuckButton.scss' as *;
|
@use './styleV2/index.scss' as *;
|
|
:root {
|
@include bole-set-component-css-var('query-bar', $bole-query-bar);
|
}
|
|
body {
|
margin: 0;
|
padding: 0;
|
width: 100%;
|
height: 100%;
|
font-size: 16px;
|
font-family: 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB',
|
Arial, sans-serif;
|
-moz-osx-font-smoothing: grayscale;
|
-webkit-font-smoothing: antialiased;
|
text-rendering: optimizelegibility;
|
-webkit-tap-highlight-color: transparent;
|
|
.video-js .vjs-big-play-button {
|
top: 50%;
|
left: 50%;
|
transform: translateX(-50%) translateY(-50%);
|
}
|
}
|
|
html {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
}
|
|
label {
|
// font-weight: 700;
|
}
|
|
*,
|
*::before,
|
*::after {
|
box-sizing: inherit;
|
}
|
|
a:focus,
|
a:active {
|
outline: none;
|
}
|
|
a,
|
a:focus,
|
a:hover {
|
text-decoration: none;
|
color: inherit;
|
cursor: pointer;
|
}
|
|
div:focus {
|
outline: none;
|
}
|
|
ul {
|
margin: 0;
|
padding: 0;
|
list-style: none;
|
}
|
|
.clearfix {
|
&::after {
|
display: block;
|
clear: both;
|
height: 0;
|
font-size: 0;
|
visibility: hidden;
|
content: ' ';
|
}
|
}
|
|
/* 头部用户信息样式重置 */
|
|
.hidden {
|
display: none !important;
|
}
|
|
/* 灰色模式 */
|
|
.html-grey {
|
filter: grayscale(100%);
|
}
|
|
/* 色弱模式 */
|
|
.html-weakness {
|
filter: invert(80%);
|
}
|
|
.pc-spacing {
|
margin: 10px;
|
}
|
|
.mobile-spacing {
|
margin: 0;
|
}
|
|
.pre {
|
white-space: pre-line;
|
}
|
|
.flex-align-center {
|
display: flex;
|
align-items: center;
|
}
|
|
.ellipsis {
|
@include utils-ellipsis;
|
}
|
|
.multi-ellipsis--l2 {
|
@include multi-ellipsis(2);
|
}
|
|
.multi-ellipsis--l3 {
|
@include multi-ellipsis(3);
|
}
|
|
.multi-ellipsis--l9 {
|
@include multi-ellipsis(9);
|
}
|
|
// .app-main {
|
// background-color: #f7f7f7;
|
// }
|
|
.fl {
|
float: left;
|
}
|
|
.fr {
|
float: right;
|
}
|
|
.ml20 {
|
margin-left: 20px;
|
}
|
|
.primary {
|
color: boleGetCssVar('color', 'primary');
|
}
|
|
.warning {
|
color: var(--el-color-warning);
|
}
|
|
.error {
|
color: var(--el-color-error);
|
}
|
|
.success {
|
color: var(--el-color-success);
|
}
|
|
[class*='el-col-'].is-guttered.pro-form-col-item {
|
display: flex;
|
}
|
|
.prencent-input {
|
.el-input {
|
position: relative;
|
|
&::after {
|
position: absolute;
|
top: 0;
|
right: 0;
|
display: block;
|
width: 30px;
|
height: 100%;
|
text-align: center;
|
color: inherit;
|
content: '%';
|
line-height: 2.5;
|
}
|
|
.el-input__inner {
|
padding-right: 50px;
|
text-align: left;
|
}
|
}
|
}
|
