Refine block title styles
This is the block title style for example, listing and literal:
.doc .exampleblock .title, .doc .listingblock .title, .doc .literalblock .title {
color: #4a4a4a;
padding-bottom: .15rem;
font-size: .85rem;
}
- The spacing between the title and the block is too big (title doesn't look like it is associated with block)
- Open block titles don't have any explicit styles so they look very different from example/listing/literal block titles
- The title styles for sidebars, tables, lists, etc. may also need work but I think this issue should be restricted to open, listing, literal, admonition, and example title styles.
Done criteria:
- Example block title
-
Adjust title-to-block spacing so title looks like it is associated with its block -
Adjust text size if necessary once spacing proportions are corrected - Listing block title
-
Adjust title-to-block spacing so title looks like it is associated with its block -
Adjust text size if necessary once spacing proportions are corrected - Literal block
-
Adjust title-to-block spacing so title looks like it is associated with its block -
Adjust text size if necessary once spacing proportions are corrected - Admonition block title
-
Adjust in-title-to-content spacing so title breathes -
Adjust text size if necessary once spacing proportions are corrected - Open block
-
Adjust title-to-block spacing so title looks like it is associated with its block -
Adjust text size if necessary once spacing proportions are corrected -
Add UI style guide instructions/example for styling block titles
Edited by Sarah White