CSS: I discovered the border styles inset and outset. 😊
This commit is contained in:
parent
9be6edaea1
commit
fc95d0862f
|
@ -158,9 +158,7 @@ kbd
|
||||||
padding: 0.05em;
|
padding: 0.05em;
|
||||||
background-color: var(--fg);
|
background-color: var(--fg);
|
||||||
color: var(--bg);
|
color: var(--bg);
|
||||||
border: 0.15em solid;
|
border: 0.15em inset var(--fg-dim);
|
||||||
border-color: var(--bg-dark) var(--fg-dim) /* top, right*/
|
|
||||||
var(--fg-dim) var(--bg-dark); /* bottom, left*/
|
|
||||||
border-radius: 0.2em;
|
border-radius: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -168,8 +166,7 @@ kbd
|
||||||
{
|
{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 0.1em;
|
padding: 0 0.1em;
|
||||||
border: 0.15em solid;
|
border: 0.15em outset var(--bg-dark);
|
||||||
border-color: var(--fg-dim) var(--bg-dark) var(--bg-dark) var(--fg-dim);
|
|
||||||
border-radius: 0.2em;
|
border-radius: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue