Tweak the sign a bit

This commit is contained in:
Mikkel Munch Mortensen 2022-10-06 17:55:34 +02:00
parent 1d767b8dc3
commit 0cedf07ed9

View file

@ -16,7 +16,7 @@
height: 33vmin;
width: 38vmin;
margin: 0;
padding: .5em 0;
padding: 2.5vmin 0;
position: absolute;
top: 0;
left: 0;
@ -24,20 +24,21 @@
z-index: -1;
transform: rotate(45deg);
border: 1vmin solid #000;
border-radius: 1em;
border-radius: 5vmin;
}
h1 {
font-family: sans-serif;
font-weight: 700;
font-size: 5vmin;
line-height: 1.25em;
font-size: 4vmin;
line-height: 6.25vmin;
white-space: pre-line;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.06em;
height: 35vmin;
width: 40vmin;
margin: 0;
padding: 1.5em 0;
padding: 7.5vmin 0;
position: absolute;
top: calc(50% - 20vmin);
left: calc(50% - 20vmin);
@ -48,24 +49,22 @@
height: 37vmin;
width: 42vmin;
margin: 0;
padding: .5em 0;
padding: 2.5vmin 0;
position: absolute;
top: -1vmin;
left: -1vmin;
top: -1.15vmin;
left: -1.15vmin;
content: "";
z-index: -2;
transform: rotate(45deg);
border-radius: 1.15em;
border-radius: 5.75vmin;
box-shadow: 2vmin 0vmin 3vmin rgba(0, 0, 0, .5);
}
</style>
</head>
<body>
<h1>Cheese
Cave
<h1>The Cheese
Cave is
closed to
public</h1>
the public</h1>
</body>
</html>