Add CSS for styling of keyboard shortcuts view
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
1ee7e1c0b1
commit
7788afaccf
|
@ -16,7 +16,7 @@
|
|||
*
|
||||
*/
|
||||
|
||||
/* HEADING STYLING ---------------------------------------------------------- */
|
||||
/* BASE STYLING ---------------------------------------------------------- */
|
||||
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
|
@ -24,11 +24,13 @@ h2 {
|
|||
margin-bottom: 12px;
|
||||
line-height: 140%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
/* do not use italic typeface style, instead lighter color */
|
||||
em {
|
||||
font-style: normal;
|
||||
|
@ -36,6 +38,33 @@ em {
|
|||
opacity: .5;
|
||||
}
|
||||
|
||||
dl {
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
dt,
|
||||
dd {
|
||||
display: inline-block;
|
||||
padding: 12px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
width: 130px;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
/* APP STYLING -------------------------------------------------------------- */
|
||||
|
||||
#app {
|
||||
|
|
Loading…
Reference in New Issue