Link to article: SCP-9627.
.shape-container div {
height: 3rem;
width: 3rem;
background-color: #44dd88;
}
.shape-container.blue div {
background-color: #3344bb;
}
.shape-container.red div {
background-color: #b22;
}
.shape-container div div {
background-color: white;
}
.shape-container {
display: flex;
flex-wrap: wrap;
align-content: center;
gap: 0.5rem;
border: solid 2px #ddd;
padding: 0.5rem;
margin: 1rem;
}
.polygon-standard-1 {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.polygon-standard-2 {
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.polygon-standard-3 {
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.polygon-nonstandard {
clip-path: polygon(5% 19%, 16% 10%, 11% 69%, 95% 35%, 54% 84%, 52% 13%);;
}
.polygon-nonstandard-1 {
clip-path: polygon(22% 2%, 4% 83%, 93% 32%, 7% 33%, 69% 20%, 58% 79%, 6% 54%, 57% 17%);
}
.polygon-nonstandard-2 {
clip-path: polygon(71% 22%, 1% 0%, 100% 1%, 99% 100%, 23% 61%);
}
.polygon-nonstandard-3 {
clip-path: polygon(50% 0%, 17% 80%, 100% 43%, 15% 21%, 36% 55%, 46% 96%, 76% 18%, 0% 43%, 77% 78%);
}
.polygon-nonstandard-mold {
clip-path: polygon(13% 21%, 91% 7%, 8% 55%, 62% 60%, 80% 26%, 78% 78%, 37% 75%, 47% 50%);
background-color: white!important;
}
.shape-container .caption.caption {
flex-basis: 100%;
background-color: #ddd;
height: max-content;
padding: 0.2rem;
text-align: center;
}
color:#3344bb;
color:#b22;
background-color: #b22
background-color: #b22
color: #b22
background-color: #b22
background-color: #b22
color: #b22
color: #34b
background-color: #b22
background-color: #b22
background-color: #b22;margin-left: 3.5rem;
background-color: #b22
color: #b22
color:#b22;
color:#b22;
color:#b22;
color:#3344bb;
color:#b22;
background-color: #b22!important
shape-container
polygon-standard-1
polygon-standard-2
polygon-standard-1
polygon-standard
polygon-nonstandard
polygon-standard-1
polygon-standard-3
polygon-standard-2
polygon-standard
polygon-nonstandard-1
polygon-standard-1
polygon-standard
polygon-standard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-2
polygon-standard
polygon-nonstandard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-mold
caption
shape-container
polygon-standard-1
polygon-standard-2
polygon-standard-1
polygon-standard
polygon-nonstandard
polygon-standard-1
polygon-standard-3
polygon-standard-2
polygon-standard
polygon-nonstandard-1
polygon-standard-1
polygon-standard
polygon-standard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-2
polygon-standard
polygon-nonstandard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-mold
caption
shape-container
polygon-standard-1
polygon-standard-2
polygon-standard-1
polygon-standard
polygon-standard-1
polygon-standard-3
polygon-standard-2
polygon-standard
polygon-standard-1
polygon-standard
polygon-standard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-2
polygon-standard
polygon-nonstandard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-mold
caption
shape-container
blue
polygon-standard-1
polygon-standard-2
polygon-standard-1
polygon-standard
polygon-standard-1
polygon-standard-3
polygon-standard-2
polygon-standard
polygon-standard-1
polygon-standard
polygon-standard-3
polygon-standard-1
polygon-standard
polygon-standard
polygon-standard
polygon-standard-1
polygon-standard
polygon-standard
polygon-nonstandard-mold
caption
shape-container
polygon-nonstandard
polygon-nonstandard-1
polygon-nonstandard-2
polygon-nonstandard-3
caption
shape-container
red
polygon-standard-1
polygon-nonstandard-2
polygon-standard-3
polygon-standard
polygon-nonstandard-3
polygon-standard-2
polygon-standard
polygon-nonstandard-1
polygon-nonstandard
polygon-nonstandard-3
polygon-standard-1
polygon-nonstandard-mold
polygon-nonstandard
polygon-standard
polygon-nonstandard-1
polygon-nonstandard
polygon-nonstandard-2
polygon-nonstandard
caption
footer-wikiwalk-nav