antd-mobile
Version:
<div align="center">
33 lines (32 loc) • 1.06 kB
CSS
.adm-segmented {
color: #666;
background-color: #f5f5f5;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.adm-segmented-item {
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.adm-segmented-item-selected {
background-color: #fff;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
color: #333;
}
.adm-segmented-item-disabled {
color: #999;
}
.adm-segmented-thumb {
background-color: #fff;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.adm-segmented-thumb-motion-appear-active {
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* ---- mixins part starts ---- */
.segmented-disabled-item {
color: #999;
}
.segmented-item-selected {
background-color: #fff;
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
/* ---- mixins part ends ---- */