fixed logo fixe #1

This commit is contained in:
Bachir Soussi Chiadmi
2018-03-13 14:31:08 +01:00
parent d394a11bf8
commit ceb9ba6f05
4 changed files with 236 additions and 71 deletions
@@ -67,42 +67,54 @@ header[role="banner"]{
display: inline-block;
h1{
margin:0; display: inline-block;
font-size: 1.5em;
text-transform: lowercase;
a{
$col_w:3.74em;
$col_gap:2em;
line-height: 0.93;
text-align: center;
color: inherit;
text-decoration: none;
display: inline-block;
columns:$col_w 2;
column-gap: $col_gap;
word-break:break-all;
hyphens:auto;
position: relative;
&:after, &:before{
content: '';
position: absolute;
top:50%;
height:0;
}
&:before{
left:$col_w;
border-bottom:0.08em solid #000;
width:2.5em;
transform: rotateZ(-45deg);
}
&:after{
$w:0.5em;
top:47%;
left:($col_w+$col_gap/2);
border-top:0.2em solid red;
width:$w;
transform: rotateZ(45deg);
}
a.site-name{
display: block;
$w:290px;
width:$w; height:$w * 0.22;
background-image: url(../img/logo.svg);
background-color: white;
background-repeat:no-repeat;
background-size: contain;
white-space: nowrap;
text-indent: 500px;
overflow: hidden;
}
// font-size: 1.5em;
// text-transform: lowercase;
// a{
// $col_w:3.74em;
// $col_gap:2em;
// line-height: 0.93;
// text-align: center;
// color: inherit;
// text-decoration: none;
// display: inline-block;
// columns:$col_w 2;
// column-gap: $col_gap;
// word-break:break-all;
// hyphens:auto;
// position: relative;
// &:after, &:before{
// content: '';
// position: absolute;
// top:50%;
// height:0;
// }
// &:before{
// left:$col_w;
// border-bottom:0.08em solid #000;
// width:2.5em;
// transform: rotateZ(-45deg);
// }
// &:after{
// $w:0.5em;
// top:47%;
// left:($col_w+$col_gap/2);
// border-top:0.2em solid red;
// width:$w;
// transform: rotateZ(45deg);
// }
// }
}
}