primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-05 21:22:57 +03:00
Code Issues Projects Releases Wiki Activity

Import kbd form /base

Browse Source
This commit is contained in:
simurai 2019-10-02 10:50:16 +09:00
parent 8d2952f661
commit 9fa53c02d9
4 changed files with 18 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/base/base.scss
View File

@ -48,22 +48,6 @@ hr,
@include clearfix();
}
// Keyboard shortcuts
kbd {
display: inline-block;
padding: ($spacer-1 - 1) ($spacer-1 + 1);
font: 11px $mono-font;
line-height: 10px;
color: $gray-700;
vertical-align: middle;
background-color: $bg-gray-light;
border: $border-style $border-width $border-gray-dark;
border-bottom-color: $border-gray-dark;
border-radius: $border-radius;
box-shadow: inset 0 -1px 0 $border-gray-dark;
}
//
// Remove most spacing between table cells.
//

1
src/base/index.scss
View File

@ -2,4 +2,5 @@
@import "./normalize.scss";
@import "./base.scss";
@import "./kbd.scss";
@import "./typography-base.scss";

15
src/base/kbd.scss Normal file
View File

@ -0,0 +1,15 @@
// Keyboard shortcuts
kbd {
display: inline-block;
padding: ($spacer-1 - 1) ($spacer-1 + 1);
font: 11px $mono-font;
line-height: 10px;
color: $gray-700;
vertical-align: middle;
background-color: $bg-gray-light;
border: $border-style $border-width $border-gray-dark;
border-bottom-color: $border-gray-dark;
border-radius: $border-radius;
box-shadow: inset 0 -1px 0 $border-gray-dark;
}

16
src/markdown/markdown-body.scss
View File

@ -10,6 +10,8 @@
line-height: $body-line-height;
word-wrap: break-word;
@import "../base/kbd.scss"; // adds support for keyboard shortcuts
// Clearfix on the markdown body
&::before {
display: table;
@ -90,18 +92,4 @@
margin-bottom: 0;
}
}
kbd {
display: inline-block;
padding: ($spacer-1 - 1) ($spacer-1 + 1);
font: 11px $mono-font;
line-height: 10px;
color: $gray-700;
vertical-align: middle;
background-color: $bg-gray-light;
border: $border-style $border-width $border-gray-dark;
border-bottom-color: $border-gray-dark;
border-radius: $border-radius;
box-shadow: inset 0 -1px 0 $border-gray-dark;
}
}