Skip to content

Commit 21a4d47

Browse files
committed
refactored LESS a wee bit
1 parent cc2a868 commit 21a4d47

File tree

2 files changed

+40
-6
lines changed

2 files changed

+40
-6
lines changed

common.less

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,19 @@
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;
28

39
body {
410
font-family: 'Roboto', sans-serif;
511
}
612

13+
code {
14+
font-family: 'Inconsolata', monospace;
15+
}
16+
717
.centered {
818
position: absolute;
919
top: 50%;
@@ -19,23 +29,23 @@ body {
1929
font-size: 31.25px;
2030

2131
li:nth-child(5n+1) {
22-
.nav-link(#41bb19);
32+
.nav-link(@green);
2333
}
2434

2535
li:nth-child(5n+2) {
26-
.nav-link(#0f82f5);
36+
.nav-link(@blue);
2737
}
2838

2939
li:nth-child(5n+3) {
30-
.nav-link(#9b59bb);
40+
.nav-link(@violet);
3141
}
3242

3343
li:nth-child(5n+4) {
34-
.nav-link(#fe6600);
44+
.nav-link(@orange);
3545
}
3646

3747
li:nth-child(5n+5) {
38-
.nav-link(#e60033);
48+
.nav-link(@red);
3949
}
4050

4151
li a {

ideas.less

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,10 @@ main {
99
top: 25%;
1010
bottom: 25%;
1111
left: 25%;
12+
13+
h1 {
14+
font-size: 62.5px;
15+
}
1216
}
1317

1418
#ideas {
@@ -23,6 +27,26 @@ main {
2327
right: 40%;
2428
padding: 20px;
2529
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+
}
2650
}
2751

2852
#comments {

0 commit comments

Comments
 (0)