diff --git a/src/assets/stylesheets/main/extensions/pymdownx/_keys.scss b/src/assets/stylesheets/main/extensions/pymdownx/_keys.scss index e636523eb..ddcac146c 100644 --- a/src/assets/stylesheets/main/extensions/pymdownx/_keys.scss +++ b/src/assets/stylesheets/main/extensions/pymdownx/_keys.scss @@ -19,98 +19,91 @@ /// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER /// DEALINGS //// - // ---------------------------------------------------------------------------- // Rules // ---------------------------------------------------------------------------- - -// Scoped in typesetted content to match specificity of regular content +// Scoped in typeset content to match specificity of regular content .md-typeset .keys { - - // Keyboard key icon - kbd::before, - kbd::after { - position: relative; - margin: 0; - color: inherit; - -moz-osx-font-smoothing: initial; - -webkit-font-smoothing: initial; - } - - // Surrounding text - span { - padding: 0 px2em(3.2px); - color: var(--md-default-fg-color--light); - } - - // Build special keys with left icon - @each $name, $code in ( - - // Modifiers - "alt": "\2387", - "left-alt": "\2387", - "right-alt": "\2387", - "command": "\2318", - "left-command": "\2318", - "right-command": "\2318", - "control": "\2303", - "left-control": "\2303", - "right-control": "\2303", - "meta": "\25C6", - "left-meta": "\25C6", - "right-meta": "\25C6", - "option": "\2325", - "left-option": "\2325", - "right-option": "\2325", - "shift": "\21E7", - "left-shift": "\21E7", - "right-shift": "\21E7", - "super": "\2756", - "left-super": "\2756", - "right-super": "\2756", - "windows": "\229E", - "left-windows": "\229E", - "right-windows": "\229E", - + // Keyboard key icon + kbd::before, + kbd::after { + position: relative; + margin: 0; + color: inherit; + -moz-osx-font-smoothing: initial; + -webkit-font-smoothing: initial; + } + // Surrounding text + span { + padding: 0 px2em(3.2px); + color: var(--md-default-fg-color--light); + } + // Build special keys with icon on the left + @each $name, + $code in ( // Modifiers + "alt": "\2387", // ⎇ + "left-alt": "\2387", // ⎇ + "right-alt": "\2387", // ⎇ + "command": "\2318", // ⌘ + "left-command": "\2318", // ⌘ + "right-command": "\2318", // ⌘ + "control": "\2303", // ⌃ + "left-control": "\2303", // ⌃ + "right-control": "\2303", // ⌃ + "meta": "\25C6", // ◆ + "left-meta": "\25C6", // ◆ + "right-meta": "\25C6", // ◆ + "option": "\2325", // ⌥ + "left-option": "\2325", // ⌥ + "right-option": "\2325", // ⌥ + "shift": "\21E7", // ⇧ + "left-shift": "\21E7", // ⇧ + "right-shift": "\21E7", // ⇧ + "super": "\2756", // ❖ + "left-super": "\2756", // ❖ + "right-super": "\2756", // ❖ + "windows": "\229E", // ⊞ + "left-windows": "\229E", // ⊞ + "right-windows": "\229E", // ⊞ // Other keys - "arrow-down": "\25bd", - "arrow-left": "\25c1", - "arrow-right": "\25b7", - "arrow-up": "\25b3", - "backspace": "\232B", - "backtab": "\21E4", - "caps-lock": "\21EA", - "clear": "\2327", - "context-menu": "\2630", - "delete": "\2326", - "eject": "\23CF", - "end": "\2913", - "escape": "\238b", - "home": "\2912", - "insert": "\2380", - "page-down": "\21df", - "page-up": "\21de", - "print-screen": "\2399" - ) { - .key-#{$name} { - &::before { - padding-right: px2em(6.4px); - content: $code; - } + "arrow-down": "\2193", // ↓ + "arrow-left": "\2190", // ← + "arrow-right": "\2192", // → + "arrow-up": "\2191", // ↑ + "backspace": "\232B", // ⌫ + "backtab": "\21E4", // ⇤ + "caps-lock": "\21EA", // ⇪ + "clear": "\2327", // ⌧ + "context-menu": "\2630", // ☰ + "delete": "\2326", // ⌦ + "eject": "\23CF", // ⏏ + "end": "\2913", // ⤓ + "escape": "\238B", // ⎋ + "home": "\2912", // ⤒ + "insert": "\2380", // ⎀ + "page-down": "\21DF", // ⇟ + "page-up": "\21DE", // ⇞ + "print-screen": "\2399" // ⎙ + ) { + .key-#{$name} { + &::before { + padding-right: px2em(6.4px); + content: $code; + } + } } - } - - // Build special keys with right icon - @each $name, $code in ( - "tab": "\21B9", - "num-enter": "\2324", - "enter": "\23CE" - ) { - .key-#{$name} { - &::after { - padding-left: px2em(6.4px); - content: $code; - } + // Build special keys with icon on the right + @each $name, + $code in ( // Keys + "tab": "\21E5", // ⇥ + "num-enter": "\2324", // ⌤ + "enter": "\23CE" // ⏎ + ) { + .key-#{$name} { + &::after { + padding-left: px2em(6.4px); + content: $code; + } + } } - } -} +} \ No newline at end of file