Skip to content

Commit

Permalink
added spacing
Browse files Browse the repository at this point in the history
  • Loading branch information
ElaMoscicka authored Jul 30, 2018
1 parent 94c876c commit 5f0b93b
Showing 1 changed file with 23 additions and 23 deletions.
46 changes: 23 additions & 23 deletions 29 - Countdown Timer/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ html {
}

body {
margin:0;
margin: 0;
text-align: center;
font-family: 'Inconsolata', monospace;
}
Expand All @@ -19,64 +19,64 @@ body {
font-weight: 100;
font-size: 20rem;
margin: 0;
color:white;
text-shadow:4px 4px 0 rgba(0,0,0,0.05);
color: white;
text-shadow: 4px 4px 0 rgba(0,0,0,0.05);
}

.timer {
display:flex;
display: flex;
min-height: 100vh;
flex-direction:column;
flex-direction: column;
}

.timer__controls {
display: flex;
}

.timer__controls > * {
flex:1;
flex: 1;
}

.timer__controls form {
flex:1;
display:flex;
flex: 1;
display: flex;
}

.timer__controls input {
flex:1;
border:0;
padding:2rem;
flex: 1;
border: 0;
padding: 2rem;
}

.timer__button {
background:none;
border:0;
background: none;
border: 0;
cursor: pointer;
color:white;
color: white;
font-size: 2rem;
text-transform: uppercase;
background:rgba(0,0,0,0.1);
border-bottom:3px solid rgba(0,0,0,0.2);
border-right:1px solid rgba(0,0,0,0.2);
padding:1rem;
background: rgba(0,0,0,0.1);
border-bottom: 3px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
padding: 1rem;
font-family: 'Inconsolata', monospace;
}

.timer__button:hover,
.timer__button:focus {
background:rgba(0,0,0,0.2);
outline:0;
background: rgba(0,0,0,0.2);
outline: 0;
}

.display {
flex:1;
display:flex;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.display__end-time {
font-size: 4rem;
color:white;
color: white;
}

0 comments on commit 5f0b93b

Please sign in to comment.