@mdsfe/mds-ui 0.4.0-rc.6 → 0.4.0-rc.8

package/dist/style/tag.css

@@ -1 +1,421 @@
-.mds-tag{display:inline-block;padding:0 10px;height:28px;border:1px solid #d8dce6;font-size:12px;opacity:1;border-radius:2px;cursor:pointer;user-select:none;white-space:nowrap;text-align:center}.mds-tag-icon{margin-left:10px;color:#9d9d9d}.mds-tag-lg{padding:0 15px;height:32px}.mds-tag-lg span{line-height:32px!important}.mds-tag-md{padding:0 10px;height:28px}.mds-tag-md span{line-height:28px!important}.mds-tag-sm{height:24px;padding:0 8px}.mds-tag-sm span{line-height:24px!important}.mds-tag-mn{padding:0 8px;height:20px}.mds-tag-mn span{line-height:20px!important}.mds-tag:hover{opacity:.85}.mds-tag,.mds-tag a,.mds-tag a:hover{color:#666}.mds-tag-text a:first-child:last-child{display:inline-block;margin:0 -8px}.mds-tag .mdsicon-cross{display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;cursor:pointer;font-weight:700;margin-left:3px;transition:all .3s cubic-bezier(.215,.61,.355,1);opacity:.66}:root .mds-tag .mdsicon-cross{filter:none;font-size:12px}.mds-tag .mdsicon-cross:hover{opacity:1}.mds-tag-checkable,.mds-tag-has-color{border-color:transparent}.mds-tag-checkable{background-color:transparent}.mds-tag-checkable-checked,.mds-tag-checkable:active{color:#fff}.mds-tag-checkable-checked{background-color:#ecf5ff;color:#0364ff}.mds-tag-checkable:active{background-color:#0252dd}.mds-tag-close{width:0!important;padding:0;margin:0}.mds-tag-zoom-appear,.mds-tag-zoom-enter{animation:antFadeIn .2s cubic-bezier(.78,.14,.15,.86);animation-fill-mode:both}.mds-tag-zoom-leave{animation:antZoomOut .3s cubic-bezier(.78,.14,.15,.86);animation-fill-mode:both}.mds-tag-pink{color:#f5317f;background:#fdd8e7;border-color:#fdd8e7}.mds-tag-pink-inverse{border-color:#f5317f;color:#f5317f}.mds-tag-red{background:#fcd8d8;border-color:#fcd8d8}.mds-tag-red-inverse{border-color:#e33;color:#e33}.mds-tag-orange{color:#f56a00;background:#fde3cf;border-color:#fde3cf}.mds-tag-orange-inverse{border-color:#f56a00;color:#f56a00}.mds-tag-yellow{color:#ffbf00;background:#fff3cf;border-color:#fff3cf}.mds-tag-yellow-inverse{border-color:#ffbf00;color:#ffbf00}.mds-tag-cyan{color:#00a2ae;background:#cfedf0;border-color:#cfedf0}.mds-tag-cyan-inverse{border-color:#00a2ae;color:#00a2ae}.mds-tag-green{color:#00a854;background:#cfefdf;border-color:#cfefdf}.mds-tag-green-inverse{border-color:#00a854;color:#00a854}.mds-tag-blue{background:#cfe2ff;border-color:#cfe2ff}.mds-tag-blue-inverse{border-color:#0364ff;color:#0364ff}.mds-tag-purple{color:#7265e6;background:#e4e2fa;border-color:#e4e2fa}.mds-tag-blue{color:#0364ff;background:#ecf5ff;border-color:#ecf5ff}.mds-tag-green{color:#0a0;background:rgba(0,170,0,.05);border-color:rgba(0,170,0,.05)}.mds-tag-purple{color:#666;background:#f8f8f8;border-color:#f8f8f8}.mds-tag-red{color:#e33;background:rgba(238,51,51,.05);border-color:rgba(238,51,51,.05)}.mds-tag-orange{color:#f60;background:rgba(255,102,0,.05);border-color:rgba(255,102,0,.05)}.mds-tag-purple-inverse{border-color:#7265e6;color:#7265e6}.mds-tag-text{font-size:12px;font-family:PingFangSC-Regular;font-weight:400;line-height:28px;opacity:1}.btn{outline:none;width:98px;height:30px;background:#fff;border-radius:2px;font-size:12px;border:1px dashed #d8dce6;vertical-align:bottom}.btn span:first-child{color:#9d9d9d;font-size:18px;margin-right:10px;font-weight:200;display:inline-block;line-height:19px}.btn span:last-child{font-size:12px}.gap-top{margin-bottom:10px}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-tag {
+  display: inline-block;
+  padding: 0 10px;
+  height: 28px;
+  border: 1px solid #d8dce6;
+  font-size: 12px;
+  opacity: 1;
+  border-radius: 2px;
+  cursor: pointer;
+  user-select: none;
+  white-space: nowrap;
+  text-align: center;
+}
+.mds-tag-icon {
+  margin-left: 10px;
+  color: #9d9d9d;
+}
+.mds-tag-lg {
+  padding: 0 15px;
+  height: 32px;
+}
+.mds-tag-lg span {
+  line-height: 32px !important;
+}
+.mds-tag-md {
+  padding: 0 10px;
+  height: 28px;
+}
+.mds-tag-md span {
+  line-height: 28px !important;
+}
+.mds-tag-sm {
+  height: 24px;
+  padding: 0 8px;
+}
+.mds-tag-sm span {
+  line-height: 24px !important;
+}
+.mds-tag-mn {
+  padding: 0 8px;
+  height: 20px;
+}
+.mds-tag-mn span {
+  line-height: 20px !important;
+}
+.mds-tag:hover {
+  opacity: 0.85;
+}
+.mds-tag,
+.mds-tag a,
+.mds-tag a:hover {
+  color: #666666;
+}
+.mds-tag-text a:first-child:last-child {
+  display: inline-block;
+  margin: 0 -8px;
+}
+.mds-tag .mdsicon-cross {
+  display: inline-block;
+  font-size: 12px;
+  font-size: 10px ;
+  transform: scale(0.83333333) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+  cursor: pointer;
+  font-weight: bold;
+  margin-left: 3px;
+  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+  opacity: 0.66;
+}
+:root .mds-tag .mdsicon-cross {
+  filter: none;
+}
+:root .mds-tag .mdsicon-cross {
+  font-size: 12px;
+}
+.mds-tag .mdsicon-cross:hover {
+  opacity: 1;
+}
+.mds-tag-has-color {
+  border-color: transparent;
+}
+.mds-tag-checkable {
+  background-color: transparent;
+  border-color: transparent;
+}
+.mds-tag-checkable:active,
+.mds-tag-checkable-checked {
+  color: #fff;
+}
+.mds-tag-checkable-checked {
+  background-color: #ecf5ff;
+  color: #0364ff;
+}
+.mds-tag-checkable:active {
+  background-color: #0252dd;
+}
+.mds-tag-close {
+  width: 0 !important;
+  padding: 0;
+  margin: 0;
+}
+.mds-tag-zoom-enter,
+.mds-tag-zoom-appear {
+  animation: antFadeIn 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  animation-fill-mode: both;
+}
+.mds-tag-zoom-leave {
+  animation: antZoomOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  animation-fill-mode: both;
+}
+.mds-tag-pink {
+  color: #f5317f;
+  background: #fdd8e7;
+  border-color: #fdd8e7;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-pink-inverse {
+  border-color: #f5317f;
+  color: #f5317f;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: #fcd8d8;
+  border-color: #fcd8d8;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-red-inverse {
+  border-color: #EE3333;
+  color: #EE3333;
+}
+.mds-tag-orange {
+  color: #f56a00;
+  background: #fde3cf;
+  border-color: #fde3cf;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-orange-inverse {
+  border-color: #f56a00;
+  color: #f56a00;
+}
+.mds-tag-yellow {
+  color: #ffbf00;
+  background: #fff3cf;
+  border-color: #fff3cf;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-yellow-inverse {
+  border-color: #ffbf00;
+  color: #ffbf00;
+}
+.mds-tag-cyan {
+  color: #00a2ae;
+  background: #cfedf0;
+  border-color: #cfedf0;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-cyan-inverse {
+  border-color: #00a2ae;
+  color: #00a2ae;
+}
+.mds-tag-green {
+  color: #00a854;
+  background: #cfefdf;
+  border-color: #cfefdf;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-green-inverse {
+  border-color: #00a854;
+  color: #00a854;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #cfe2ff;
+  border-color: #cfe2ff;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-blue-inverse {
+  border-color: #0364ff;
+  color: #0364ff;
+}
+.mds-tag-purple {
+  color: #7265e6;
+  background: #e4e2fa;
+  border-color: #e4e2fa;
+}
+.mds-tag-blue {
+  color: #0364ff;
+  background: #ecf5ff;
+  border-color: #ecf5ff;
+}
+.mds-tag-green {
+  color: #00aa00;
+  background: rgba(0, 170, 0, 0.05);
+  border-color: rgba(0, 170, 0, 0.05);
+}
+.mds-tag-purple {
+  color: #666;
+  background: #F8F8F8;
+  border-color: #F8F8F8;
+}
+.mds-tag-red {
+  color: #EE3333;
+  background: rgba(238, 51, 51, 0.05);
+  border-color: rgba(238, 51, 51, 0.05);
+}
+.mds-tag-orange {
+  color: #FF6600;
+  background: rgba(255, 102, 0, 0.05);
+  border-color: rgba(255, 102, 0, 0.05);
+}
+.mds-tag-purple-inverse {
+  border-color: #7265e6;
+  color: #7265e6;
+}
+.mds-tag-text {
+  font-size: 12px;
+  font-family: PingFangSC-Regular;
+  font-weight: 400;
+  line-height: 28px;
+  opacity: 1;
+}
+.btn {
+  outline: none;
+  width: 98px;
+  height: 30px;
+  background: #ffffff;
+  border-radius: 2px;
+  font-size: 12px;
+  border: 1px dashed #d8dce6;
+  vertical-align: bottom;
+}
+.btn span:first-child {
+  color: #9d9d9d;
+  font-size: 18px;
+  margin-right: 10px;
+  font-weight: 200;
+  display: inline-block;
+  line-height: 19px;
+}
+.btn span:last-child {
+  font-size: 12px;
+}
+.gap-top {
+  margin-bottom: 10px;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */

package/dist/style/text.css

@@ -1 +1,122 @@
-.text-style{display:flex;justify-content:space-around}.text-style>div{width:30%}.text-style>div>p{height:30px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:30px;margin-bottom:16px}.text-style>div>ul{list-style:none}.text-style>div>ul li{height:32px}.text-style>div>ul li span:first-child{display:inline-block;width:40%;height:20px;color:#68768c;line-height:20px}.mds-text,.text-style>div>ul li span:first-child{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.mds-text{text-decoration:none;text-align:center;line-height:22px;color:#354052}.mds-text+.mds-text{margin-left:0}.mds-text .mdsicon{margin:0 7px}.mds-text .line-format-border-color,.mds-text .line-swap-stroke{color:#0364ff;cursor:pointer}.mds-text .line-check{color:#00ba00}.mds-text-primary{color:#354052}.mds-text-secondary{color:#7f8fa4}.mds-text-dark{color:#a9abba}.mds-text-disabled{color:#d8dce6}.mds-text-danger{color:#e33}.mds-text-success{color:#0a0}.mds-text-warning{color:#ffcc01}.mds-text-info{color:#0095ff}.mds-text-mark{background:#fff9a3}.mds-text-code{background:#f0f2f5;padding:1px 4px}.mds-text-underline{text-decoration:underline}.mds-text-delete{text-decoration:line-through}.mds-text-strong{font-weight:600}.mds-link{padding:2px 8px;display:inline-block}.mds-link:hover{cursor:pointer;color:#2c85ff;background:#eef8ff}.mds-link:active{cursor:none;color:#004cd9;background:#eef8ff}.mds-link:active,.mds-link:focus{text-decoration:none}.mds-link.has-underline:hover{text-decoration:underline}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.text-style {
+  display: flex;
+  justify-content: space-around;
+}
+.text-style > div {
+  width: 30%;
+}
+.text-style > div > p {
+  height: 30px;
+  font-size: 18px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 30px;
+  margin-bottom: 16px;
+}
+.text-style > div > ul {
+  list-style: none;
+}
+.text-style > div > ul li {
+  height: 32px;
+}
+.text-style > div > ul li span:nth-child(1) {
+  display: inline-block;
+  width: 40%;
+  height: 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #68768C;
+  line-height: 20px;
+}
+.mds-text {
+  text-decoration: none;
+  text-align: center;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  line-height: 22px;
+  color: #354052;
+}
+.mds-text + .mds-text {
+  margin-left: 0;
+}
+.mds-text .mdsicon {
+  margin: 0 7px;
+}
+.mds-text .line-format-border-color,
+.mds-text .line-swap-stroke {
+  color: #0364FF;
+  cursor: pointer;
+}
+.mds-text .line-check {
+  color: #00BA00;
+}
+.mds-text-primary {
+  color: #354052;
+}
+.mds-text-secondary {
+  color: #7F8FA4;
+}
+.mds-text-dark {
+  color: #A9ABBA;
+}
+.mds-text-disabled {
+  color: #D8DCE6;
+}
+.mds-text-danger {
+  color: #EE3333;
+}
+.mds-text-success {
+  color: #00AA00;
+}
+.mds-text-warning {
+  color: #FFCC01;
+}
+.mds-text-info {
+  color: #0095FF;
+}
+.mds-text-mark {
+  background: #FFF9A3;
+}
+.mds-text-code {
+  background: #F0F2F5;
+  padding: 1px 4px;
+}
+.mds-text-underline {
+  text-decoration: underline;
+}
+.mds-text-delete {
+  text-decoration: line-through;
+}
+.mds-text-strong {
+  font-weight: 600;
+}
+.mds-link {
+  padding: 2px 8px;
+  display: inline-block;
+}
+.mds-link:hover {
+  cursor: pointer;
+  color: #2C85FF;
+  background: #EEF8FF;
+}
+.mds-link:active {
+  cursor: none;
+  color: #004CD9;
+  background: #EEF8FF;
+  text-decoration: none;
+}
+.mds-link:focus {
+  text-decoration: none;
+}
+.mds-link.has-underline:hover {
+  text-decoration: underline;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */

package/dist/style/timeline.css

@@ -1 +1,88 @@
-.mds-timeline{list-style:none;margin:0;padding:0}.mds-timeline-item{position:relative;padding:0 0 12px;list-style:none;margin:0}.mds-timeline-item-tail{position:absolute;left:5px;top:0;height:100%;border-left:2px solid #d8dcd6}.mds-timeline-item-pending .mds-timeline-item-tail{display:none}.mds-timeline-item-head{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:100px;border:2px solid transparent}.mds-timeline-item-head-blue{border-color:#0364ff;color:#0364ff}.mds-timeline-item-head-red{border-color:#e33;color:#e33}.mds-timeline-item-head-green{border-color:#00a854;color:#00a854}.mds-timeline-item-head-f60{border-color:#f60;color:#f60}.mds-timeline-item-head-e33{border-color:#e33;color:#e33}.mds-timeline-item-head-custom{position:absolute;text-align:center;width:40px;left:-14px;line-height:1;margin-top:6px;border:0;height:auto;border-radius:0;font-size:12px;transform:translateY(-50%)}.mds-timeline-item-content{color:#354052;padding:0 0 10px 24px;font-size:14px;position:relative;top:-3px}.mds-timeline-item-last .mds-timeline-item-tail{border-left:2px dotted #d8dcd6;display:none}.mds-timeline-item-last .mds-timeline-item-content{min-height:48px}.mds-timeline.mds-timeline-pending .mds-timeline-item-last .mds-timeline-item-tail{display:block}.mds-timeline-item:last-child .mds-timeline-item-tail{display:none}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-timeline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.mds-timeline-item {
+  position: relative;
+  padding: 0 0 12px;
+  list-style: none;
+  margin: 0;
+}
+.mds-timeline-item-tail {
+  position: absolute;
+  left: 5px;
+  top: 0;
+  height: 100%;
+  border-left: 2px solid #d8dcd6;
+}
+.mds-timeline-item-pending .mds-timeline-item-tail {
+  display: none;
+}
+.mds-timeline-item-head {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background-color: #fff;
+  border-radius: 100px;
+  border: 2px solid transparent;
+}
+.mds-timeline-item-head-blue {
+  border-color: #0364ff;
+  color: #0364ff;
+}
+.mds-timeline-item-head-red {
+  border-color: #EE3333;
+  color: #EE3333;
+}
+.mds-timeline-item-head-green {
+  border-color: #00a854;
+  color: #00a854;
+}
+.mds-timeline-item-head-f60 {
+  border-color: #ff6600;
+  color: #ff6600;
+}
+.mds-timeline-item-head-e33 {
+  border-color: #ee3333;
+  color: #ee3333;
+}
+.mds-timeline-item-head-custom {
+  position: absolute;
+  text-align: center;
+  width: 40px;
+  left: -14px;
+  line-height: 1;
+  margin-top: 6px;
+  border: 0;
+  height: auto;
+  border-radius: 0;
+  font-size: 12px;
+  transform: translateY(-50%);
+}
+.mds-timeline-item-content {
+  color: #354052;
+  padding: 0 0 10px 24px;
+  font-size: 14px;
+  position: relative;
+  top: -3px;
+}
+.mds-timeline-item-last .mds-timeline-item-tail {
+  border-left: 2px dotted #d8dcd6;
+  display: none;
+}
+.mds-timeline-item-last .mds-timeline-item-content {
+  min-height: 48px;
+}
+.mds-timeline.mds-timeline-pending .mds-timeline-item-last .mds-timeline-item-tail {
+  display: block;
+}
+.mds-timeline-item:last-child .mds-timeline-item-tail {
+  display: none;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */