TiddlyWiki5/themes/tiddlywiki/tight/base.tid

title: $:/themes/tiddlywiki/tight/base
tags: [[$:/tags/Stylesheet]]

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline conditional

@media (max-width: <<sidebarbreakpoint-minus-one>>) {
}

@media (min-width: <<sidebarbreakpoint>>) {

	html body.tc-body {
		font-size: 13px;
		line-height: 16px;
	}

	html body.tc-body h1,
	html body.tc-body h2,
	html body.tc-body h3,
	html body.tc-body h4,
	html body.tc-body p {
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}

	html body.tc-body code {
		font-size: 0.8em;
	}

	html body.tc-body section.tc-story-river {
		padding: 0px <<get.theme.metric storypaddingright>> 0px <<get.theme.metric storypaddingleft>>;
	}

	html body.tc-body div.tc-tiddler-frame {
		padding: 12px;
	}

	html body.tc-body div.tc-sidebar-scrollable {
		padding: 12px 0 12px 12px;
	}

	html body.tc-body .tc-sidebar-left div.tc-sidebar-scrollable {
		padding: 12px 12px 12px 12px;
	}

	html[dir="rtl"] body.tc-body .tc-sidebar-left div.tc-sidebar-scrollable {
		padding: 12px 12px 12px 0;
	}

	<%if [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fixed-fluid]] %>

		html body.tc-body div.tc-sidebar-scrollable {
			left: clamp(calc(<<get.theme.metric storyleft>> + <<get.theme.metric storyminwidth>> + 42px),calc(<<get.theme.metric storyright>> + 42px),calc(100% - <<get.theme.metric sidebarminwidth>> + 42px));
		}

		html body.tc-body .tc-sidebar-left div.tc-sidebar-scrollable {
			left: 0;
			right: clamp(calc(<<get.theme.metric storyleft>> + <<get.theme.metric storyminwidth>> + 42px),calc(<<get.theme.metric storyright>> + 42px),calc(100% - <<get.theme.metric sidebarminwidth>> + 42px));
		}

	<% endif %>

	html body.tc-body .tc-tiddler-frame .tc-subtitle {
		font-size: 0.7em;
		font-weight: 700;
	}

	html body.tc-body .tc-tiddler-frame .tc-subtitle .tc-tiddlylink {
		margin-right: .3em;
	}

	html body.tc-body .tc-tiddler-frame .tc-tags-wrapper {
		margin: 0;
	}

	html body.tc-body .tc-tiddler-frame button.tc-tag-label,
	html body.tc-body .tc-tiddler-frame span.tc-tag-label {
		font-size: 0.8em;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h1 {
		font-size: 1.5em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h2 {
		font-size: 1.3em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h3 {
		font-size: 1.2em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h4 {
		font-size: 1.1em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-improvement-banner {
		margin-right: -15px;
		margin-left: -10px;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-info {
		margin: 0 -13px 0 -13px;
	}

	html body.tc-body .tc-tiddler-frame .tc-fold-banner {
		width: 13px;
		margin-left: -15px;
	}

	html body.tc-body .tc-tiddler-frame .tc-unfold-banner {
		margin-left: -13px;
		margin-top: -4px;
	}

}