yefeme 0.3.2 → 0.3.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/home.html +1 -1
- data/_layouts/post.html +2 -1
- data/_sass/yefeme.scss +65 -14
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 41260f567b3d5b83d1236141fd9a8c72aa7275c9
|
4
|
+
data.tar.gz: f199b0c2fb4398fff169612747471b480fbd6e26
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b1d192e19e98a1a04405b6599079d6cfbaceb392bc49129efb61b651ab63b58bcdfe179a7f7f3cf421534885f332f33d6e24a39025391afe3df2b375596df952
|
7
|
+
data.tar.gz: f1e67a795cff280bd936c722514001d536eac35501fe70ad6d1e94b7662b025f9ce39b7bcd64be97b359f627915bce2a01fcf4d8aab112a7d9d409c1bde8ce95
|
data/_layouts/home.html
CHANGED
@@ -19,7 +19,7 @@ layout: default
|
|
19
19
|
<ul>
|
20
20
|
{% for post in site.posts %}
|
21
21
|
<li class="post">
|
22
|
-
<span class="accent fixed-date">{{ post.date | date: "%
|
22
|
+
<span class="accent fixed-date">{{ post.date | date: "%b %-d, %Y" }}</span>
|
23
23
|
<div class="post-details">
|
24
24
|
<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
|
25
25
|
<p class="excerpt">{{ post.excerpt | strip_html | normalize_whitespace | truncate: 160 | escape }}</p>
|
data/_layouts/post.html
CHANGED
@@ -9,10 +9,11 @@ layout: default
|
|
9
9
|
</svg>
|
10
10
|
<div class="under under-small">
|
11
11
|
<h2 itemprop="name headline"><em>{{ page.title | escape }}</em></h2>
|
12
|
-
<p class="date"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%
|
12
|
+
<p class="date"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
|
13
13
|
<a class="back accent" href="{{ "/" | relative }}">~ back to blog</a>
|
14
14
|
</div>
|
15
15
|
</div>
|
16
|
+
<hr />
|
16
17
|
</header>
|
17
18
|
<main>
|
18
19
|
<article itemprop="articleBody">
|
data/_sass/yefeme.scss
CHANGED
@@ -79,7 +79,12 @@ main {
|
|
79
79
|
|
80
80
|
@media only screen and (max-width: 1080px) {
|
81
81
|
margin: 0 auto;
|
82
|
-
padding:
|
82
|
+
padding: 40px 0 0;
|
83
|
+
}
|
84
|
+
|
85
|
+
@media only screen and (max-width: 700px) {
|
86
|
+
padding: 40px 16px 0;
|
87
|
+
width: 100%;
|
83
88
|
}
|
84
89
|
}
|
85
90
|
|
@@ -90,7 +95,13 @@ main {
|
|
90
95
|
line-height: 2.4;
|
91
96
|
margin: 4px 0 0;
|
92
97
|
text-align: right;
|
93
|
-
width:
|
98
|
+
width: 72px;
|
99
|
+
|
100
|
+
@media only screen and (max-width: 700px) {
|
101
|
+
order: 2;
|
102
|
+
text-align: left;
|
103
|
+
width: auto;
|
104
|
+
}
|
94
105
|
}
|
95
106
|
|
96
107
|
.date {
|
@@ -98,16 +109,31 @@ main {
|
|
98
109
|
font-weight: 400;
|
99
110
|
line-height: 2.4;
|
100
111
|
margin: 0;
|
112
|
+
|
113
|
+
@media only screen and (max-width: 700px) {
|
114
|
+
position: absolute;
|
115
|
+
right: 16px;
|
116
|
+
top: 16px;
|
117
|
+
}
|
101
118
|
}
|
102
119
|
|
103
120
|
.post {
|
104
121
|
display: flex;
|
122
|
+
flex-direction: row;
|
105
123
|
justify-content: space-between;
|
106
124
|
margin: 0 0 44px;
|
125
|
+
|
126
|
+
@media only screen and (max-width: 700px) {
|
127
|
+
flex-direction: column;
|
128
|
+
}
|
107
129
|
}
|
108
130
|
|
109
131
|
.post-details {
|
110
132
|
width: 488px;
|
133
|
+
|
134
|
+
@media only screen and (max-width: 700px) {
|
135
|
+
width: 100%;
|
136
|
+
}
|
111
137
|
}
|
112
138
|
|
113
139
|
.excerpt {
|
@@ -126,30 +152,45 @@ header {
|
|
126
152
|
align-items: stretch;
|
127
153
|
display: block;
|
128
154
|
height: auto;
|
129
|
-
padding: 56px 0 0;
|
130
155
|
position: static;
|
131
156
|
}
|
132
157
|
}
|
133
158
|
|
134
|
-
.large {
|
135
|
-
height: 136px;
|
136
|
-
width: 103px;
|
137
|
-
}
|
138
|
-
|
139
|
-
.small {
|
140
|
-
height: 61px;
|
141
|
-
width: 46px;
|
142
|
-
}
|
143
|
-
|
144
159
|
.logo {
|
160
|
+
height: auto;
|
145
161
|
position: relative;
|
146
162
|
|
147
163
|
@media only screen and (max-width: 1080px) {
|
148
164
|
align-items: center;
|
149
165
|
display: flex;
|
150
|
-
margin:
|
166
|
+
margin: 56px auto 40px;
|
151
167
|
width: 616px;
|
152
168
|
}
|
169
|
+
|
170
|
+
@media only screen and (max-width: 700px) {
|
171
|
+
margin: 0 0 27px;
|
172
|
+
padding: 72px 16px 0;
|
173
|
+
width: 100%;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
|
177
|
+
hr {
|
178
|
+
border: 0;
|
179
|
+
display: none;
|
180
|
+
height: 0;
|
181
|
+
margin: 0;
|
182
|
+
|
183
|
+
@media only screen and (max-width: 1080px) {
|
184
|
+
background-color: $accent;
|
185
|
+
display: block;
|
186
|
+
height: 1px;
|
187
|
+
margin: 0 auto;
|
188
|
+
width: 360px;
|
189
|
+
}
|
190
|
+
|
191
|
+
@media only screen and (max-width: 700px) {
|
192
|
+
width: 100px;
|
193
|
+
}
|
153
194
|
}
|
154
195
|
|
155
196
|
.under {
|
@@ -235,6 +276,12 @@ article {
|
|
235
276
|
right: 0;
|
236
277
|
top: 0;
|
237
278
|
}
|
279
|
+
|
280
|
+
@media only screen and (max-width: 700px) {
|
281
|
+
left: 16px;
|
282
|
+
right: auto;
|
283
|
+
top: 16px;
|
284
|
+
}
|
238
285
|
}
|
239
286
|
|
240
287
|
.highlight {
|
@@ -252,3 +299,7 @@ article {
|
|
252
299
|
font-size: 14px;
|
253
300
|
}
|
254
301
|
}
|
302
|
+
|
303
|
+
svg {
|
304
|
+
flex-shrink: 0;
|
305
|
+
}
|