Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

css

es6
guy 8 years ago
parent
5eeb0e9be0
commit
1359e15b62
9 changed files with 862 additions and 109 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      bi/base.css
  2. 2
      bi/core.css
  3. 16
      docs/base.css
  4. 2
      docs/core.css
  5. 888
      docs/resource.css
  6. 16
      src/css/base/table/table.grid.scrollbar.css
  7. 2
      src/css/core/utils/common.css
  8. 24
      src/less/base/table/table.grid.scrollbar.less
  9. 5
      src/less/core/utils/common.less

16
bi/base.css
Unescape View File

@ -1115,12 +1115,12 @@ li.CodeMirror-hint-active {
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; user-select: none;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -1139,11 +1139,11 @@ li.CodeMirror-hint-active {
left: 0; left: 0;
transition-property: background-color; transition-property: background-color;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1197,23 +1197,23 @@ li.CodeMirror-hint-active {
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: rgba(102, 102, 102, 0.3); background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(204, 204, 204, 0.3); background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: rgba(102, 102, 102, 0.7); background-color: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
} }
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after { .bi-theme-dark .public-scrollbar-faceActive:after {
background-color: rgba(204, 204, 204, 0.7); background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;

2
bi/core.css
Unescape View File

@ -3065,7 +3065,7 @@ i {
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {

16
docs/base.css
Unescape View File

@ -1115,12 +1115,12 @@ li.CodeMirror-hint-active {
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; user-select: none;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -1139,11 +1139,11 @@ li.CodeMirror-hint-active {
left: 0; left: 0;
transition-property: background-color; transition-property: background-color;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1197,23 +1197,23 @@ li.CodeMirror-hint-active {
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: rgba(102, 102, 102, 0.3); background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(204, 204, 204, 0.3); background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: rgba(102, 102, 102, 0.7); background-color: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
} }
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after { .bi-theme-dark .public-scrollbar-faceActive:after {
background-color: rgba(204, 204, 204, 0.7); background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;

2
docs/core.css
Unescape View File

@ -3065,7 +3065,7 @@ i {
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {

888
docs/resource.css
View File

File diff suppressed because it is too large Load Diff

16
src/css/base/table/table.grid.scrollbar.css
Unescape View File

@ -10,12 +10,12 @@
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; user-select: none;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -34,11 +34,11 @@
left: 0; left: 0;
transition-property: background-color; transition-property: background-color;
background-color: rgba(102, 102, 102, 0.05); background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
} }
.bi-theme-dark .scrollbar-layout-main-horizontal { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(204, 204, 204, 0.05); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -92,23 +92,23 @@
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: rgba(102, 102, 102, 0.3); background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
} }
.bi-theme-dark .public-scrollbar-face:after { .bi-theme-dark .public-scrollbar-face:after {
background-color: rgba(204, 204, 204, 0.3); background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
} }
.public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: rgba(102, 102, 102, 0.7); background-color: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
} }
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after { .bi-theme-dark .public-scrollbar-faceActive:after {
background-color: rgba(204, 204, 204, 0.7); background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
} }
.horizontal-scrollbar { .horizontal-scrollbar {
bottom: 0; bottom: 0;

2
src/css/core/utils/common.css
Unescape View File

@ -112,7 +112,7 @@
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, 0.5); background-color: rgba(26, 26, 26, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {

24
src/less/base/table/table.grid.scrollbar.less
Unescape View File

@ -8,14 +8,16 @@
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; user-select: none;
background-color: @scroll-color; background-color: @scroll-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666)"; @ieColor: argb(@scroll-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
border-radius: 5px; border-radius: 5px;
} }
.bi-theme-dark { .bi-theme-dark {
.scrollbar-layout-main { .scrollbar-layout-main {
background-color: @scroll-color-theme-dark; background-color: @scroll-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc)"; @ieColor: argb(@scroll-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
} }
@ -38,13 +40,15 @@
left: 0; left: 0;
transition-property: background-color; transition-property: background-color;
background-color: @scroll-color; background-color: @scroll-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666)"; @ieColor: argb(@scroll-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
.bi-theme-dark { .bi-theme-dark {
.scrollbar-layout-main-horizontal { .scrollbar-layout-main-horizontal {
background-color: @scroll-color-theme-dark; background-color: @scroll-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc)"; @ieColor: argb(@scroll-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
} }
@ -119,13 +123,15 @@
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: @scroll-thumb-color; background-color: @scroll-thumb-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666)"; @ieColor: argb(@scroll-thumb-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
.bi-theme-dark { .bi-theme-dark {
.public-scrollbar-face:after { .public-scrollbar-face:after {
background-color: @scroll-thumb-color-theme-dark; background-color: @scroll-thumb-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc)"; @ieColor: argb(@scroll-thumb-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
} }
@ -133,7 +139,8 @@
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: @scroll-thumb-focus-color; background-color: @scroll-thumb-focus-color;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666)"; @ieColor: argb(@scroll-thumb-focus-color);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
.bi-theme-dark { .bi-theme-dark {
@ -141,7 +148,8 @@
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after { .public-scrollbar-faceActive:after {
background-color: @scroll-thumb-focus-color-theme-dark; background-color: @scroll-thumb-focus-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc)"; @ieColor: argb(@scroll-thumb-focus-color-theme-dark);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
} }
} }

5
src/less/core/utils/common.less
Unescape View File

@ -158,8 +158,9 @@
} }
.bi-z-index-mask { .bi-z-index-mask {
background-color: rgba(26, 26, 26, .5); background-color: fade(@color-bi-background-black, 50%);
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a)"; @ieColor: argb(fade(@color-bi-background-black, 50%));
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
} }
//只有背景变化 //只有背景变化

Write Preview
Loading…
Cancel
Save