Skip to content

Commit 301ba46

Browse files
authored
Merge pull request #6 from neo4j-documentation/featured-courses
2 parents 6418220 + 683f7c1 commit 301ba46

File tree

1 file changed

+56
-0
lines changed

1 file changed

+56
-0
lines changed

src/css/training.css

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,62 @@
1111
background-color: var(--colour-training);
1212
}
1313

14+
/* Landing */
15+
.training.landing .discrete > h3 {
16+
display: none;
17+
}
18+
19+
.training.landing .featured-courses {
20+
display: grid;
21+
grid-template-columns: repeat(auto-fill, minmax(250px, auto));
22+
}
23+
24+
.training.landing .featured-courses > .openblock {
25+
padding: 1rem;
26+
display: grid;
27+
}
28+
29+
.training.landing .featured-courses > .openblock > .content {
30+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
31+
border-radius: 5px;
32+
display: grid;
33+
grid-template-rows: 0.1fr auto 4rem;
34+
background: #fff;
35+
}
36+
37+
.training.landing .featured-courses > .openblock > .content > .imageblock {
38+
margin: 0;
39+
}
40+
41+
.training.landing .featured-courses > .openblock > .content > .paragraph {
42+
padding: 0.5rem 1rem 0;
43+
line-height: 1.4;
44+
}
45+
46+
.training.landing .course-label {
47+
background: linear-gradient(45deg, var(--colour-blue-400), var(--colour-purple-400));
48+
font-size: 12px;
49+
padding: 2px 8px;
50+
border-radius: 5px;
51+
color: #fff;
52+
font-weight: 700;
53+
}
54+
55+
.training.landing .featured-courses .course-duration::before {
56+
display: inline-block;
57+
content: " ";
58+
background-image: url(../img/duration.svg);
59+
height: 1rem;
60+
width: 1rem;
61+
margin-right: 0.25rem;
62+
}
63+
64+
.training.landing .featured-courses .course-duration {
65+
display: flex;
66+
align-items: center;
67+
margin-top: 0.65rem;
68+
}
69+
1470
/* Home */
1571
.training-home .doc .find-training {
1672
text-align: center;

0 commit comments

Comments
 (0)