CSS: Make kbd and .button inline-block.
When they are inline, the borders could overlap with the text above and below.
This commit is contained in:
parent
def6d20fbb
commit
196cdd9d11
|
@ -154,6 +154,7 @@ div, table, code, img
|
||||||
|
|
||||||
kbd
|
kbd
|
||||||
{
|
{
|
||||||
|
display: inline-block;
|
||||||
padding: 0.05em;
|
padding: 0.05em;
|
||||||
background-color: var(--fg);
|
background-color: var(--fg);
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
|
@ -165,6 +166,7 @@ kbd
|
||||||
|
|
||||||
.button
|
.button
|
||||||
{
|
{
|
||||||
|
display: inline-block;
|
||||||
padding: 0 0.1em;
|
padding: 0 0.1em;
|
||||||
border: 0.15em solid;
|
border: 0.15em solid;
|
||||||
border-color: var(--fg-dim) var(--bg-dark) var(--bg-dark) var(--fg-dim);
|
border-color: var(--fg-dim) var(--bg-dark) var(--bg-dark) var(--fg-dim);
|
||||||
|
|
Loading…
Reference in New Issue