initial commit

src/HUD/Radar/radar.scss

@@ -0,0 +1,66 @@
+#radar_maps_container {
+	position: fixed;
+	top: 10px;
+	left: 10px;
+	border: none;
+	background-color: rgba(0,0,0,0.5);
+	transition: all 1s;
+	.map-container {
+		transition: all 1s;
+	}
+}
+#iframe_radar {
+	border: none;
+}
+#radar_maps_container.hide {
+	opacity: 0;
+}
+#radar_maps_container.preview {
+    transform: rotate3d(1, 0, 0, 14deg) translateX(-50%);
+    transform-style: preserve-3d;
+    left: 50%;
+    top: 100px;
+	.map {
+		perspective: 500px;
+	}
+}
+.radar-component-container {
+	width: 350px;
+	height:350px;
+	overflow: hidden;
+}
+#maps_container {
+	width: 100%;
+	height: 30px;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-evenly;
+	background-color: rgba(0,0,0,0.5);
+}
+.veto_entry {
+	display: flex;
+	justify-content: center;
+	>div {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: white;
+		text-transform: uppercase;
+		font-size: 10pt;
+	}
+	.team_logo {
+		img {
+			max-height: 23px;
+			padding-right: 3px;
+			max-width: 23px;
+		}
+		.logo {
+			height: 23px;
+			width: 23px;
+		}
+	}
+	.map_name.active {
+		text-shadow: 0 0 15px white;
+		font-weight: 600;
+	}
+}