Styles for the improvement banner

TiddlyWiki · Nov 17, 2024 · 3836a5d · 3836a5d
1 parent 83f7b90
commit 3836a5d
Showing 1 changed file with 49 additions and 0 deletions.
diff --git a/editions/multiwikidocs/tiddlers/system/Styles.tid b/editions/multiwikidocs/tiddlers/system/Styles.tid
@@ -0,0 +1,49 @@
+tags: $:/tags/Stylesheet
+title: $:/_styles
+type: text/vnd.tiddlywiki
+
+\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock
+
+.tc-improvement-banner {
+	font-size: 0.7em;
+	background: #fcc;
+	padding-left: 5px;
+	margin-top: 6px;
+	margin-bottom: 12px;
+	<<box-shadow "2px 2px 2px rgba(0,0,0,0.4)">>
+}
+
+@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
+
+	.tc-improvement-banner {
+	}
+
+}
+
+@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
+
+	.tc-improvement-banner {
+		margin-right: -53px;
+		margin-left: -53px;
+	}
+
+	.tc-improvement-banner:before {
+		display: block;
+		position: absolute;
+		width: 0;
+		height: 0;
+		content: " ";
+		margin-left: -5px;
+		margin-top: -10px;
+		border-top: 5px solid transparent;
+		border-left: 5px solid transparent;
+		border-right: 5px solid #C07E7E;
+		border-bottom: 5px solid #C07E7E;
+	}
+
+}
+
+.tc-improvement-banner svg {
+	width: 1em;
+	height: 1em;
+}