mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
54 lines
566 B
CSS
54 lines
566 B
CSS
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
width: 400px;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
small {
|
|
font-size: 0.5em;
|
|
}
|
|
|
|
.addTodo {
|
|
display: flex;
|
|
}
|
|
|
|
.textfield {
|
|
flex-grow: 1;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.submit {
|
|
border: none;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.filter {
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.filter button {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.filter .selected {
|
|
border-bottom: 2px solid blue;
|
|
}
|
|
|
|
.todos {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
footer {
|
|
display: flex;
|
|
}
|
|
|
|
footer span {
|
|
flex-grow: 1;
|
|
}
|