@mdsfe/mds-ui 0.4.0-rc.2 → 0.4.0-rc.4

package/dist/style/tag.css

@@ -1,421 +1 @@
-/* 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 */
+.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}

package/dist/style/text.css

@@ -1,122 +1 @@
-/* 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 */
+.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}

package/dist/style/timeline.css

@@ -1,88 +1 @@
-/* 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 */
+.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}