# Dividers

.divider{ &:not(.divider-right){ width: 100%; float: left; height: 1px; background-color: #9b9b9b; } &.divider-right{ position: relative; padding-right: 10px; &:after{ content: ""; width: 1px; height: 100%; position: absolute; right: 0; background-color: #9b9b9b; top: 0; } } &.light-gray{ background-color: #ebebeb; &:after{ background-color: #ebebeb; } } &.blue{ background-color: #3153f5; &:after{ background-color: #3153f5; } } &.white{ background-color: #fff; &:after{ background-color: #fff; background-color: #fff; } } &.spacing{ margin: 30px 0; } }