demo.koilab.com - 11/08/2023, 07:32:10 by barshy

/* ==UserStyle==
@name           demo.koilab.com - 11/08/2023, 07:32:10
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://demo.koilab.com/product/nike-air-force-1-07-lv8/") {
    /* Insert code here... */
    .on_sale {
        display: inline-block;
        background-color: #ff5050;
        /* Red background */
        color: #ffffff;
        /* White text */
        padding: 5px 10px;
        /* Padding around the text */
        font-weight: bold;
        /* Bold text */
        font-size: 14px;
        /* Font size */
        border-radius: 3px;
        /* Rounded corners */
        text-transform: uppercase;
        /* Uppercase text */
        position: relative;
        /* Required for the triangle/arrow */
    }

    /* Adding a triangle/arrow to the left side of the tag */
    .on_sale:before {
        content: '';
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-right-color: #ff5050;
    }
}