Skip to content

Instantly share code, notes, and snippets.

@jdcauley jdcauley/fancy-h-tag.less
Last active Dec 20, 2015

Embed
What would you like to do?
Adds Lines lines to either side of a text item: - Title -
@fancy-color: #333;
.fancy{
overflow: hidden;
text-align: center;
span {
display: inline-block;
position: relative;
&:before, &:after {
content: "";
position: absolute;
height: 5px;
margin-top: 17px;
border-bottom: 1px solid @fancy-color;
border-top: 1px solid @fancy-color;
top: 0;
width: 600px;
}
&:before{
right: 100%;
margin-right: 15px;
}
&:after{
left: 100%;
margin-left: 15px;
}
}
}
<h3 class="fancy"><span>Example</span></h3>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.