feat(standard-styling): Change header tpl, standard vars & icons,

This commit is contained in:
2025-11-21 14:41:10 +01:00
parent 79512bd81a
commit 00bae73b17
4 changed files with 47 additions and 36 deletions

View File

@ -1,10 +1,13 @@
$font-family-sans-serif: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-sans-serif: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI",
roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-base: $font-family-sans-serif;
$headings-font-family: $font-family-sans-serif;
$font-size-base: rem-calc(16px);
$font-size-lg: $font-size-base * 1.125;
$font-size-sm: $font-size-base * .875;
$font-size-xs: $font-size-base * .6875;
$font-size-sm: $font-size-base * 0.875;
$font-size-xs: $font-size-base * 0.6875;
$font-weight-lighter: 200;
$font-weight-light: 300;

3
falcon/_dev/img/x.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
</svg>

After

Width:  |  Height:  |  Size: 331 B

View File

@ -34,10 +34,8 @@
{block name='header_top'}
<div class="js-header-top-wrapper">
<div class="header-top js-header-top">
<div class="header-top__content pt-md-3 pb-md-0 py-2">
<div class="header-top__content pb-md-0 py-2">
<div class="container">
<div class="row header-top__row">
@ -81,6 +79,13 @@
</div>
</div>
</div>
<div class="container header-main-menu">
<div class="row">
<div class="col">
{hook h='displayNavFullWidth'}
</div>
</div>
</div>
</div>
</div>
{/block}

View File

@ -14,7 +14,7 @@
{/block}
{block name='modal_close'}
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
{svg_icon file='x.svg' width="24" height="24"}
</button>
{/block}
</div>