/* ------------------------------------------------------------------------------
 *
 *  # Task manager
 *
 *  Styles related to task manager - detailed task, list and grid
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */


// Timer
// ------------------------------

// Weekdays list
.timer-weekdays {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;

	> li {
		display: inline-block;
		margin: 2px 0;

		> a {
			display: block;
			margin: 0 1px;
		}
	}

	// Change default label color
	.label-default {
		background-color: #ccc;
		border-color: #ccc;

		&:hover,
		&:focus {
			border-color: @label-default-bg;
		}
	}
}

// Timer itself
.timer {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;

	> li {
		font-size: (@font-size-h2 * 2);
		text-align: center;
		display: inline-block;
		color: @color-grey-700;
		font-weight: 300;

		// Double dots
		&.dots {
			font-size: @font-size-h1;
			vertical-align: top;
			padding: (@font-size-h1 / 1.5) 0;
		}

		// Subtitle
		> span {
			display: block;
			font-size: @font-size-base;
		}
	}
}


// List with task details
// ------------------------------

.task-details {
	float: left;
	margin: 0;

	> li {
		display: block;
	}

	@media (max-width: @screen-sm-max) {
	    float: none;
	    margin-top: 15px;
	    list-style: none;
	    padding: 0;

	    > li {
		    float: right;
		    position: relative;
		    padding-left: 20px;
		    margin-top: 0;

		    &:before {
			    content: '•';
			    position: absolute;
			    left: 8px;
			    color: #999;
		    }

		    &:last-child:before {
		    	content: none;
		    }
	    }
	}

	@media (max-width: @screen-xs-max) {
		> li {
			float: none;

			&:before {
				content: none;
			}

			+ li {
				margin-top: 10px;
			}
		}
	}
}
