studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update flex utility variables: rename --vertical-alignement to --items and --horizontal-alignement to --justify

Browse source
This commit is contained in:
Timothée Goguely 2024-09-02 21:25:53 +02:00
parent a97942ace2
commit 435703cc05
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/src/1.3.compositions.flex.css
View file

@ -4,8 +4,8 @@
display: flex;
flex-direction: var(--direction, row);
flex-wrap: var(--wrap, wrap);
align-items: var(--vertical-alignment, center);
justify-content: var(--horizontal-alignment, flex-start);
align-items: var(--items, center);
justify-content: var(--justify, flex-start);
column-gap: var(--column-gap, var(--gutter, var(--space-sm)));
row-gap: var(--row-gap, var(--gutter, var(--space-sm)));
}

6
src/components/Menu.vue
View file

@ -52,14 +52,14 @@
#menu {
--flow-space: var(--space-2xl);
--direction: column;
--vertical-alignment: flex-start;
--items: flex-start;
width: var(--sidebar-width);
padding: var(--gap);
background: var(--color-background);
}
#menu header {
--horizontal-alignment: center;
--justify: center;
padding-left: var(--gap);
height: 40px;
font-family: var(--font-serif);
@ -72,7 +72,7 @@
#menu ul {
--direction: column;
--vertical-alignment: flex-start;
--items: flex-start;
--row-gap: var(--space-xs);
width: 100%;
}