Skip to content

Commit 5f0b93b

Browse files
author
ElaMoscicka
authored
added spacing
1 parent 94c876c commit 5f0b93b

File tree

1 file changed

+23
-23
lines changed

1 file changed

+23
-23
lines changed

29 - Countdown Timer/style.css

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ html {
1010
}
1111

1212
body {
13-
margin:0;
13+
margin: 0;
1414
text-align: center;
1515
font-family: 'Inconsolata', monospace;
1616
}
@@ -19,64 +19,64 @@ body {
1919
font-weight: 100;
2020
font-size: 20rem;
2121
margin: 0;
22-
color:white;
23-
text-shadow:4px 4px 0 rgba(0,0,0,0.05);
22+
color: white;
23+
text-shadow: 4px 4px 0 rgba(0,0,0,0.05);
2424
}
2525

2626
.timer {
27-
display:flex;
27+
display: flex;
2828
min-height: 100vh;
29-
flex-direction:column;
29+
flex-direction: column;
3030
}
3131

3232
.timer__controls {
3333
display: flex;
3434
}
3535

3636
.timer__controls > * {
37-
flex:1;
37+
flex: 1;
3838
}
3939

4040
.timer__controls form {
41-
flex:1;
42-
display:flex;
41+
flex: 1;
42+
display: flex;
4343
}
4444

4545
.timer__controls input {
46-
flex:1;
47-
border:0;
48-
padding:2rem;
46+
flex: 1;
47+
border: 0;
48+
padding: 2rem;
4949
}
5050

5151
.timer__button {
52-
background:none;
53-
border:0;
52+
background: none;
53+
border: 0;
5454
cursor: pointer;
55-
color:white;
55+
color: white;
5656
font-size: 2rem;
5757
text-transform: uppercase;
58-
background:rgba(0,0,0,0.1);
59-
border-bottom:3px solid rgba(0,0,0,0.2);
60-
border-right:1px solid rgba(0,0,0,0.2);
61-
padding:1rem;
58+
background: rgba(0,0,0,0.1);
59+
border-bottom: 3px solid rgba(0,0,0,0.2);
60+
border-right: 1px solid rgba(0,0,0,0.2);
61+
padding: 1rem;
6262
font-family: 'Inconsolata', monospace;
6363
}
6464

6565
.timer__button:hover,
6666
.timer__button:focus {
67-
background:rgba(0,0,0,0.2);
68-
outline:0;
67+
background: rgba(0,0,0,0.2);
68+
outline: 0;
6969
}
7070

7171
.display {
72-
flex:1;
73-
display:flex;
72+
flex: 1;
73+
display: flex;
7474
flex-direction: column;
7575
align-items: center;
7676
justify-content: center;
7777
}
7878

7979
.display__end-time {
8080
font-size: 4rem;
81-
color:white;
81+
color: white;
8282
}

0 commit comments

Comments
 (0)