add more rules for the horizontal line around the title.

This commit is contained in:
Ahmed-Ayman 2018-12-12 20:12:56 +02:00
parent 06065dea6e
commit 474000833c

View File

@ -1,20 +1,17 @@
@import "variables"; @import "variables";
/* section heading*/
.section-title {
padding: 1em;
margin-bottom: 1em;
}
.section-heading { .section-heading {
padding-top: 1em; padding-top: 1em;
} }
.section-title{ .section-title{
margin: 0 0 2em 0;
line-height: 0.5; line-height: 0.5;
text-align: center; text-align: center;
padding: 1em;
} }
// --------------------------
// add horizontal lines around the section title.
//----------------------------
.section-title span{ .section-title span{
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -23,11 +20,10 @@
.section-title span:after { .section-title span:after {
content: ""; content: "";
position: absolute; position: absolute;
height: 5px; height: 8px;
border-bottom: 1px solid black; border-bottom: 3px solid black;
//border-top: 1px solid black;
top: 0; top: 0;
width: 300px; width: 400px;
} }
.section-title span:before { .section-title span:before {
right: 100%; right: 100%;
@ -37,5 +33,3 @@
left: 100%; left: 100%;
margin-left: 15px; margin-left: 15px;
} }
/* view all elements */