Made pins nicer
This commit is contained in:
parent
ae7bc87ed8
commit
594f4546cd
17
style.css
17
style.css
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue
Block a user