Add strikethrough styling for complete milestones

2021-05-03 12:40:56 +01:00
parent 04adc18265
commit e1e1552152
1 changed files with 23 additions and 0 deletions
--- a/v3/index.html
+++ b/v3/index.html
@@ -14,6 +14,29 @@
  .content-wrapper {
    top: 2em;
  }
+  s {
+	text-decoration-color:rgba(0, 255, 0, 0.5)
+  }
+  @media (min-width: 600px) {
+	  s {
+		position: relative;
+		text-decoration: none;
+	  }
+	  s::after {
+		content: "";
+		line-height: 1em;
+		margin-top: calc(0.125em / 2 * -1);
+		position: absolute;
+		right: 0;
+		top: 50%;
+		bottom: 0;
+		left: 0;
+		border-top: 0.125em solid rgba(0, 255, 0, 0.5);
+		height: calc(50% - 1px);
+		width: 100%;
+		transform: rotateZ(-1deg);
+	  }
+	}
  </style>
 </head>