kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: change scale to use major third (5:6)

Browse Source
This commit is contained in:
Stefan Imhoff
2024-03-14 16:44:17 +01:00
parent 8e8b837c21
commit 6985dcce51
1 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
tailwind.config.cjs
View File

@@ -94,32 +94,32 @@ module.exports = {
},
spacing: {
1: '0.335rem',
2: 'clamp(0.335rem, 0.72vw, 0.402rem)',
3: 'clamp(0.402rem, 0.86vw, 0.482rem)',
4: 'clamp(0.482rem, 1.03vw, 0.579rem)',
5: 'clamp(0.579rem, 1.24vw, 0.694rem)',
6: 'clamp(0.694rem, 1.49vw, 0.833rem)',
7: 'clamp(0.833rem, 1.78vw, 1rem)',
8: 'clamp(1rem, 2.14vw, 1.2rem)',
9: 'clamp(1.2rem, 2.57vw, 1.44rem)',
10: 'clamp(1.44rem, 3.7vw, 1.728rem)',
11: 'clamp(1.728rem, 3.7vw, 2.074rem)',
12: 'clamp(2.074rem, 4.44vw, 2.488rem)',
13: 'clamp(2.488rem, 5.32vw, 2.986rem)',
14: 'clamp(2.986rem, 6.39vw, 3.583rem)',
15: 'clamp(3.583rem, 7.67vw, 4.3rem)',
16: 'clamp(4.3rem, 9.2vw, 5.16rem)',
17: 'clamp(5.16rem, 11.04vw, 6.192rem)',
18: 'clamp(6.192rem, 13.25vw, 7.43rem)',
19: 'clamp(7.43rem, 15.9vw, 8.916rem)',
20: 'clamp(8.916rem, 19.08vw, 10.699rem)',
column: '5.55vw',
layout: 'clamp(1.5rem, 5.55vw, 4.5rem)',
gap: 'clamp(1.5rem, 5.55vw, 6rem)',
halfgap: 'calc(clamp(1.5rem, 5.55vw, 6rem) / 2)',
icon: '24px',
'icon-small': '20px',
clickarea: '40px',
2: 'clamp(0.335rem, 0.41875vw, 0.402rem)',
3: 'clamp(0.402rem, 0.5375vw, 0.482rem)',
4: 'clamp(0.482rem, 0.644375vw, 0.579rem)',
5: 'clamp(0.579rem, 0.780625vw, 0.694rem)',
6: 'clamp(0.694rem, 0.935vw, 0.833rem)',
7: 'clamp(0.833rem, 1.1025vw, 1rem)',
8: 'clamp(1rem, 1.425vw, 1.2rem)',
9: 'clamp(1.2rem, 1.785vw, 1.44rem)',
10: 'clamp(1.44rem, 2.2125vw, 1.728rem)',
11: 'clamp(1.728rem, 2.765vw, 2.074rem)',
12: 'clamp(2.074rem, 3.55vw, 2.488rem)',
13: 'clamp(2.488rem, 4.15vw, 2.986rem)',
14: 'clamp(2.986rem, 5.04875vw, 3.583rem)',
15: 'clamp(3.583rem, 6.0875vw, 4.3rem)',
16: 'clamp(4.3rem, 7.25vw, 5.16rem)',
17: 'clamp(5.16rem, 9.05vw, 6.192rem)',
18: 'clamp(6.192rem, 11.375vw, 7.43rem)',
19: 'clamp(7.43rem, 14.0625vw, 8.916rem)',
20: 'clamp(8.916rem, 17.85vw, 10.699rem)',
column: '6.9375vw',
layout: 'clamp(1.5rem, 6.9375vw, 4.5rem)',
gap: 'clamp(1.5rem, 6.9375vw, 6rem)',
halfgap: 'calc(clamp(1.5rem, 6.9375vw, 6rem) / 2)',
icon: '30px',
'icon-small': '25px',
clickarea: '50px',
},
fontFamily: {
sans: ['SecuelaVariable', 'Arial', 'sans-serif'],
@@ -127,15 +127,15 @@ module.exports = {
},
fontSize: {
1: ['0.65em', { lineHeight: '' }],
2: ['clamp(0.65rem, 0.8vw, 0.75rem)', { lineHeight: '1.625' }],
3: ['clamp(1rem, 1.1vw, 1.25rem)', { lineHeight: '1.625' }],
4: ['clamp(1.25rem, 1.8vw, 2rem)', { lineHeight: '1' }],
5: ['clamp(1.5rem, 2.9vw, 3.25rem)', { lineHeight: '1' }],
6: ['clamp(2.25rem, 4.7vw, 5.3rem)', { lineHeight: '1' }],
7: ['clamp(3.3rem, 7.3vw, 8.5rem)', { lineHeight: '1' }],
8: ['clamp(4.5rem, 12.2vw, 13.87rem)', { lineHeight: '1' }],
9: ['clamp(5.5rem, 28.7vw, 22.43rem)', { lineHeight: '1' }],
code: ['clamp(0.75rem, 0.8vw, 0.9rem)', { lineHeight: '1.625' }],
2: ['clamp(0.65rem, 0.8125vw, 0.8125rem)', { lineHeight: '1.625' }],
3: ['clamp(1rem, 1.25vw, 1.25rem)', { lineHeight: '1.625' }],
4: ['clamp(1.25rem, 1.5625vw, 1.5625rem)', { lineHeight: '1' }],
5: ['clamp(1.5rem, 1.875vw, 1.875rem)', { lineHeight: '1' }],
6: ['clamp(2.25rem, 2.8125vw, 2.8125rem)', { lineHeight: '1' }],
7: ['clamp(3.3rem, 4.125vw, 4.125rem)', { lineHeight: '1' }],
8: ['clamp(4.5rem, 5.625vw, 5.625rem)', { lineHeight: '1' }],
9: ['clamp(5.5rem, 6.875vw, 6.875rem)', { lineHeight: '1' }],
code: ['clamp(0.75rem, 0.9375vw, 0.9375rem)', { lineHeight: '1.625' }],
},
boxShadow: {
subtle: '0 0 50px rgb(0 0 0 / 0.2)',