mirror of
https://github.com/Jermolene/TiddlyWiki5.git
synced 2026-03-11 09:12:00 -07:00
b236373064
* Expose tiddlywiki palette colors and settings to custom CSS properties * Rename & use --tc prefix * Add colors and CSS settings * Make CSS settings properties' name readable * Add all CSS settings * Add all palette colors * Remove macrocallblock rule * Indent with tabs * Use --tc-color prefix * Update docs * Use --tpc prefix * Add change note * Simplify palette color rules with list widget * Update docs * Hardcode custom properties * Update docs * Remove cascades * Update docs * Add more docs * Update docs * Update docs * Add --tp-animation-duration * Update change note The previous example actually doesn't work at all * Update docs about limits of CSS variables
30 lines
No EOL
1.5 KiB
Text
30 lines
No EOL
1.5 KiB
Text
title: $:/core/stylesheets/custom-properties
|
|
|
|
\rules only transcludeinline macrocallinline html transcludeblock
|
|
|
|
/* Tiddlywiki's CSS properties */
|
|
|
|
:root {
|
|
<$list filter="[[$:/palettes/Vanilla]indexes[]]">
|
|
--tpc-<<currentTiddler>>: <$transclude $variable="colour" $mode="inline" name=<<currentTiddler>>/>;
|
|
</$list>
|
|
|
|
/* CSS settings */
|
|
--tp-code-wrapping: {{$:/themes/tiddlywiki/vanilla/options/codewrapping}};
|
|
--tp-font-family: {{$:/themes/tiddlywiki/vanilla/settings/fontfamily}};
|
|
--tp-code-font-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}};
|
|
--tp-editor-font-family: {{$:/themes/tiddlywiki/vanilla/settings/editorfontfamily}};
|
|
--tp-font-size: {{$:/themes/tiddlywiki/vanilla/metrics/fontsize}};
|
|
--tp-line-height: {{$:/themes/tiddlywiki/vanilla/metrics/lineheight}};
|
|
--tp-body-font-size: {{$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize}};
|
|
--tp-body-line-height: {{$:/themes/tiddlywiki/vanilla/metrics/bodylineheight}};
|
|
--tp-story-left: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}};
|
|
--tp-story-top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};
|
|
--tp-story-right: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};
|
|
--tp-story-width: {{$:/themes/tiddlywiki/vanilla/metrics/storyrwidth}};
|
|
--tp-tiddler-width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}};
|
|
--tp-sidebar-breakpoint: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}};
|
|
--tp-sidebar-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}};
|
|
|
|
--tp-animation-duration: {{{ [{$:/config/AnimationDuration}addsuffix[ms]] }}};
|
|
} |