isabelle/Falcon-PrestaShop-9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Isabelle Oving - Anno
2025-11-21 14:41:10 +01:00
parent 79512bd81a
commit 00bae73b17
4 changed files with 47 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss
View File

@ -1,39 +1,42 @@
$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",
$font-family-base: $font-family-sans-serif; 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-base: rem-calc(16px);
$font-size-lg: $font-size-base * 1.125; $font-size-lg: $font-size-base * 1.125;
$font-size-sm: $font-size-base * .875; $font-size-sm: $font-size-base * 0.875;
$font-size-xs: $font-size-base * .6875; $font-size-xs: $font-size-base * 0.6875;
$font-weight-lighter: 200; $font-weight-lighter: 200;
$font-weight-light: 300; $font-weight-light: 300;
$font-weight-normal: 400; $font-weight-normal: 400;
$font-weight-bold: 700; $font-weight-bold: 700;
$font-weight-bolder: 800; $font-weight-bolder: 800;
$h1-font-size: $font-size-base * 2; $h1-font-size: $font-size-base * 2;
$h2-font-size: $font-size-base * 1.75; $h2-font-size: $font-size-base * 1.75;
$h3-font-size: $font-size-base * 1.5; $h3-font-size: $font-size-base * 1.5;
$h4-font-size: $font-size-base * 1.25; $h4-font-size: $font-size-base * 1.25;
$h5-font-size: $font-size-base * 1.125; $h5-font-size: $font-size-base * 1.125;
$h6-font-size: $font-size-base; $h6-font-size: $font-size-base;
$display1-size: $font-size-base * 2.5; $display1-size: $font-size-base * 2.5;
$display2-size: $font-size-base * 2.25; $display2-size: $font-size-base * 2.25;
$display3-size: $font-size-base * 2; $display3-size: $font-size-base * 2;
$display4-size: $font-size-base * 1.75; $display4-size: $font-size-base * 1.75;
$display1-weight: 400; $display1-weight: 400;
$display2-weight: 400; $display2-weight: 400;
$display3-weight: 400; $display3-weight: 400;
$display4-weight: 400; $display4-weight: 400;
$text-muted: $gray-600; $text-muted: $gray-600;
$paragraph-margin-bottom: rem-calc(20px); $paragraph-margin-bottom: rem-calc(20px);
$headings-margin-bottom: rem-calc(20px); $headings-margin-bottom: rem-calc(20px);
$headings-font-weight: 700; $headings-font-weight: 700;
$headings-line-height: 1.2; $headings-line-height: 1.2;
$headings-color: $gray-900; $headings-color: $gray-900;

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>
Side by Side

After

Width:  |  Height:  |  Size: 331 B

11
falcon/templates/_partials/header.tpl
View File

@ -34,10 +34,8 @@
{block name='header_top'} {block name='header_top'}
<div class="js-header-top-wrapper"> <div class="js-header-top-wrapper">
<div class="header-top js-header-top"> <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="container">
<div class="row header-top__row"> <div class="row header-top__row">
@ -81,6 +79,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container header-main-menu">
<div class="row">
<div class="col">
{hook h='displayNavFullWidth'}
</div>
</div>
</div>
</div> </div>
</div> </div>
{/block} {/block}

4
falcon/templates/components/modal.tpl
View File

@ -12,9 +12,9 @@
{block name='modal_title' hide} {block name='modal_title' hide}
<h5 class="modal-title">{$smarty.block.child}</h5> <h5 class="modal-title">{$smarty.block.child}</h5>
{/block} {/block}
{block name='modal_close'} {block name='modal_close'}
<button type="button" class="close" data-dismiss="modal" aria-label="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> </button>
{/block} {/block}
</div> </div>