Browse Source

改一下bubblecombo

es6
windy 8 years ago
parent
commit
6931210b24
  1. 4
      bi/base.css
  2. 4
      docs/base.css
  3. 4
      src/css/base/combo/combo.bubble.css
  4. 4
      src/less/base/combo/combo.bubble.less

4
bi/base.css

@ -33,6 +33,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -40,6 +41,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -47,6 +49,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
@ -54,6 +57,7 @@
border-top: 6px solid #3f8ce8; border-top: 6px solid #3f8ce8;
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;

4
docs/base.css

@ -33,6 +33,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -40,6 +41,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -47,6 +49,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
@ -54,6 +57,7 @@
border-top: 6px solid #3f8ce8; border-top: 6px solid #3f8ce8;
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;

4
src/css/base/combo/combo.bubble.css

@ -2,6 +2,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -9,6 +10,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
@ -16,6 +18,7 @@
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
@ -23,6 +26,7 @@
border-top: 6px solid #3f8ce8; border-top: 6px solid #3f8ce8;
} }
.bi-bubble-combo .bubble-combo-triangle-bottom { .bi-bubble-combo .bubble-combo-triangle-bottom {
z-index: 1;
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;

4
src/less/base/combo/combo.bubble.less

@ -2,15 +2,19 @@
.bi-bubble-combo { .bi-bubble-combo {
& .bubble-combo-triangle-left { & .bubble-combo-triangle-left {
z-index: 1;
.solid-triangle-right(@color-bi-background-highlight); .solid-triangle-right(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-right { & .bubble-combo-triangle-right {
z-index: 1;
.solid-triangle-left(@color-bi-background-highlight); .solid-triangle-left(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-top { & .bubble-combo-triangle-top {
z-index: 1;
.solid-triangle-down(@color-bi-background-highlight); .solid-triangle-down(@color-bi-background-highlight);
} }
& .bubble-combo-triangle-bottom { & .bubble-combo-triangle-bottom {
z-index: 1;
.solid-triangle-up(@color-bi-background-highlight); .solid-triangle-up(@color-bi-background-highlight);
} }
} }
Loading…
Cancel
Save