WIP. inline doesn't work, but the rest does.
This commit is contained in:
34
styles.css
34
styles.css
@@ -1,8 +1,30 @@
|
||||
/*
|
||||
|
||||
This CSS file will be included with your plugin, and
|
||||
available in the app when your plugin is enabled.
|
||||
|
||||
If your plugin does not need CSS, delete this file.
|
||||
|
||||
Date Calc Plugin Styles
|
||||
*/
|
||||
|
||||
/* Inline date-calc styling for live preview - now styles actual span elements */
|
||||
.date-calc-inline {
|
||||
background-color: var(--background-modifier-accent);
|
||||
border-radius: 3px;
|
||||
padding: 2px 6px;
|
||||
color: var(--text-accent);
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
display: inline-block;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
/* Additional styling for fenced code blocks */
|
||||
.date-calc {
|
||||
background-color: var(--background-modifier-accent);
|
||||
padding: 8px 12px;
|
||||
border-radius: 4px;
|
||||
border-left: 3px solid var(--text-accent);
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
/* Hover effect to make the result more prominent */
|
||||
.date-calc-inline:hover {
|
||||
background-color: var(--background-modifier-hover);
|
||||
color: var(--text-accent-hover);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user