Skip to content

Commit d38d48d

Browse files
author
Rita Iglesias
committed
Testing 2.5
1 parent fb9851c commit d38d48d

File tree

2 files changed

+41
-145
lines changed

2 files changed

+41
-145
lines changed

‎_includes/item-2.html

+31-22
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,33 @@
11
<div id="item-2" class="item-1-section hidden">
2-
<h1>Here goes item 2 things</h1>
3-
4-
<h2>
5-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
6-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
7-
Morbi quis feugiat erat, non tristique nunc.
8-
</h2>
9-
<h2>
10-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
11-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
12-
Morbi quis feugiat erat, non tristique nunc.
13-
</h2>
14-
<h2>
15-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
16-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
17-
Morbi quis feugiat erat, non tristique nunc.
18-
</h2>
19-
<h2>
20-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
21-
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
22-
Morbi quis feugiat erat, non tristique nunc.
23-
</h2>
2+
<div id="col-md-12 item-2-container">
3+
<div class="col-md-3 item-2-side-nav-container">
4+
{% include customer_stories_side_nav.html %}
5+
</div>
6+
<div class="col-md-9 item-2-info-container">
7+
<div id="item-2" class="row main-content blog-detail-content">
8+
<h1>Here goes item 2 things</h1>
9+
10+
<h2>
11+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
12+
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
13+
Morbi quis feugiat erat, non tristique nunc.
14+
</h2>
15+
<h2>
16+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
17+
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
18+
Morbi quis feugiat erat, non tristique nunc.
19+
</h2>
20+
<h2>
21+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
22+
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
23+
Morbi quis feugiat erat, non tristique nunc.
24+
</h2>
25+
<h2>
26+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
27+
In vestibulum volutpat gravida. Vivamus vel urna sed eros hendrerit blandit.
28+
Morbi quis feugiat erat, non tristique nunc.
29+
</h2>
30+
</div>
31+
</div>
32+
</div>
2433
</div>

‎_sass/customer-stories.scss

+10-123
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
}
55
.customer-stories {
66
padding-top: 0;
7-
.item-1-info-container {
7+
.item-1-info-container, .item-2-info-container {
88
display: flex;
99
flex-flow: column;
1010
}
@@ -21,25 +21,25 @@
2121
flex-flow: wrap;
2222
}
2323
}
24-
.customer-stories-section {
24+
.item-1-section, .item-2-section {
2525
max-width: 920px;
2626
margin: 0 auto 0 auto;
2727
padding: 0 30px 43px 30px;
2828
width: 90%;
29-
.item-1-item {
29+
.item-1-item, .item-2-item {
3030
padding-bottom: 3rem;
3131
border-bottom: 1px solid #D6D7D8;
3232
h2 {
3333
padding-bottom: 1rem;
3434
}
3535
}
3636
}
37-
.customer-stories-side-nav-container {
38-
padding-left: 3rem;
39-
ul {
40-
list-style: none;
41-
}
42-
}
37+
// .item-1-info-container, .item-2-info-container {
38+
// padding-left: 3rem;
39+
// ul {
40+
// list-style: none;
41+
// }
42+
// }
4343
.item-1-section {
4444
p {
4545
font-size: 18px;
@@ -209,122 +209,9 @@
209209
}
210210
}
211211
}
212-
.episode-header-text {
213-
font-size: 26px;
214-
margin-bottom: 2rem;
215-
}
216-
.episode-card-row {
217-
display: block;
218-
@media screen and (min-width: 908px) {
219-
display: flex;
220-
flex-wrap: wrap;
221-
margin-bottom: 2rem;
222-
}
223-
.episode-card.resource-card {
224-
height: 14rem;
225-
margin-right: 1rem;
226-
margin-bottom: 1rem;
227-
background-color: $light_grey;
228-
border: none;
229-
max-width: 31%;
230-
flex: auto;
231-
ul {
232-
list-style: none;
233-
}
234-
a{
235-
color: inherit;
236-
}
237-
.episode-body {
238-
display: block;
239-
position: relative;
240-
top: 30px;
241-
margin-left: 20px;
242-
}
243-
244-
.episode-title {
245-
margin-left: 3.2rem;
246-
margin-bottom: .5rem;
247-
font-size: rem(24px);
248-
@include desktop {
249-
margin-left: 2.5rem;
250-
}
251-
}
252-
253-
.guest-name {
254-
font-weight: 500;
255-
font-size: rem(20px);
256-
overflow: hidden;
257-
white-space: nowrap;
258-
text-overflow: ellipsis;
259-
}
260-
261-
.episode-info {
262-
display: flex;
263-
justify-content: space-between;
264-
span {
265-
padding-left: 5px;
266-
padding-right: 5px;
267-
}
268-
}
269-
.info-divide {
270-
display: block;
271-
border-bottom: 1px solid #D6D7D8;
272-
margin-top: .5rem;
273-
margin-bottom: .5rem;
274-
}
275-
.episode-poster {
276-
color: $orange;
277-
}
278-
.episode-date-time {
279-
display: flex;
280-
padding-left: 0;
281-
span {
282-
padding-left: 5px;
283-
padding-right: 5px;
284-
}
285-
}
286-
@media screen and (max-width: 907px) {
287-
max-width: 100%;
288-
margin-bottom: 1.25rem;
289-
}
290-
}
291-
.episode-card.resource-card.pytorch-resource:before {
292-
content: "";
293-
background-size: 32px 32px;
294-
background-repeat: no-repeat;
295-
display: block;
296-
position: absolute;
297-
height: 32px;
298-
width: 32px;
299-
top: 30px;
300-
left: 15px;
301-
@include desktop {
302-
left: 30px;
303-
top: 30px;
304-
}
305-
}
306-
}
307-
308-
.podcast-container {
212+
.item-2-container {
309213
padding-left: 0;
310214
@include desktop {
311215
display: flex;
312-
.podcast-card:not(:first-of-type) {
313-
margin-left: 1rem;
314-
}
315-
}
316-
.podcast-card {
317-
display: flex;
318-
align-items: center;
319-
justify-content: center;
320-
margin-top: 2rem;
321-
border: 1px solid #D6D7D8;
322-
height: rem(140px);
323-
@include animated_border_hover_state;
324216
}
325-
.podcast-title {
326-
font-size: 24px;
327-
font-weight: 400;
328-
}
329-
330217
}

0 commit comments

Comments
 (0)