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

Update CSS space variables names: use numbers instead of T-shirts sizes

Browse source
This commit is contained in:
Timothée Goguely 2024-09-04 18:52:12 +02:00
parent df8b08ee6d
commit a240c3a016
10 changed files with 106 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Project.vue
View file

@ -40,7 +40,7 @@ const frenchFormattedModified = dayjs(project.modified).format(
.project-item h3 {
font-family: var(--font-serif);
font-size: var(--text-lg);
margin-bottom: var(--space-sm);
margin-bottom: var(--space-8);
}
.project-item p {
font-size: var(--text-sm);
@ -61,7 +61,7 @@ const frenchFormattedModified = dayjs(project.modified).format(
--color: var(--color-primary-100);
flex: 1 1 0%;
display: flex;
gap: var(--space-lg);
gap: var(--space-16);
margin-top: -2.75rem;
position: relative;
}

10
src/components/Tabs.vue
View file

@ -54,15 +54,15 @@ function changeTab(tabId) {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 0 auto var(--space-md);
margin: 0 auto var(--space-12);
border-radius: var(--rounded-full);
min-height: 60px;
height: 3.75rem; /* 60px */
}
[role="tab"] {
--tab-height: 2.5rem;
--tab-py: var(--space-md);
--tab-px: var(--space-lg);
--tab-py: var(--space-12);
--tab-px: var(--space-16);
position: relative;
display: inline-flex;
align-items: center;
@ -74,7 +74,7 @@ function changeTab(tabId) {
padding: var(--tab-py) var(--tab-px);
margin: 0;
cursor: pointer;
gap: var(--space-lg);
gap: var(--space-16);
height: var(--tab-height);
}
[role="tab"]:focus,