<commit_before>@import "../../vars";
@import "../../mixins";


// Host Element (<todos>)
:host {
	display: block;
}

// Base
.todos-form,
todo-list {
	max-width: 450px;
}

// Todo Form
.todos-form {
	padding-top: 80px;
	padding-bottom: 40px;
	
	button {
		display: inline-block;
		@include square(50px);
		border: 1px solid $blue;
		border-radius: 50%;
		background: transparent;
		color: $blue;
		outline: none;
		
		&:disabled {
			cursor: not-allowed;
			opacity: .45;
		}
		
		&:focus,
		&:hover {
			
			&:not(:disabled) {
				background-color: $blue;
				color: $white;
			}
		}
	}
}

// Navigation
.nav {
	position: fixed;
	top: 20px;
	right: 20px;
	
	li:first-of-type {
		padding-right: 16px;
	}
}<commit_msg>fix(nav): make links without href have pointer cursor<commit_after>@import "../../vars";
@import "../../mixins";


// Host Element (<todos>)
:host {
	display: block;
}

// Base
.todos-form,
todo-list {
	max-width: 450px;
}

// Todo Form
.todos-form {
	padding-top: 80px;
	padding-bottom: 40px;
	
	button {
		display: inline-block;
		@include square(50px);
		border: 1px solid $blue;
		border-radius: 50%;
		background: transparent;
		color: $blue;
		outline: none;
		
		&:disabled {
			cursor: not-allowed;
			opacity: .45;
		}
		
		&:focus,
		&:hover {
			
			&:not(:disabled) {
				background-color: $blue;
				color: $white;
			}
		}
	}
}

// Navigation
.nav {
	position: fixed;
	top: 20px;
	right: 20px;
	
	li:first-of-type {
		padding-right: 16px;
	}
	
	a {
		cursor: pointer;
	}
}
{'fraction_non_alphanumeric': 0.17764471057884232, 'fraction_numerical': 0.02661343978709248, 'mean_word_length': 2.659367396593674, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3611573', 'n_tokens_mistral': 721, 'n_tokens_neox': 600, 'n_words': 134}