Made pins nicer

This commit is contained in:
Alexander Munch-Hansen 2018-05-29 18:03:53 +02:00
parent ae7bc87ed8
commit 594f4546cd

View File

@ -14,7 +14,6 @@ body {
.pin {
border: 1px solid rgba(0, 0, 0, 0.8);
}
.ul {
@ -36,10 +35,22 @@ div.pin {
min-height: 25em;
}
div.pin-bottom {
/* -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */
div.pin-top {
-webkit-clip-path: polygon(100% 0%, 1% 0%, 50% 100%);
clip-path: polygon(100% 0%, 1% 0%, 50% 100%);
display: flex;
flex-direction: column;
}
div.pin-bottom {
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
display: flex;
flex-direction: column-reverse;
}
#pin-0 {
grid-column-start: 7;
grid-row-start: 1;