GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-10-09 05:19:02 +00:00
Code Issues Activity

refix buttons alignements

Browse source
This commit is contained in:
Tixie 2023-03-02 08:39:47 +01:00
parent 572dcef82c
commit bab7b76385
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/css/2-components/_buttons.scss
View file

@ -17,7 +17,7 @@ $btn-border-width: 0.1rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0.8em 1.6em; padding: 0.8em 1em;
border: $btn-border-width solid transparent; border: $btn-border-width solid transparent;
margin: 0; margin: 0;
background-color: $btn-primary; background-color: $btn-primary;

2
src/css/3-base/_04-main.scss
View file

@ -35,7 +35,7 @@ body {
.title-2 { .title-2 {
margin-top: 7rem; margin-top: 7rem;
margin-bottom: 2.5rem; margin-bottom: 3rem;
font-size: 3.8rem; font-size: 3.8rem;
font-weight: 900; font-weight: 900;
line-height: 1.2em; line-height: 1.2em;

4
src/index.njk
View file

@ -23,9 +23,9 @@ permalink:
<article class="w100 maxw380px text-center"> <article class="w100 maxw380px text-center">
<h2 class="title-1 mt0">Et <span class="highlighter-underline">vous</span>&nbsp;?</h2> <h2 class="title-1 mt0">Et <span class="highlighter-underline">vous</span>&nbsp;?</h2>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="notif notif--error" x-bind="error" x-cloak>Message d'erreur à faire</div> <div class="notif notif--error mb2" x-bind="error" x-cloak>Message d'erreur à faire</div>
<div class="gridstack mb15"> <div class="gridstack mb15">
<form action="/" method="post" x-bind="form"> <form action="/" method="post" class="flex" x-bind="form">
<button class="btn btn--big btn--icoYellow w100" x-bind="button"> <button class="btn btn--big btn--icoYellow w100" x-bind="button">
{% include 'icons/plus-one.svg' %} Je fais grève {% include 'icons/plus-one.svg' %} Je fais grève
</button> </button>