-
It seems that the timeline component is not following mobile first principles, ie the compact version should be the default and there should be a modifier class that can be applied to make the timeline place content on both sides of the line. Tailwind css v4 will add support for |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
It seems that a workaround is to add a set of "desktop first" breakpoints to the tailwind config. theme: {
extend: {
screens: {
'less-than-2xl': { max: '1535px' },
'less-than-xl': { max: '1279px' },
'less-than-lg': { max: '1023px' },
'less-than-md': { max: '767px' },
'less-than-sm': { max: '639px' },
},
},
}, Then we can do the following: <ul class="timeline timeline-vertical less-than-md:timeline-compact">
...
</ul> Not ideal but it works |
Beta Was this translation helpful? Give feedback.
It seems that a workaround is to add a set of "desktop first" breakpoints to the tailwind config.
Then we can do the following:
Not ideal but it works