From b2abd06b565a0dfb858b63b6fd165be9a70beaf5 Mon Sep 17 00:00:00 2001
From: Brandon Curtis <brandon.curtis@gmail.com>
Date: Thu, 17 Aug 2017 22:51:23 -0700
Subject: [PATCH] add keyboard key style
---
assets/css/lesson.scss | 22 ++++++++++++++++++++++
1 file changed, 22 insertions(+)
diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
index fe008e5..05a00a1 100644
--- a/assets/css/lesson.scss
+++ b/assets/css/lesson.scss
@@ -153,3 +153,25 @@ span.fold-unfold {
margin-left: 1em;
opacity: 0.5;
}
+
+
+//----------------------------------------
+// keyboard key style, from StackExchange.
+//----------------------------------------
+
+.keyboard {
+ display: inline-block;
+ margin: 0 .1em;
+ padding: .1em .6em;
+ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
+ font-size: 11px;
+ line-height: 1.4;
+ color: #242729;
+ text-shadow: 0 1px 0 #FFF;
+ background-color: #e1e3e5;
+ border: 1px solid #adb3b9;
+ border-radius: 3px;
+ box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;
+ white-space: nowrap;
+ font-style: normal;
+}
--
GitLab