WIP. inline doesn't work, but the rest does.

This commit is contained in:
2025-09-19 20:52:30 -04:00
parent e2a64e0534
commit ee7be363cc
5 changed files with 3228 additions and 104 deletions

View File

@@ -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);
}