File: public/assets/less/default/widget/_todolist.less

/* Widget - Todolist */

.todolist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.todolist > li {
	border-bottom: 1px solid #ddd;
}
.todolist > li > a {
	display: block;
	color: #333;
}
.todolist > li > a:hover,
.todolist > li > a:focus {
	background: #fafafa;
	text-decoration: none;
}
.todolist > li > a:hover .todolist-input i:before,
.todolist > li > a:focus .todolist-input i:before {
	content: '\f14a';
	opacity: 0.4;
	color: @black;
}
.todolist > li.active > a .todolist-input i:before,
.todolist > li.active > a:hover .todolist-input i:before,
.todolist > li.active > a:focus .todolist-input i:before {
	content: '\f14a';
	color: @green;
	opacity: 1.0;
}
.todolist > li.active > a .todolist-title {
	text-decoration: line-through;
}
.todolist-title {
	padding-right: 15px;
}
.todolist-input {
	text-align: center;
	font-size: 14px;
	border-right: 1px solid #ddd;
	padding-left: 15px;
	color: #f2f3f4;
}
.todolist-input i {
	display: block;
	width: 14px;
	text-align: center;
}
.todolist-input,
.todolist-title {
	display: table-cell;
	padding: 10px;
}