Skip to content
Snippets Groups Projects
flag.pcss 333 B
.flag {
  /* right margin makes space for flag stripe */
  @apply inline-block relative py-6 pl-8 pr-6 mr-10 bg-black text-white;

  &:after {
    @apply absolute w-10 h-full;
    content: "";
    left: 100%;
    top: 0;
    background: inherit;
    clip-path: polygon(-2px -1px, 100% -1px, 60% 50%, 100% 100.7%, -2px 100.7%);
  }
}