[ios, macos] Denote protocols, abstract classes with glosses

Instead of oblique text, use a parenthetical gloss to denote a protocol or abstract class.
mapbox · Dec 21, 2016 · 23599e0 · 23599e0
1 parent dde5372
commit 23599e0
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/platform/darwin/docs/theme/assets/css/jazzy.css.scss b/platform/darwin/docs/theme/assets/css/jazzy.css.scss
@@ -51,6 +51,7 @@ $navigation_bg_color: #fbfbfb;
 $navigation_task_color: $link_color;
 
 $section_name_color: $color_darkblue;
+$navigation_gloss_color: #999;
 
 // ----- Content
 
@@ -367,15 +368,28 @@ pre code {
   color: $navigation_task_color;
 }
 
-.nav-group-task[data-url^="Protocols/"],
+%nav-group-task-gloss {
+  color: $navigation_gloss_color;
+  font-size: 90%;
+  margin-left: 0.5em;
+}
+
+.nav-group-task[data-url^="Protocols/"] > .nav-group-task-link::after {
+  @extend %nav-group-task-gloss;
+  content: "(Protocol)";
+}
+
 .nav-group-task[data-name="MGLForegroundStyleLayer"],
 .nav-group-task[data-name="MGLMultiPoint"],
 .nav-group-task[data-name="MGLShape"],
 .nav-group-task[data-name="MGLSource"],
 .nav-group-task[data-name="MGLStyleLayer"],
 .nav-group-task[data-name="MGLTileSource"],
 .nav-group-task[data-name="MGLVectorStyleLayer"] {
-  font-style: italic;
+  .nav-group-task-link::after {
+    @extend %nav-group-task-gloss;
+    content: "(Abstract Class)";
+  }
 }
 
 .nav-group-name > .small-heading,