GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-12-18 05:41:56 +00:00
Code Issues Activity

small breakpoint larger

Browse source
This commit is contained in:
Tixie Salander 2023-03-02 11:46:23 +01:00
parent 8fde5d45bf
commit ee62184e41
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/css/_config.scss
View file

@ -27,7 +27,7 @@ $container-small: 55rem;
// ------------------------------------------------------------- // -------------------------------------------------------------
$breakpoints: ( $breakpoints: (
sm: 480px, sm: 550px,
md: 769px, md: 769px,
lg: 1000px, lg: 1000px,
); );

2
src/css/_helpers.scss
View file

@ -102,6 +102,8 @@ $helpers: (
(flex-col, flex-direction, column), (flex-col, flex-direction, column),
(text-center, text-align, center), (text-center, text-align, center),
(w100, width, 100%), (w100, width, 100%),
(maxw100, max-width, 100%),
), ),
); );

2
src/index.njk
View file

@ -20,7 +20,7 @@ permalink:
</p> </p>
</article> </article>
</div> </div>
<article class="w100 maxw380px text-center"> <article class="w100 maxw380px sm:maxw100 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 mb2" 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> #}