File tree Expand file tree Collapse file tree 2 files changed +40
-6
lines changed Expand file tree Collapse file tree 2 files changed +40
-6
lines changed Original file line number Diff line number Diff line change 1
- @import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
1
+ @import url(http://fonts.googleapis.com/css?family=Inconsolata|Roboto:400,700);
2
+
3
+ @green : #41bb19 ;
4
+ @blue : #0f82f5 ;
5
+ @violet : #9b59bb ;
6
+ @orange : #fe6600 ;
7
+ @red : #e60033 ;
2
8
3
9
body {
4
10
font-family : ' Roboto' , sans-serif ;
5
11
}
6
12
13
+ code {
14
+ font-family : ' Inconsolata' , monospace ;
15
+ }
16
+
7
17
.centered {
8
18
position : absolute ;
9
19
top : 50% ;
@@ -19,23 +29,23 @@ body {
19
29
font-size : 31.25px ;
20
30
21
31
li :nth- child(5 n+ 1 ) {
22
- .nav-link (#41bb19 );
32
+ .nav-link (@green );
23
33
}
24
34
25
35
li :nth- child(5 n+ 2 ) {
26
- .nav-link (#0f82f5 );
36
+ .nav-link (@blue );
27
37
}
28
38
29
39
li :nth- child(5 n+ 3 ) {
30
- .nav-link (#9b59bb );
40
+ .nav-link (@violet );
31
41
}
32
42
33
43
li :nth- child(5 n+ 4 ) {
34
- .nav-link (#fe6600 );
44
+ .nav-link (@orange );
35
45
}
36
46
37
47
li :nth- child(5 n+ 5 ) {
38
- .nav-link (#e60033 );
48
+ .nav-link (@red );
39
49
}
40
50
41
51
li a {
Original file line number Diff line number Diff line change 9
9
top : 25% ;
10
10
bottom : 25% ;
11
11
left : 25% ;
12
+
13
+ h1 {
14
+ font-size : 62.5px ;
15
+ }
12
16
}
13
17
14
18
#ideas {
@@ -23,6 +27,26 @@ main {
23
27
right : 40% ;
24
28
padding : 20px ;
25
29
background-color : #eee ;
30
+
31
+ h1 {
32
+ font-size : 32px ;
33
+ }
34
+
35
+ h2 {
36
+ font-size : 24px ;
37
+ }
38
+
39
+ h3 {
40
+ font-size : 20px ;
41
+ }
42
+
43
+ p , code {
44
+ font-size : 16px ;
45
+ }
46
+
47
+ code {
48
+ color : darken (#0f82f5 , 10% );
49
+ }
26
50
}
27
51
28
52
#comments {
You can’t perform that action at this time.
0 commit comments