Add possibility to add "obsolete" to glyphs

[why] The (old) Material Design Icons are to be removed. We should communicate that on the Cheat Sheet. [how] Add class that displays a red top-right triangle with text. Signed-off-by: Fini Jastrow <[email protected]>
ryanoasis · Feb 1, 2023 · 4452cee · 4452cee
1 parent 4e225e2
commit 4452cee
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/_includes/css/nerd-font-tweaks.scss b/_includes/css/nerd-font-tweaks.scss
@@ -210,6 +210,8 @@ a.nerd-font-button:before {
 	border-top: unset;
 	top: 0px;
 	width: 76px;
+	z-index: 5;
+	pointer-events: auto;
 }
 
 #main .nerd-font-cheat-sheet span.glyph-popout-copy-clipboard span {
@@ -248,6 +250,36 @@ a.nerd-font-button:before {
 	width: 100%;
 }
 
+.corner-red {
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 0px;
+	height: 0px;
+	border-top: 65px solid #e11e2d;
+	border-left: 65px solid transparent;
+	z-index: 11;
+	pointer-events: none;
+}
+
+.corner-text {
+	position: absolute;
+	right: 0%;
+	top: 10%;
+	color: white;
+	font-size: 8pt;
+	font-weight: bold;
+	font-family: 'mono';
+	text-align: center;
+	-ms-transform: rotate(45deg);
+	-webkit-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	-sand-transform: rotate(45deg);
+	transform: rotate(45deg);
+	z-index: 12;
+}
+
 /* gitter chat tweaks */
 .gitter-open-chat-button {
 	border-color: #2e2e2e;