0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 03:31:04 +01:00
wagtail/client/scss/components/_keyboard-shortcuts.scss
Karthik Ayangar bb5b253ef1 Add basic keyboard shortcuts dialog
Include the ability to trigger the dialog from the sidebar
Include base styling and unit tests
Fixes ##11711
Relates to larger work for keyboard shortcuts in #3949
2024-03-16 16:59:26 +10:00

38 lines
747 B
SCSS

.w-keyboard-shortcuts {
kbd {
word-spacing: 0.125em;
white-space: nowrap;
font-size: theme('fontSize.15');
color: theme('colors.grey.600');
background-color: theme('colors.grey.50');
}
}
.w-keyboard-shortcuts__category {
th {
text-align: start;
margin-top: theme('spacing.5');
margin-bottom: theme('spacing.3');
display: block;
}
}
.w-keyboard_shortcuts__key {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-top: 1px solid theme('colors.grey.100');
th {
font-size: theme('fontSize.14');
font-weight: theme('fontWeight.normal');
padding: theme('spacing.2') 0;
text-align: start;
}
td {
padding: theme('spacing.2') 0;
}
}