Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit ab3af9f

Browse filesBrowse files
wesboswesbos
authored
Merge pull request wesbos#227 from ElaMoscicka/master
Added spacing, semicolons
2 parents 237b5ec + 29489a8 commit ab3af9f
Copy full SHA for ab3af9f

File tree

Expand file treeCollapse file tree

38 files changed

+480
-446
lines changed
Open diff view settings
Filter options
Expand file treeCollapse file tree

38 files changed

+480
-446
lines changed
Open diff view settings
Collapse file

‎01 - JavaScript Drum Kit/style.css‎

Copy file name to clipboardExpand all lines: 01 - JavaScript Drum Kit/style.css
+1Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ html {
33
background: url(http://i.imgur.com/b9r5sEL.jpg) bottom center;
44
background-size: cover;
55
}
6+
67
body,html {
78
margin: 0;
89
padding: 0;
Collapse file

‎02 - JS and CSS Clock/index-FINISHED.html‎

Copy file name to clipboardExpand all lines: 02 - JS and CSS Clock/index-FINISHED.html
+13-13Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -18,30 +18,30 @@
1818

1919
<style>
2020
html {
21-
background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
22-
background-size:cover;
23-
font-family:'helvetica neue';
21+
background: #018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
22+
background-size: cover;
23+
font-family: 'helvetica neue';
2424
text-align: center;
2525
font-size: 10px;
2626
}
2727

2828
body {
2929
margin: 0;
3030
font-size: 2rem;
31-
display:flex;
32-
flex:1;
31+
display: flex;
32+
flex: 1;
3333
min-height: 100vh;
3434
align-items: center;
3535
}
3636

3737
.clock {
3838
width: 30rem;
3939
height: 30rem;
40-
border:20px solid white;
41-
border-radius:50%;
42-
margin:50px auto;
40+
border: 20px solid white;
41+
border-radius: 50%;
42+
margin: 50px auto;
4343
position: relative;
44-
padding:2rem;
44+
padding: 2rem;
4545
box-shadow:
4646
0 0 0 4px rgba(0,0,0,0.1),
4747
inset 0 0 0 3px #EFEFEF,
@@ -57,11 +57,11 @@
5757
}
5858

5959
.hand {
60-
width:50%;
61-
height:6px;
62-
background:black;
60+
width: 50%;
61+
height: 6px;
62+
background: black;
6363
position: absolute;
64-
top:50%;
64+
top: 50%;
6565
transform-origin: 100%;
6666
transform: rotate(90deg);
6767
transition: all 0.05s;
Collapse file

‎02 - JS and CSS Clock/index-START.html‎

Copy file name to clipboardExpand all lines: 02 - JS and CSS Clock/index-START.html
+13-13Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -18,30 +18,30 @@
1818

1919
<style>
2020
html {
21-
background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
22-
background-size:cover;
23-
font-family:'helvetica neue';
21+
background: #018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
22+
background-size: cover;
23+
font-family: 'helvetica neue';
2424
text-align: center;
2525
font-size: 10px;
2626
}
2727

2828
body {
2929
margin: 0;
3030
font-size: 2rem;
31-
display:flex;
32-
flex:1;
31+
display: flex;
32+
flex: 1;
3333
min-height: 100vh;
3434
align-items: center;
3535
}
3636

3737
.clock {
3838
width: 30rem;
3939
height: 30rem;
40-
border:20px solid white;
41-
border-radius:50%;
42-
margin:50px auto;
40+
border: 20px solid white;
41+
border-radius: 50%;
42+
margin: 50px auto;
4343
position: relative;
44-
padding:2rem;
44+
padding: 2rem;
4545
box-shadow:
4646
0 0 0 4px rgba(0,0,0,0.1),
4747
inset 0 0 0 3px #EFEFEF,
@@ -57,11 +57,11 @@
5757
}
5858

5959
.hand {
60-
width:50%;
61-
height:6px;
62-
background:black;
60+
width: 50%;
61+
height: 6px;
62+
background: black;
6363
position: absolute;
64-
top:50%;
64+
top: 50%;
6565
}
6666

6767
</style>
Collapse file

‎03 - CSS Variables/index-FINISHED.html‎

Copy file name to clipboardExpand all lines: 03 - CSS Variables/index-FINISHED.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
5555
}
5656

5757
input {
58-
width:100px;
58+
width: 100px;
5959
}
6060
</style>
6161

Collapse file

‎03 - CSS Variables/index-START.html‎

Copy file name to clipboardExpand all lines: 03 - CSS Variables/index-START.html
+1-1Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
4040
}
4141

4242
input {
43-
width:100px;
43+
width: 100px;
4444
}
4545
</style>
4646

Collapse file

‎05 - Flex Panel Gallery/index-FINISHED.html‎

Copy file name to clipboardExpand all lines: 05 - Flex Panel Gallery/index-FINISHED.html
+17-16Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -9,46 +9,47 @@
99
<style>
1010
html {
1111
box-sizing: border-box;
12-
background:#ffc600;
13-
font-family:'helvetica neue';
12+
background: #ffc600;
13+
font-family: 'helvetica neue';
1414
font-size: 20px;
1515
font-weight: 200;
1616
}
17+
1718
body {
1819
margin: 0;
1920
}
21+
2022
*, *:before, *:after {
2123
box-sizing: inherit;
2224
}
2325

2426
.panels {
25-
min-height:100vh;
27+
min-height: 100vh;
2628
overflow: hidden;
2729
display: flex;
2830
}
2931

3032
.panel {
31-
background:#6B0F9C;
32-
box-shadow:inset 0 0 0 5px rgba(255,255,255,0.1);
33-
color:white;
33+
background: #6B0F9C;
34+
box-shadow: inset 0 0 0 5px rgba(255,255,255,0.1);
35+
color: white;
3436
text-align: center;
35-
align-items:center;
37+
align-items: center;
3638
/* Safari transitionend event.propertyName === flex */
3739
/* Chrome + FF transitionend event.propertyName === flex-grow */
3840
transition:
3941
font-size 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
4042
flex 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
4143
background 0.2s;
4244
font-size: 20px;
43-
background-size:cover;
44-
background-position:center;
45+
background-size: cover;
46+
background-position: center;
4547
flex: 1;
4648
justify-content: center;
4749
display: flex;
4850
flex-direction: column;
4951
}
5052

51-
5253
.panel1 { background-image:url(https://source.unsplash.com/gYl-UtwNg_I/1500x1500); }
5354
.panel2 { background-image:url(https://source.unsplash.com/rFKUFzjPYiQ/1500x1500); }
5455
.panel3 { background-image:url(https://images.unsplash.com/photo-1465188162913-8fb5709d6d57?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&cs=tinysrgb&w=1500&h=1500&fit=crop&s=967e8a713a4e395260793fc8c802901d); }
@@ -57,11 +58,11 @@
5758

5859
/* Flex Items */
5960
.panel > * {
60-
margin:0;
61+
margin: 0;
6162
width: 100%;
62-
transition:transform 0.5s;
63+
transition: transform 0.5s;
6364
flex: 1 0 auto;
64-
display:flex;
65+
display: flex;
6566
justify-content: center;
6667
align-items: center;
6768
}
@@ -74,18 +75,18 @@
7475
.panel p {
7576
text-transform: uppercase;
7677
font-family: 'Amatic SC', cursive;
77-
text-shadow:0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
78+
text-shadow: 0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
7879
font-size: 2em;
7980
}
81+
8082
.panel p:nth-child(2) {
8183
font-size: 4em;
8284
}
8385

8486
.panel.open {
8587
flex: 5;
86-
font-size:40px;
88+
font-size: 40px;
8789
}
88-
8990
</style>
9091

9192

Collapse file

‎05 - Flex Panel Gallery/index-START.html‎

Copy file name to clipboardExpand all lines: 05 - Flex Panel Gallery/index-START.html
+16-14Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,41 +9,42 @@
99
<style>
1010
html {
1111
box-sizing: border-box;
12-
background:#ffc600;
13-
font-family:'helvetica neue';
12+
background: #ffc600;
13+
font-family: 'helvetica neue';
1414
font-size: 20px;
1515
font-weight: 200;
1616
}
17+
1718
body {
1819
margin: 0;
1920
}
21+
2022
*, *:before, *:after {
2123
box-sizing: inherit;
2224
}
2325

2426
.panels {
25-
min-height:100vh;
27+
min-height: 100vh;
2628
overflow: hidden;
2729
}
2830

2931
.panel {
30-
background:#6B0F9C;
31-
box-shadow:inset 0 0 0 5px rgba(255,255,255,0.1);
32-
color:white;
32+
background: #6B0F9C;
33+
box-shadow: inset 0 0 0 5px rgba(255,255,255,0.1);
34+
color: white;
3335
text-align: center;
34-
align-items:center;
36+
align-items: center;
3537
/* Safari transitionend event.propertyName === flex */
3638
/* Chrome + FF transitionend event.propertyName === flex-grow */
3739
transition:
3840
font-size 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
3941
flex 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
4042
background 0.2s;
4143
font-size: 20px;
42-
background-size:cover;
43-
background-position:center;
44+
background-size: cover;
45+
background-position: center;
4446
}
4547

46-
4748
.panel1 { background-image:url(https://source.unsplash.com/gYl-UtwNg_I/1500x1500); }
4849
.panel2 { background-image:url(https://source.unsplash.com/rFKUFzjPYiQ/1500x1500); }
4950
.panel3 { background-image:url(https://images.unsplash.com/photo-1465188162913-8fb5709d6d57?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&cs=tinysrgb&w=1500&h=1500&fit=crop&s=967e8a713a4e395260793fc8c802901d); }
@@ -52,23 +53,24 @@
5253

5354
/* Flex Children */
5455
.panel > * {
55-
margin:0;
56+
margin: 0;
5657
width: 100%;
57-
transition:transform 0.5s;
58+
transition: transform 0.5s;
5859
}
5960

6061
.panel p {
6162
text-transform: uppercase;
6263
font-family: 'Amatic SC', cursive;
63-
text-shadow:0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
64+
text-shadow: 0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
6465
font-size: 2em;
6566
}
67+
6668
.panel p:nth-child(2) {
6769
font-size: 4em;
6870
}
6971

7072
.panel.open {
71-
font-size:40px;
73+
font-size: 40px;
7274
}
7375

7476
</style>
Collapse file

‎06 - Type Ahead/style.css‎

Copy file name to clipboard
+19-16Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,29 @@
11
html {
22
box-sizing: border-box;
3-
background:#ffc600;
4-
font-family:'helvetica neue';
3+
background: #ffc600;
4+
font-family: 'helvetica neue';
55
font-size: 20px;
66
font-weight: 200;
77
}
8+
89
*, *:before, *:after {
910
box-sizing: inherit;
1011
}
12+
1113
input {
1214
width: 100%;
13-
padding:20px;
15+
padding: 20px;
1416
}
1517

1618
.search-form {
17-
max-width:400px;
18-
margin:50px auto;
19+
max-width: 400px;
20+
margin: 50px auto;
1921
}
2022

2123
input.search {
2224
margin: 0;
2325
text-align: center;
24-
outline:0;
26+
outline: 0;
2527
border: 10px solid #F7F7F7;
2628
width: 120%;
2729
left: -10%;
@@ -33,30 +35,31 @@
3335
box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.19);
3436
}
3537

36-
3738
.suggestions {
3839
margin: 0;
3940
padding: 0;
4041
position: relative;
41-
/*perspective:20px;*/
42+
/*perspective: 20px;*/
4243
}
44+
4345
.suggestions li {
44-
background:white;
46+
background: white;
4547
list-style: none;
4648
border-bottom: 1px solid #D8D8D8;
4749
box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
48-
margin:0;
49-
padding:20px;
50-
transition:background 0.2s;
51-
display:flex;
52-
justify-content:space-between;
50+
margin: 0;
51+
padding: 20px;
52+
transition: background 0.2s;
53+
display: flex;
54+
justify-content: space-between;
5355
text-transform: capitalize;
5456
}
5557

5658
.suggestions li:nth-child(even) {
5759
transform: perspective(100px) rotateX(3deg) translateY(2px) scale(1.001);
5860
background: linear-gradient(to bottom, #ffffff 0%,#EFEFEF 100%);
5961
}
62+
6063
.suggestions li:nth-child(odd) {
6164
transform: perspective(100px) rotateX(-3deg) translateY(3px);
6265
background: linear-gradient(to top, #ffffff 0%,#EFEFEF 100%);
@@ -67,5 +70,5 @@
6770
}
6871

6972
.hl {
70-
background:#ffc600;
71-
}
73+
background: #ffc600;
74+
}

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.