/* Layered on TodoMVC's own base.css and index.css. Nothing here changes how
   the page looks with JavaScript on; nojs.css, loaded only inside
   <noscript>, shows the plain-form controls. */

/* Forms wrap the controls but take no box of their own, so the markup
   lays out exactly like TodoMVC's template. */
form.inline {
	display: contents;
}

/* The submit buttons and edit link that drive the page without
   JavaScript. app.js drives the checkboxes and double-click instead. */
.toggle-submit,
.toggle-all-submit,
.edit-link {
	display: none;
}

/* Keyboard users can reach the delete button, not just mouse users. */
.todo-list li:focus-within .destroy {
	display: block;
}