Skip to content

Commit 67903ec

Browse files
d4nylld4nyll
committed
Improved look on mobile
1 parent de8d709 commit 67903ec

File tree

8 files changed

+31
-12
lines changed

8 files changed

+31
-12
lines changed

‎css/example.css‎

Lines changed: 18 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,66 +3,73 @@
33
display: table;
44
width: 100%;
55
text-align: center;
6+
padding: 15%;
7+
box-sizing: border-box;
68
}
7-
/* line 5, ../sass/example.scss */
9+
/* line 7, ../sass/example.scss */
810
.header > div, .section > div {
911
display: table-cell;
1012
vertical-align: middle;
1113
}
1214

13-
/* line 11, ../sass/example.scss */
15+
/* line 13, ../sass/example.scss */
1416
html, body {
1517
font-family: Montserrat,sans-serif;
1618
}
1719

18-
/* line 15, ../sass/example.scss */
20+
/* line 17, ../sass/example.scss */
1921
a {
2022
color: inherit;
2123
text-decoration: underline;
2224
font-weight: 700;
2325
}
2426

25-
/* line 21, ../sass/example.scss */
27+
/* line 23, ../sass/example.scss */
28+
ul {
29+
padding-left: 0;
30+
}
31+
32+
/* line 27, ../sass/example.scss */
2633
li {
2734
list-style: none;
2835
}
2936

30-
/* line 25, ../sass/example.scss */
37+
/* line 31, ../sass/example.scss */
3138
.header {
3239
height: 700px;
3340
}
3441

35-
/* line 34, ../sass/example.scss */
42+
/* line 40, ../sass/example.scss */
3643
.section:nth-child(6n+1) {
3744
height: 700px;
3845
background-color: #FF708F;
3946
}
4047

41-
/* line 39, ../sass/example.scss */
48+
/* line 45, ../sass/example.scss */
4249
.section:nth-child(6n+2) {
4350
height: 1000px;
4451
background-color: #E89D5D;
4552
}
4653

47-
/* line 44, ../sass/example.scss */
54+
/* line 50, ../sass/example.scss */
4855
.section:nth-child(6n+3) {
4956
height: 500px;
5057
background-color: #FFE33E;
5158
}
5259

53-
/* line 49, ../sass/example.scss */
60+
/* line 55, ../sass/example.scss */
5461
.section:nth-child(6n+4) {
5562
height: 900px;
5663
background-color: #7AE856;
5764
}
5865

59-
/* line 54, ../sass/example.scss */
66+
/* line 60, ../sass/example.scss */
6067
.section:nth-child(6n+5) {
6168
height: 1500px;
6269
background-color: #7AFFE6;
6370
}
6471

65-
/* line 59, ../sass/example.scss */
72+
/* line 65, ../sass/example.scss */
6673
.section:nth-child(6n) {
6774
height: 400px;
6875
background-color: #6E74F5;

‎examples/auto-hash/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../../css/smartscroll.css">
67
<link rel="stylesheet" href="../../css/example.css">

‎examples/different-heights/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../../css/smartscroll.css">
67
<link rel="stylesheet" href="../../css/example.css">

‎examples/hybrid-scroll/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../../css/smartscroll.css">
67
<link rel="stylesheet" href="../../css/example.css">

‎examples/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../css/smartscroll.css">
67
<link rel="stylesheet" href="../css/example.css">

‎examples/keep-history/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../../css/smartscroll.css">
67
<link rel="stylesheet" href="../../css/example.css">

‎examples/permalink/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4+
<meta name=viewport content="width=device-width, initial-scale=1">
45
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
56
<link rel="stylesheet" href="../../css/smartscroll.css">
67
<link rel="stylesheet" href="../../css/example.css">

‎sass/example.scss‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22
display: table;
33
width: 100%;
44
text-align: center;
5+
padding: 15%;
6+
box-sizing: border-box;
57
> div {
68
display: table-cell;
79
vertical-align: middle;
@@ -18,6 +20,10 @@ a {
1820
font-weight: 700;
1921
}
2022

23+
ul {
24+
padding-left: 0;
25+
}
26+
2127
li {
2228
list-style: none;
2329
}
@@ -59,4 +65,4 @@ li {
5965
.section:nth-child(6n) {
6066
height: 400px;
6167
background-color: #6E74F5;
62-
}
68+
}

0 commit comments

Comments
 (0)