@delon/theme
Version:
ng-alain theme system library.
89 lines (80 loc) • 1.38 kB
text/less
/**
* The cursor is a pointer that indicates a link. Typically an image of a pointing hand
*
* 悬浮于连接上时,通常为手
*/
.point {
cursor: pointer;
}
.no {
&-resize {
/**
* The element offers no user-controllable method for resizing it.
*
* 元素不能被用户缩放
*/
resize: none;
min-width: 100%;
max-width: 100%;
}
&-data {
/**
* No data elements
*
* 无数据元素
*/
font-size: 16px;
line-height: 64px;
color: fade(@text-color, 25%);
text-align: center;
i {
position: relative;
top: 3px;
margin-right: 16px;
font-size: 24px;
}
}
}
/**
* Block element horizontally centered
*
* 块元素水平居中
*/
.block-center {
margin: 0 auto;
}
/**
* The background is centered vertically
*
* 背景垂直居中
*/
.bg-center {
background-position: center center;
background-size: cover;
}
/**
* Page loading
*
* 页面 loading
*/
.page-loading {
position: absolute;
z-index: 10000;
inset: 0;
padding-top: 200px;
text-align: center;
background: @background-color-base;
}
.color-weak {
display: block;
filter: invert(80%);
}
/**
* Disable style, Cannot respond to any events
*
* 禁用样式,不可响应任何事件
*/
.disabled {
pointer-events: none;
color: @disabled-color;
}