Round HR

Usage

On any wiki:

[[include :nagiros:component:round-hr]]

This displays the following:

Code

.roundhr {
  border-bottom: 7px solid #AAAAAA;
}
@media (min-width: 767px) {
    .roundhr {
        clip-path: polygon(0% .25em, .25em 0%, calc(100% - .25em) 0%, 100% .25em, 100% calc(100% - .25em), calc(100% - .25em) 100%, .25em 100%, 0% calc(100% - .25em));
    }
}
@media (max-width: 767px) {
    .roundhr {
         clip-path: polygon(0% 1em, 1em 0%, calc(100% - 1em) 0%, 100% 1em, 100% calc(100% - 1em), calc(100% - 1em) 100%, 1em 100%, 0% calc(100% - 1em));
    }
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License