mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 12:21:36 +03:00
1dad18a06c
no issue
- Added a language indicator when in rendered mode and a language input when in edit mode
- Allow code card language to be set with <code>```lang</code>+<kbd>Space/Enter</kbd> expansion
- previously <code>\`\`\`</code> would immediately create a code card, the <kbd>Space/Enter</kbd> is now necessary for the insertion to occur
- lang is optional <code>\`\`\`</code>+<kbd>Space/Enter</kbd> will insert a code card with no language selected
- requires <kbd>Enter</kbd> to be pressed to finalise the expansion and insert the card
- added hook for text expansions to skip newline creation for when they are triggered with <kbd>Enter</kbd>
- Set the code card editor's language mode based on selected language
- set the CodeMirror mode based on the code card payload language
- add a basic map of language short codes to their respective CodeMirror modes
- observe `mode` property in `{{gh-cm-editor}}` so that the mode is properly set when it's changed after initial render
47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
/*
|
|
|
|
Media Query Extensions:
|
|
-ns = not-small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
.normal { font-weight: 300; }
|
|
.b, b, strong { font-weight: 700; }
|
|
|
|
.fw1 { font-weight: 100; }
|
|
.fw3 { font-weight: 300; }
|
|
.fw4 { font-weight: 400; }
|
|
.fw5 { font-weight: 500; }
|
|
.fw6 { font-weight: 600; }
|
|
.fw7 { font-weight: 700; }
|
|
|
|
|
|
@media (--breakpoint-not-small) {
|
|
.fw1-ns { font-weight: 100; }
|
|
.fw3-ns { font-weight: 300; }
|
|
.fw4-ns { font-weight: 400; }
|
|
.fw5-ns { font-weight: 500; }
|
|
.fw6-ns { font-weight: 600; }
|
|
.fw7-ns { font-weight: 700; }
|
|
}
|
|
|
|
@media (--breakpoint-medium) {
|
|
.fw1-m { font-weight: 100; }
|
|
.fw3-m { font-weight: 300; }
|
|
.fw4-m { font-weight: 400; }
|
|
.fw5-m { font-weight: 500; }
|
|
.fw6-m { font-weight: 600; }
|
|
.fw7-m { font-weight: 700; }
|
|
}
|
|
|
|
@media (--breakpoint-large) {
|
|
.fw1-l { font-weight: 100; }
|
|
.fw3-l { font-weight: 300; }
|
|
.fw4-l { font-weight: 400; }
|
|
.fw5-l { font-weight: 500; }
|
|
.fw6-l { font-weight: 600; }
|
|
.fw7-l { font-weight: 700; }
|
|
}
|