wunsh-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +1 -0
- data/_includes/footer.html +7 -0
- data/_includes/global_variables.html +3 -0
- data/_includes/head.html +15 -0
- data/_includes/intro.html +4 -0
- data/_includes/menu.html +36 -0
- data/_includes/pagination.html +25 -0
- data/_includes/post_list.html +21 -0
- data/_includes/post_main.html +23 -0
- data/_includes/scripts.html +1 -0
- data/_includes/tags.html +6 -0
- data/_includes/tags_cloud.html +7 -0
- data/_includes/tags_page.html +15 -0
- data/_includes/translated_date.html +27 -0
- data/_layouts/default.html +17 -0
- data/_layouts/home.html +42 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +41 -0
- data/_sass/_helpers.scss +19 -0
- data/_sass/_main.scss +56 -0
- data/_sass/_mixins.scss +12 -0
- data/_sass/_syntax_highlighting.scss +68 -0
- data/_sass/_variables.scss +12 -0
- data/_sass/components/_content.scss +20 -0
- data/_sass/components/_footer.scss +21 -0
- data/_sass/components/_home.scss +13 -0
- data/_sass/components/_intro.scss +26 -0
- data/_sass/components/_menu.scss +86 -0
- data/_sass/components/_pagination.scss +4 -0
- data/_sass/components/_post.scss +51 -0
- data/_sass/components/_post_small.scss +80 -0
- data/_sass/components/_tags_cloud.scss +61 -0
- data/assets/css/style.scss +18 -0
- data/assets/css/vendors/pure-grids-responsive.css +861 -0
- data/assets/css/vendors/pure-grids-responsive.min.css +7 -0
- data/assets/css/vendors/pure.css +1508 -0
- data/assets/css/vendors/pure.min.css +11 -0
- data/assets/js/vendors/zepto.js +1650 -0
- data/assets/js/vendors/zepto.min.js +2 -0
- metadata +140 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.menu {
|
|
2
|
+
background: $main-color;
|
|
3
|
+
color: $link-color;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.header {
|
|
7
|
+
text-align: center;
|
|
8
|
+
top: auto;
|
|
9
|
+
margin: 3em auto;
|
|
10
|
+
|
|
11
|
+
&__title {
|
|
12
|
+
@include header-font;
|
|
13
|
+
|
|
14
|
+
font-size: 2.35em;
|
|
15
|
+
line-height: 1em;
|
|
16
|
+
font-weight: bold;
|
|
17
|
+
margin: 0;
|
|
18
|
+
text-transform: uppercase;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&__title_link {
|
|
22
|
+
color: $link-color;
|
|
23
|
+
text-decoration: none;
|
|
24
|
+
|
|
25
|
+
&:hover,
|
|
26
|
+
&:focus {
|
|
27
|
+
text-decoration: none;
|
|
28
|
+
color: $grey-color;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&__tagline {
|
|
33
|
+
@include header-font;
|
|
34
|
+
|
|
35
|
+
margin: 0;
|
|
36
|
+
font-size: 1.5em;
|
|
37
|
+
font-weight: 200;
|
|
38
|
+
margin-top: 0.25em;
|
|
39
|
+
color: $text-color;
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.nav_list {
|
|
45
|
+
margin: 1em 0 0;
|
|
46
|
+
padding: 0;
|
|
47
|
+
list-style: none;
|
|
48
|
+
|
|
49
|
+
&__item {
|
|
50
|
+
@include header-font;
|
|
51
|
+
|
|
52
|
+
display: inline-block;
|
|
53
|
+
*display: inline;
|
|
54
|
+
zoom: 1;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&__item_link {
|
|
58
|
+
background: transparent;
|
|
59
|
+
border: 2px solid $link-color;
|
|
60
|
+
color: $link-color;
|
|
61
|
+
margin-top: 0.35em;
|
|
62
|
+
letter-spacing: 0.05em;
|
|
63
|
+
text-transform: uppercase;
|
|
64
|
+
font-size: 85%;
|
|
65
|
+
|
|
66
|
+
&:hover,
|
|
67
|
+
&:focus {
|
|
68
|
+
border: 2px solid $grey-color;
|
|
69
|
+
color: $grey-color;
|
|
70
|
+
text-decoration: none;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@media (min-width: $mobile) {
|
|
76
|
+
.menu {
|
|
77
|
+
position: fixed;
|
|
78
|
+
top: 0;
|
|
79
|
+
bottom: 0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.header {
|
|
83
|
+
margin: 4.25rem 1.75rem 0;
|
|
84
|
+
text-align: right;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.post {
|
|
2
|
+
margin-top: 2.9rem;
|
|
3
|
+
|
|
4
|
+
&__title {
|
|
5
|
+
color: $header-color;
|
|
6
|
+
margin-bottom: 0.45em;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&__date {
|
|
10
|
+
color: $text-color;
|
|
11
|
+
font-size: 0.45em;
|
|
12
|
+
line-height: 2em;
|
|
13
|
+
vertical-align: text-top;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
|
|
16
|
+
time { display: inline; }
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&__meta {
|
|
20
|
+
color: $text-color;
|
|
21
|
+
font-size: 80%;
|
|
22
|
+
margin: 0;
|
|
23
|
+
text-transform: uppercase;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&__content {
|
|
27
|
+
@include text-font;
|
|
28
|
+
|
|
29
|
+
color: $text-color;
|
|
30
|
+
|
|
31
|
+
h2,
|
|
32
|
+
h3,
|
|
33
|
+
h4,
|
|
34
|
+
h5,
|
|
35
|
+
h6 {
|
|
36
|
+
color: $header-color;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
p {
|
|
40
|
+
line-height: 1.45em;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
img {
|
|
44
|
+
max-width: 100%;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
li {
|
|
48
|
+
margin-bottom: 0.5em;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
.post_small {
|
|
2
|
+
padding-bottom: 1em;
|
|
3
|
+
|
|
4
|
+
&--main {
|
|
5
|
+
margin: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&__title {
|
|
10
|
+
@include header-font;
|
|
11
|
+
|
|
12
|
+
font-size: 1.75em;
|
|
13
|
+
color: $header-color;
|
|
14
|
+
margin: 0.5em 0 0.2em;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&__title_link {
|
|
18
|
+
color: $text-color;
|
|
19
|
+
|
|
20
|
+
&:hover {
|
|
21
|
+
.post_small__title {
|
|
22
|
+
color: $text-color;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&__cover {
|
|
28
|
+
border-radius: 50px;
|
|
29
|
+
float: right;
|
|
30
|
+
margin-left: 1em;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&__description {
|
|
34
|
+
@include text-font;
|
|
35
|
+
|
|
36
|
+
color: #444;
|
|
37
|
+
line-height: 1.8em;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&__meta {
|
|
41
|
+
color: $text-color;
|
|
42
|
+
font-size: 80%;
|
|
43
|
+
margin: 0;
|
|
44
|
+
text-transform: uppercase;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&__category {
|
|
48
|
+
margin: 0 0.1em;
|
|
49
|
+
padding: 0.3em 1em;
|
|
50
|
+
color: #fff;
|
|
51
|
+
background: #999;
|
|
52
|
+
font-size: 80%;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&__images {
|
|
56
|
+
margin: 1em 0;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&__image_meta {
|
|
60
|
+
margin-top: -3.5em;
|
|
61
|
+
margin-left: 1em;
|
|
62
|
+
color: #fff;
|
|
63
|
+
text-shadow: 0 1px 1px #333;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&__category {
|
|
67
|
+
&--design {
|
|
68
|
+
background: #5aba59;
|
|
69
|
+
}
|
|
70
|
+
&--pure {
|
|
71
|
+
background: #4d85d1;
|
|
72
|
+
}
|
|
73
|
+
&--yui {
|
|
74
|
+
background: #8156a7;
|
|
75
|
+
}
|
|
76
|
+
&--js {
|
|
77
|
+
background: #df2d4f;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
.tags_cloud {
|
|
2
|
+
&--colorless {
|
|
3
|
+
.tag {
|
|
4
|
+
background: #eee;
|
|
5
|
+
color: #4b2e39;
|
|
6
|
+
|
|
7
|
+
&--ruby { color: #9b111e; }
|
|
8
|
+
&--practical { color: #00a550; }
|
|
9
|
+
&--phoenix { color: #ff9900; }
|
|
10
|
+
&--rails { color: #f80000; }
|
|
11
|
+
&--beginner { color: #00bfff; }
|
|
12
|
+
&--advanced { color: #ff0000; }
|
|
13
|
+
&--overview { color: #7fc7ff; }
|
|
14
|
+
&--docker { color: #1488c6; }
|
|
15
|
+
&--howto { color: #2e852e; }
|
|
16
|
+
&--deploy { color: #4d220e; }
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&--inline {
|
|
21
|
+
margin-left: 1em;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&__list {
|
|
25
|
+
display: inline-block;
|
|
26
|
+
text-align: center;
|
|
27
|
+
margin: 3px 0 12px;
|
|
28
|
+
padding: 0;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.tag {
|
|
33
|
+
color: #fff;
|
|
34
|
+
background: #4b2e39;
|
|
35
|
+
padding: 3px 6px;
|
|
36
|
+
border-radius: 3px;
|
|
37
|
+
text-transform: uppercase;
|
|
38
|
+
font-size: 0.9em;
|
|
39
|
+
margin-bottom: 4px;
|
|
40
|
+
display: inline-block;
|
|
41
|
+
|
|
42
|
+
&:hover,
|
|
43
|
+
&:focus {
|
|
44
|
+
text-decoration: none;
|
|
45
|
+
opacity: 0.75;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&--ruby { background: #9b111e; }
|
|
49
|
+
&--practical { background: #00a550; }
|
|
50
|
+
&--phoenix { background: #ff9900; }
|
|
51
|
+
&--rails { background: #f80000; }
|
|
52
|
+
&--beginner { background: #00bfff; }
|
|
53
|
+
&--advanced { background: #ff0000; }
|
|
54
|
+
&--overview { background: #7fc7ff; }
|
|
55
|
+
&--docker { background: #1488c6; }
|
|
56
|
+
&--howto { background: #2e852e; }
|
|
57
|
+
&--deploy { background: #4d220e; }
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (min-width: $mobile) {
|
|
61
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
@import "variables";
|
|
5
|
+
@import "mixins";
|
|
6
|
+
@import "helpers";
|
|
7
|
+
@import "syntax_highlighting";
|
|
8
|
+
@import "main";
|
|
9
|
+
|
|
10
|
+
@import "components/menu";
|
|
11
|
+
@import "components/home";
|
|
12
|
+
@import "components/footer";
|
|
13
|
+
@import "components/content";
|
|
14
|
+
@import "components/post";
|
|
15
|
+
@import "components/post_small";
|
|
16
|
+
@import "components/intro";
|
|
17
|
+
@import "components/tags_cloud";
|
|
18
|
+
@import "components/pagination";
|