To streger fra hver side af logoet
Hej med jer. Jeg kan ikke få dette her til at fungere..Det skulle gerne være noget a la denne side:
https://www.halfbakedharvest.com/
Men jeg har allerede problemer med <body>.....
Så hvordan mener I jeg skal bygge det op? Iframe?
HTML:
<div id="logo" class="flex-col logo side-lines">
<!-- Header logo -->
<a href="URL" title="Logo" rel="home">
LOGO</a>
</div>
CSS:
/*Important stuff*/
.side-lines { background:#eee;
&:before,
&:after { position:absolute; width:10%; height:3px; content:''; border-top:1px solid #000; border-bottom:0px solid #000; margin-top:.50em; }
&:before { margin-left:-11%; }
&:after { margin-left:1%; }
}
/*Styling stuff*/
body { text-align:center; padding-top:50px; }
$link: #369;
a { color:$link; }
a:hover { color:lighten($link, 20%); text-decoration:none; }
