X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fcommon.scss;h=15ec4ef1b639e5e3717b4e8cd880b463b5508026;hb=01c03862db4c9d7da371fb3500aab566d36366ff;hp=83e5b9045416cb42b541a0b6cd1f9b96dbca1be1;hpb=18759929710746d45d0f69e4f09205db3ddc74af;p=alttp.git

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 83e5b90..15ec4ef 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -12,15 +12,9 @@ h1 {
 }
 
 .button-bar {
+	margin: -0.5ex;
 	> * {
-		margin-left: 0.5ex;
-		margin-right: 0.5ex;
-	}
-	> :first-child {
-		margin-left: 0;
-	}
-	> :last-child {
-		margin-right: 0;
+		margin: 0.5ex;
 	}
 }
 
@@ -193,6 +187,7 @@ h1 {
 }
 
 .zelda-icon {
+	position: relative;
 	display: inline-flex;
 	align-items: center;
 	width: 2em;
@@ -203,4 +198,27 @@ h1 {
 		max-width: 100%;
 		max-height: 100%;
 	}
+	.strike {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 2em;
+		height: 2em;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		pointer-events: none;
+
+		svg {
+			width: 100%;
+			height: 100%;
+		}
+
+		path {
+			fill: red;
+			stroke: black;
+			stroke-width: 1px;
+			vector-effect: non-scaling-stroke;
+		}
+	}
 }