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; display: flex;
flex-direction: var(--direction, row); flex-direction: var(--direction, row);
flex-wrap: var(--wrap, wrap); flex-wrap: var(--wrap, wrap);
align-items: var(--vertical-alignment, center); align-items: var(--items, center);
justify-content: var(--horizontal-alignment, flex-start); justify-content: var(--justify, flex-start);
column-gap: var(--column-gap, var(--gutter, var(--space-sm))); column-gap: var(--column-gap, var(--gutter, var(--space-sm)));
row-gap: var(--row-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 { #menu {
--flow-space: var(--space-2xl); --flow-space: var(--space-2xl);
--direction: column; --direction: column;
--vertical-alignment: flex-start; --items: flex-start;
width: var(--sidebar-width); width: var(--sidebar-width);
padding: var(--gap); padding: var(--gap);
background: var(--color-background); background: var(--color-background);
} }
#menu header { #menu header {
--horizontal-alignment: center; --justify: center;
padding-left: var(--gap); padding-left: var(--gap);
height: 40px; height: 40px;
font-family: var(--font-serif); font-family: var(--font-serif);
@ -72,7 +72,7 @@
#menu ul { #menu ul {
--direction: column; --direction: column;
--vertical-alignment: flex-start; --items: flex-start;
--row-gap: var(--space-xs); --row-gap: var(--space-xs);
width: 100%; width: 100%;
} }