123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- $borderWidth: 1px;
- $borderColor: #ccc;
- $hoverColor: #409EFF;
- $w: 800px;
- $radiusWidth: 4px;
- $size3: 23px;
- .saga-size3 {
- font-size: $size3;
- }
- .select-bg {
- background-color: $hoverColor;
- }
- .saga-border {
- border: $borderWidth solid $borderColor;
- box-sizing: border-box;
- border-radius: $radiusWidth;
- }
- .el-dialog__body {
- padding: 0;
- }
- body .htFiltersConditionsMenu:not(.htGhostTable) {
- z-index: 4070;
- }
- .border-hover {}
- .border-hover:hover {
- border-color: $hoverColor;
- }
- .saga-dashed-border {
- border: $borderWidth dashed $borderColor;
- border-radius: $radiusWidth;
- }
- .flex {
- display: flex;
- justify-content: space-around;
- }
- .saga-fill {
- width: 100%;
- height: 100%;
- }
- .margin5 {
- margin: 18px 18px 18px 10px;
- }
- .dcenter {
- margin-left: auto;
- margin-right: auto;
- }
- .h1 {
- font-size: 24px;
- color: #8E9CC1;
- }
- .h3 {
- font-size: 14px;
- color: #333;
- }
- .h5 {
- font-size: 12px;
- color: #999;
- }
- .center {
- text-align: center;
- }
- .padding10 {
- padding: 10px;
- }
- .bg-F5 {
- background: #F5FCFF;
- }
- .block {
- display: block;
- }
- .w {
- width: $w;
- }
- .h100 {
- height: 100%;
- }
- .p-over2 {
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行
- -webkit-box-orient: vertical;
- overflow-wrap: break-word;
- }
- .pointer {
- cursor: pointer;
- }
- @media screen and (max-width: 1200px) {
- .w {
- width: 560px;
- }
- html {
- overflow-x: auto;
- overflow-y: auto;
- }
- }
|