waylon/netlify-faunadb-example
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update styles

Browse source
This commit is contained in:
davidwells 2018-06-11 22:16:07 -07:00
parent c236cc7ac6
commit 51d2330169
3 changed files with 101 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/App.css
View file

@ -1,17 +1,23 @@
.App {
text-align: center;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 80px;
height: 95px;
margin-right: 20px;
}
.app-title-wrapper {
display: flex;
align-items: center;
}
.App-header {
background-color: #222;
height: 150px;
height: 105px;
padding: 20px;
color: white;
padding-left: 40px;
}
.App-title {
@ -22,6 +28,35 @@
font-size: large;
}
.todo-list {
padding: 50px;
padding-top: 10px;
width: 600px;
}
.todo-create-wrapper {
margin-bottom: 20px;
}
.todo-create-input {
padding: 12px 10px;
min-width: 300px;
display: inline-block;
box-shadow: 0px 0px 0px 2px rgba(69, 101, 173, 0.1);
border: none;
outline: none;
transition: all 0.3s ease;
}
.todo-create-input:hover, .todo-create-input:active, .todo-create-input:focus {
box-shadow: 0px 0px 0px 2px rgb(43, 190, 185);
box-shadow: 0px 0px 0px 2px #00ad9f;
}
.todo-item {
padding: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@keyframes App-logo-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }