File tree 2 files changed +22
-10
lines changed
2 files changed +22
-10
lines changed Original file line number Diff line number Diff line change 16
16
< div class ="container ">
17
17
{% for post in posts limit:1 %}
18
18
< p class ="featured-post "> Featured Post</ p >
19
- < h1 >
19
+ < h1 class =" blog-index-title " >
20
20
< a href ="{{ site.baseurl }}{{ post.url }} "> {{ post.title }}</ a >
21
21
</ h1 >
22
22
< p class ="featured-blog-preview "> {{ post.excerpt | remove: '< p > ' | remove: '</ p > ' | truncate: 100 }}</ p >
Original file line number Diff line number Diff line change 12
12
}
13
13
14
14
.main-background {
15
- height : 275px ;
16
-
15
+ height : 290px ;
17
16
@include desktop {
18
- height : 461 px ;
17
+ height : 485 px ;
19
18
}
20
19
}
21
20
22
21
.blog-detail-background {
22
+ height : 300px ;
23
23
@include desktop {
24
24
height : 312px ;
25
25
}
119
119
}
120
120
121
121
.jumbotron {
122
+ top : rem (105px );
122
123
@include desktop {
123
- height : 405px ;
124
+ height : rem ( 405px ) ;
124
125
}
125
126
126
127
.container {
129
130
}
130
131
}
131
132
133
+ .blog-index-title {
134
+ overflow : hidden ;
135
+ white-space : nowrap ;
136
+ text-overflow : ellipsis ;
137
+ color : white ;
138
+ @include desktop {
139
+ overflow : unset ;
140
+ white-space : unset ;
141
+ text-overflow : unset ;
142
+ }
143
+ }
144
+
132
145
h1 {
133
146
letter-spacing : -1.65px ;
134
147
font-size : rem (56px );
135
148
line-height : rem (60px );
136
149
text-transform : none ;
137
-
138
150
a {
139
151
color : $white ;
140
152
word-wrap : break-word ;
141
153
}
142
154
}
143
155
144
156
.blog-title {
157
+ display : inline-flex ;
145
158
& :hover {
146
159
color : $white ;
147
160
}
148
161
}
149
162
150
163
.blog-detail-container {
151
- padding-top : 5 rem ;
164
+ padding-top : 4 rem ;
152
165
@include desktop {
153
166
padding-top : rem (174px );
154
167
}
177
190
}
178
191
179
192
.blog-detail-jumbotron {
193
+ top : 45px ;
180
194
@include desktop {
181
195
height : 107px ;
196
+ top : 75px ;
182
197
}
183
198
}
184
199
224
239
line-height : rem (40px );
225
240
}
226
241
}
227
- p {
228
- line-height : rem (20px );
229
- }
230
242
}
231
243
232
244
.main-content-wrapper {
You can’t perform that action at this time.
0 commit comments