added assnat margin

This commit is contained in:
Olivier Demers 2024-02-25 20:05:51 -05:00
parent 8101209fe7
commit fb7f3a42bc
3 changed files with 8 additions and 1 deletions

View File

@ -16,6 +16,7 @@
--muted-border-color: #c99a2c; --muted-border-color: #c99a2c;
--card-sectionning-background-color: #189ad6; --card-sectionning-background-color: #189ad6;
--card-background-color: hsl(199, 80%, 55%); --card-background-color: hsl(199, 80%, 55%);
--partenaires-background: hsl(199, 30.6%, 93.41%);
--color: white; --color: white;
--border-width: 2px; --border-width: 2px;
--active-link-color: #0a1425; --active-link-color: #0a1425;
@ -27,6 +28,7 @@
--background-color: #0a1425; --background-color: #0a1425;
--card-sectionning-background-color: #243043; --card-sectionning-background-color: #243043;
--card-background-color: #0c192e; --card-background-color: #0c192e;
--partenaires-background: hsl(217, 34%, 87%);
--card-border-color: #c99a2c; --card-border-color: #c99a2c;
--active-link-color: #189ad6; --active-link-color: #189ad6;
--primary-focus: rgba(201, 154, 44, 0.3); --primary-focus: rgba(201, 154, 44, 0.3);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 50 KiB

View File

@ -29,7 +29,11 @@
<article> <article>
<header>Platine</header> <header>Platine</header>
<div class="partenaires" id="platine"> <div class="partenaires" id="platine">
<img src={assnat} alt="Assemblée Nationale" /> <img
src={assnat}
alt="Assemblée Nationale"
style="padding-inline: 2rem; padding-bottom: 2rem"
/>
<img src={hydroquebec} alt="Hydro Québec" /> <img src={hydroquebec} alt="Hydro Québec" />
</div> </div>
</article> </article>
@ -75,6 +79,7 @@
<style lang="scss"> <style lang="scss">
article { article {
background-color: white; background-color: white;
// background-color: var(--partenaires-background);
border-radius: calc(var(--border-radius) + 3px) calc(var(--border-radius) + 3px) border-radius: calc(var(--border-radius) + 3px) calc(var(--border-radius) + 3px)
var(--border-radius) var(--border-radius); var(--border-radius) var(--border-radius);
} }