/*
* CSS styling for DropConfirm components.
*/

.dropconfirm {
	display: inline-block;
	height: 100%;
}

.dropconfirm-menu {
	padding: {
		right: $s2;
		left: $s2;
	}

	div {
		text-align: center;
		margin: { bottom: $s2; }
	}
	button {
		display: block;
		width: 100%;
		i { padding-left: 5px; }

		&:first-child { // Confirm button
			margin: {
				top: $s1;
				bottom: $s1;
			}
		}
		&:last-child { // Cancel button
			margin: {
				top: $s1;
			}
		}
	}
}