Browse Source

Merge pull request #77274 in DEC/fineui from release/11.0 to bugfix/11.0

* commit '341533286122421880fee0d9822413c5d58eebae':
  auto upgrade version to 2.0.20220617213406
  无JIRA任务 simple
  auto upgrade version to 2.0.20220617172333
  auto upgrade version to 2.0.20220617145310
  无JIRA任务 暗色系popover头背景
  auto upgrade version to 2.0.20220617120359
  auto upgrade version to 2.0.20220617115451
  auto upgrade version to 2.0.20220617114413
  DESIGN-3918 feat: 拓展box-shadow,允许配置常量一样自定义个阴影效果
  无JIRA任务 同步lessconfig
master
superman 2 years ago
parent
commit
b28ac10874
  1. 2
      package.json
  2. 2
      src/less/base/single/tip/tip.toast.less
  3. 3
      src/less/lib/constant.less
  4. 1
      src/less/lib/theme.less
  5. 32
      src/less/visual.less

2
package.json

@ -1,6 +1,6 @@
{
"name": "fineui",
"version": "2.0.20220616223849",
"version": "2.0.20220617213406",
"description": "fineui",
"main": "dist/fineui.min.js",
"types": "dist/lib/index.d.ts",

2
src/less/base/single/tip/tip.toast.less

@ -4,7 +4,7 @@
color: @color-bi-color-toast-text;
line-height: @font-size-16;
.border-radius(2px);
.box-shadow(0 6px 20px -2px, @color-bi-color-toast-shadow);
.box-shadow(@box-shadow-toast) ;
&.toast-success {
background: @color-bi-background-toast-success;

3
src/less/lib/constant.less

@ -244,3 +244,6 @@
@scroll-color-theme-dark: @color-white;
@scroll-thumb-color: @color-black;
@scroll-thumb-color-theme-dark: @color-black;
//box-shadow效果
@box-shadow-toast: 0 2px 6px 0 rgba(0, 0, 0, 0.2);

1
src/less/lib/theme.less

@ -32,7 +32,6 @@
@color-bi-color-toast-error: @color-bi-text;
@color-bi-color-toast-normal: @color-bi-text;
@color-bi-color-toast-text: @color-bi-text;
@color-bi-color-toast-shadow: @color-bi-background-black;
//bubble
@color-bi-background-bubble-success: @color-bi-background-light-success;

32
src/less/visual.less

@ -16,6 +16,12 @@
box-shadow: none;
}
.box-shadow(@shadow) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
}
.box-shadow(@style, @c) when (iscolor(@c)) {
-webkit-box-shadow: @style @c;
-moz-box-shadow: @style @c;
@ -219,7 +225,7 @@
margin-top: 5px;
content: "";
transform: rotate(-135deg);
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.06));
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.06));
}
}
@ -238,7 +244,7 @@
margin-top: -5px;
content: "";
transform: rotate(45deg);
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.07));
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.07));
}
}
@ -258,7 +264,7 @@
margin-top: 4px;
content: "";
transform: rotate(135deg);
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.06));
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.06));
}
}
@ -277,26 +283,26 @@
margin-top: 4px;
content: "";
transform: rotate(-45deg);
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.07));
.box-shadow(3px 3px 10px 0, rgba(0, 0, 0, 0.07));
}
}
// css3 animation
.keyframes(@name, @frames) {
@-webkit-keyframes @name {
@frames();
@frames();
}
@-moz-keyframes @name {
@frames();
@frames();
}
@-ms-keyframes @name {
@frames();
@frames();
}
@-o-keyframes @name {
@frames();
@frames();
}
@keyframes @name {
@frames();
@frames();
}
}
@ -326,10 +332,10 @@
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
transform-origin: @x @y;
}
.hover-visible(@cls) {

Loading…
Cancel
Save