forked from fanruan/fineui
guy
4 years ago
8 changed files with 80 additions and 70 deletions
@ -1,2 +0,0 @@ |
|||||||
@import "../../src/less/resource/size"; |
|
||||||
@import "var"; |
|
@ -1,2 +0,0 @@ |
|||||||
@import "../../src/less/resource/size"; |
|
||||||
@import "var"; |
|
@ -0,0 +1,17 @@ |
|||||||
|
@import "../../lib/constant"; |
||||||
|
@import "../../image"; |
||||||
|
|
||||||
|
.iconSize(icon-size-12, @font-size-12); |
||||||
|
.iconSize(icon-size-13, @font-size-13); |
||||||
|
.iconSize(icon-size-14, @font-size-14); |
||||||
|
.iconSize(icon-size-15, @font-size-15); |
||||||
|
.iconSize(icon-size-16, @font-size-16); |
||||||
|
.iconSize(icon-size-18, @font-size-18); |
||||||
|
.iconSize(icon-size-20, @font-size-20); |
||||||
|
.iconSize(icon-size-22, @font-size-22); |
||||||
|
.iconSize(icon-size-24, @font-size-24); |
||||||
|
.iconSize(icon-size-30, @font-size-30); |
||||||
|
.iconSize(icon-size-40, @font-size-40); |
||||||
|
.iconSize(icon-size-50, @font-size-50); |
||||||
|
.iconSize(icon-size-60, @font-size-60); |
||||||
|
.iconSize(icon-size-70, @font-size-70); |
@ -1,21 +1,83 @@ |
|||||||
@import "../index"; |
@import "../index"; |
||||||
|
|
||||||
|
html { |
||||||
|
height: 100%; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
background-repeat: repeat; |
||||||
|
.user-select-disable(); |
||||||
|
color: @color-bi-text-normal; |
||||||
|
font: normal 12px "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Heiti, "黑体", sans-serif; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
text-decoration: none; |
||||||
|
-kthml-user-focus: normal; |
||||||
|
-moz-user-focus: normal; |
||||||
|
-moz-outline: 0 none; |
||||||
|
outline: 0 none; |
||||||
|
} |
||||||
|
|
||||||
|
div, textarea { |
||||||
|
&::-webkit-scrollbar { |
||||||
|
-webkit-appearance: none; |
||||||
|
width: 10px; |
||||||
|
height: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
&::-webkit-scrollbar-track { |
||||||
|
.border-radius(5px); |
||||||
|
.background-color(@scroll-color, 5%); |
||||||
|
|
||||||
|
&:hover { |
||||||
|
.background-color(@scroll-color, 5%); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&::-webkit-scrollbar-thumb { |
||||||
|
border: 2px solid transparent; |
||||||
|
background-clip: padding-box; |
||||||
|
.border-radius(10px); |
||||||
|
.background-color(@scroll-color, 10%); |
||||||
|
|
||||||
|
&:hover { |
||||||
|
.background-color(@scroll-color, 30%); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
&::-webkit-scrollbar-corner { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
.bi-theme-dark { |
.bi-theme-dark { |
||||||
div, textarea { |
div, textarea { |
||||||
&::-webkit-scrollbar { |
&::-webkit-scrollbar { |
||||||
-webkit-appearance: none; |
-webkit-appearance: none; |
||||||
} |
} |
||||||
|
|
||||||
&::-webkit-scrollbar-track { |
&::-webkit-scrollbar-track { |
||||||
.background-color(@scroll-color-theme-dark, 5%); |
.background-color(@scroll-color-theme-dark, 5%); |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
.background-color(@scroll-color-theme-dark, 5%); |
.background-color(@scroll-color-theme-dark, 5%); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
&::-webkit-scrollbar-thumb { |
&::-webkit-scrollbar-thumb { |
||||||
.background-color(@scroll-color-theme-dark, 10%); |
.background-color(@scroll-color-theme-dark, 10%); |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
.background-color(@scroll-color-theme-dark, 30%); |
.background-color(@scroll-color-theme-dark, 30%); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,9 +0,0 @@ |
|||||||
@import "../lib/constant"; |
|
||||||
@import "../image"; |
|
||||||
|
|
||||||
.iconSize(icon-size-12, @font-size-12); |
|
||||||
.iconSize(icon-size-16, @font-size-16); |
|
||||||
.iconSize(icon-size-24, @font-size-24); |
|
||||||
.iconSize(icon-size-40, @font-size-40); |
|
||||||
.iconSize(icon-size-50, @font-size-50); |
|
||||||
.iconSize(icon-size-70, @font-size-70); |
|
@ -1,2 +0,0 @@ |
|||||||
@import "../../src/less/resource/size"; |
|
||||||
@import "var"; |
|
Loading…
Reference in new issue