fixed logo fixe #1
This commit is contained in:
@@ -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);
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user