From 339bc380c3efe5142106bca3d83c282d5638c09f Mon Sep 17 00:00:00 2001
From: Kevin Lin <kevinl@cs.uw.edu>
Date: Mon, 16 Mar 2020 10:15:13 -0700
Subject: [PATCH] _layouts, _sass: Inline pronouns next to name
---
_layouts/staffer.html | 6 +++---
_sass/custom/staffer.scss | 4 ++++
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/_layouts/staffer.html b/_layouts/staffer.html
index 1793e6c..ed718c5 100644
--- a/_layouts/staffer.html
+++ b/_layouts/staffer.html
@@ -9,13 +9,13 @@
{% else %}
{{ page.name }}
{% endif %}
+ {% if page.pronouns %}
+ <span class="staffer-pronouns">{{ page.pronouns }}</span>
+ {% endif %}
</h3>
{% if page.email %}
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
{% endif %}
- {% if page.pronouns %}
- <p>Pronouns: {{ page.pronouns }}</p>
- {% endif %}
{% if page.section %}
<p class="text-grey-dk-000">Quiz Section: {{ page.section | markdownify | strip_html }}</p>
{% endif %}
diff --git a/_sass/custom/staffer.scss b/_sass/custom/staffer.scss
index 0d0cc2d..31c9a20 100644
--- a/_sass/custom/staffer.scss
+++ b/_sass/custom/staffer.scss
@@ -19,3 +19,7 @@
.staffer-name {
margin: $sp-1;
}
+
+.staffer-pronouns {
+ @extend .label, .text-grey-dk-100, .bg-grey-lt-200;
+}
--
GitLab