Made pins nicer
This commit is contained in:
parent
ae7bc87ed8
commit
594f4546cd
17
style.css
17
style.css
|
@ -14,7 +14,6 @@ body {
|
||||||
.pin {
|
.pin {
|
||||||
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.8);
|
border: 1px solid rgba(0, 0, 0, 0.8);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ul {
|
.ul {
|
||||||
|
@ -36,10 +35,22 @@ div.pin {
|
||||||
min-height: 25em;
|
min-height: 25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.pin-bottom {
|
div.pin-top {
|
||||||
/* -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); */
|
-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 {
|
#pin-0 {
|
||||||
grid-column-start: 7;
|
grid-column-start: 7;
|
||||||
grid-row-start: 1;
|
grid-row-start: 1;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user