mirror of
https://github.com/alrayyes/wiki.git
synced 2025-05-23 08:09:02 +00:00
Added optional rendering of code block titles (#148)
This commit is contained in:
parent
8d7a7b712f
commit
d3e20b8b94
9 changed files with 321 additions and 102 deletions
assets/styles
20
assets/styles/code-title.scss
Normal file
20
assets/styles/code-title.scss
Normal file
|
@ -0,0 +1,20 @@
|
|||
.code-title {
|
||||
color: var(--primary) ;
|
||||
font-family: monospace;
|
||||
width: max-content;
|
||||
overflow-x: auto;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
padding: 0.5em 0.6em 0.6em; // + 1.2 em
|
||||
max-width: calc(100% - 1.2em); // (-1.2 em) fits article width exactly
|
||||
margin-bottom: -0.2em;
|
||||
z-index: -1;
|
||||
border-top-left-radius: 0.3em;
|
||||
border-top-right-radius: 0.3em;
|
||||
font-size: 0.9em;
|
||||
background-color: var(--lightgray);
|
||||
filter: hue-rotate(-30deg) contrast(1.0) opacity(0.8);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue