Files
date-calculator/styles.css

31 lines
769 B
CSS

/*
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);
}