Slim header according to topio (now fully responsive).

This commit is contained in:
Stephan 2021-03-06 11:53:26 +01:00
parent 8ea770cd3d
commit 21a803cc21
2 changed files with 47 additions and 9 deletions

View File

@ -872,14 +872,26 @@ footer {
display: none; display: none;
} }
.slim_box__top_bar_left { /* slim header - start */
margin-top: 1rem; .header__slim_box {
height: 1.125rem; background-image: none;
padding-bottom: 0;
} }
.slim_box__top_bar_middle, .slim_box__top_bar_right { .slim_box__top_bar_left {
margin: 1rem 0.5rem 0 0;
height: 1.125rem;
background-image: url("../images/slim_header_top_triangles.svg");
background-position: right;
background-repeat: no-repeat;
}
.slim_box__top_bar_middle,
.slim_box__unicorns,
.slim_box__top_bar_right {
display: none; display: none;
} }
/* slim header - end */
.header__claim { .header__claim {
margin: 1.2rem 1.5rem 0 1.5rem; margin: 1.2rem 1.5rem 0 1.5rem;
@ -1006,15 +1018,27 @@ footer {
display: none; display: none;
} }
.slim_box__top_bar_left { /* slim header - start */
grid-column: 1 / span 5; .header__slim_box {
margin-top: 3rem; background-image: none;
height: 1.125rem; margin: 0;
padding: 0;
} }
.slim_box__top_bar_middle, .slim_box__top_bar_right { .slim_box__top_bar_left {
margin: 0 0.5rem 0 0;
height: 1.125rem;
background-image: url("../images/slim_header_top_triangles.svg");
background-position: right;
background-repeat: no-repeat;
}
.slim_box__top_bar_middle,
.slim_box__top_bar_right,
.slim_box__unicorns {
display: none; display: none;
} }
/* slim header - end */
.sub_claim__box { .sub_claim__box {
padding-bottom: 2.5rem; padding-bottom: 2.5rem;

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 28 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-1230,-152)">
<g id="blue-corner" serif:id="blue corner">
<path d="M1257.2,152L1230,170L1230,152L1257.2,152Z" style="fill:#2a7fff;"/>
</g>
</g>
<g transform="matrix(-1,0,0,-1,1257.2,170)">
<g id="blue-corner1" serif:id="blue corner">
<path d="M1257.2,152L1230,170L1229,171.249L1228.87,151.148L1230,152L1257.2,152Z" style="fill:#edefeb;"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 900 B