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

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,