ux-personal-info-card/lib/components/todo-item/style.st.js

import styled from 'styled-components';

var img = require('./mux-view-more-ico.png');

import { $medium } from '@beisen-phoenix/style-token';
export var TodoItemWrap =
/*#__PURE__*/
styled.a(["display:block;width:100%;border-radius:5px;height:50px;margin-bottom:10px;&:last-child{margin-bottom:0px;}"]);
export var TodoItem =
/*#__PURE__*/
styled.li(["width:100%;border-radius:5px;height:50px;background:#ffffff;cursor:pointer;"]);
export var TodoNum =
/*#__PURE__*/
styled.label(["display:inline-block;min-width:25px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:", ";font-size:24px;color:", ";text-align:left;line-height:50px;vertical-align:middle;margin-left:15px;cursor:pointer;"], $medium, function (props) {
  return props.color;
});
export var TodoName =
/*#__PURE__*/
styled.label(["font-size:16px;color:#3e4e59;line-height:50px;text-align:left;vertical-align:middle;display:inline-block;margin-left:15px;max-width:192px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;"]);
export var TodoMore =
/*#__PURE__*/
styled.label(["display:inline-block;vertical-align:middle;float:right;margin-right:15px;cursor:pointer;background:url(", ") no-repeat;width:16px;height:16px;margin-top:17px;"], img);
export var MoreIconWrap =
/*#__PURE__*/
styled.label(["font-size:16px;line-height:50px;color:#8f9ca6;cursor:pointer;background:url(", ");"], img);