Add CSS for styling of keyboard shortcuts view

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-03-30 13:07:26 +02:00
parent 1ee7e1c0b1
commit 7788afaccf
1 changed files with 30 additions and 1 deletions

View File

@ -16,7 +16,7 @@
* *
*/ */
/* HEADING STYLING ---------------------------------------------------------- */ /* BASE STYLING ---------------------------------------------------------- */
h2 { h2 {
font-size: 20px; font-size: 20px;
@ -24,11 +24,13 @@ h2 {
margin-bottom: 12px; margin-bottom: 12px;
line-height: 140%; line-height: 140%;
} }
h3 { h3 {
font-size: 15px; font-size: 15px;
font-weight: 300; font-weight: 300;
margin: 12px 0; margin: 12px 0;
} }
/* do not use italic typeface style, instead lighter color */ /* do not use italic typeface style, instead lighter color */
em { em {
font-style: normal; font-style: normal;
@ -36,6 +38,33 @@ em {
opacity: .5; 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 STYLING -------------------------------------------------------------- */
#app { #app {