Skip to content

Commit c358654

Browse files
author
jordanmccullough
committed
Finalize Workbook link attribute-specific styling
Isolate the Octicon-styled links to only those within the `<section>` scoped within the class selector “workbook” to prevent any other links on page receiving icons.
1 parent 579230b commit c358654

File tree

3 files changed

+25
-177
lines changed

3 files changed

+25
-177
lines changed

_layouts/workbook.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ <h2>{{ page.title }}</h2>
1212
</div>
1313
</section>
1414

15-
<section>
15+
<section class="workbook">
1616
<div class="container">
1717

1818
<div class="tab-panel">

_stylesheets/workbook.css

Lines changed: 1 addition & 156 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

_stylesheets/workbook.scss

Lines changed: 23 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -17,30 +17,33 @@
1717
}
1818
}
1919

20-
/* General external link */
21-
a[href^="http://"] {
22-
@include octicon-link("\f0b6");
23-
}
20+
.workbook{
21+
/* General external link */
22+
a[href^="http://"] {
23+
@include octicon-link("\f0b6");
24+
}
2425

25-
/* GitHub Links */
26-
a[href^="https://github.com"],
27-
a[href^="https://www.github.com"]
28-
{
29-
@include octicon-link("\f008");
30-
}
26+
/* GitHub Links */
27+
a[href^="https://github.com"],
28+
a[href^="https://www.github.com"],
29+
a[href^="https://help.github.com"]
30+
{
31+
@include octicon-link("\f008");
32+
}
3133

32-
/* GitHub Book Links, Guide Links */
33-
a[href^="http://git-scm.com/book"],
34-
a[href^="https://guides.github.com"]
35-
{
36-
@include octicon-link("\f007");
37-
}
34+
/* GitHub Book Links, Guide Links */
35+
a[href^="http://git-scm.com/book"],
36+
a[href^="https://guides.github.com"]
37+
{
38+
@include octicon-link("\f007");
39+
}
3840

3941

40-
/* YouTube Links */
41-
a[href^="https://youtube.com"],
42-
a[href^="https://www.youtube.com"] {
43-
@include octicon-link("\f0b9");
42+
/* YouTube Links */
43+
a[href^="https://youtube.com"],
44+
a[href^="https://www.youtube.com"] {
45+
@include octicon-link("\f0b9");
46+
}
4447
}
4548

4649
/* Scopes wrapper */

0 commit comments

Comments
 (0)