Contents

/* Gradient transparent - color - transparent */

hr.grad {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 0.75), rgba(255,255,255, 0));
    width:50%;
    margin: auto auto;
}

hr.purple-right{
    margin-top:.4rem;
    margin-bottom:.4rem;

    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(158,29,88, 1), rgba(158,29,88, 0.75), rgba(158,29,88, 0));
    width:50%;
}

hr.green-right{
    margin-top:.4rem;
    margin-bottom:.4rem;

    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(66, 142, 66, 1), rgba(66, 142, 66, 0.75), rgba(66, 142, 66, 0));
    width:50%;
}

hr.orange-right{
    margin-top:.4rem;
    margin-bottom:.4rem;

    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(244, 123, 40, 1), rgba(244, 123, 40, 0.75), rgba(244, 123, 40, 0));
    width:50%;
}
hr.blue-right{
    margin-top:.4rem;
    margin-bottom:.4rem;

    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(20,161,175, 1), rgba(20,161,175, 0.75), rgba(20,161,175, 0));
    width:50%;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
solar-flair-0.1.10	_sass/solar-flair/_hr.scss
solar-flair-0.1.7	_sass/solar-flair/_hr.scss