Comments (4)
Can be fixed here by implementing sorting here: https://github.com/rogden/tailwind-config-viewer/blob/master/src/components/Canvas/Sections/FontSizes.vue
BTW:
If I'm not mistaken this should be a computed property, as that's a better way to obtain values. Methods serve a different purpose.
from tailwind-config-viewer.
@gekkedev Thanks for the report. Can you post the font size section of your tailwind config file? Sorting should do the trick regardless.
from tailwind-config-viewer.
fontSize: {
"2xs": ".6875rem",
xs: ".75rem",
tiny: ".8125rem"
}
I managed to sort it down the problematic values: Almost anything below zero positions itself incorrectly. In the config viewer, xs
is correctly ordered but after my tallest defined font size, I get 2xs
and tiny
:
The reason why text-xs
is correctly positioned although it has the same value is because it was a TW-native font size I accidentally redefined 😁. So as long as a font size is both custom and below zero, it gets appended instead of ordered. The notation doesn't seem to matter, as I prefixed the dot-values with zeroes and it still positioned them at the end.
I might create a PR if I see a handy way to fix this sorting issue, but can't today.
from tailwind-config-viewer.
(found no related MR where to review this) couldn't this be done via
!rem.includes("rem")
for the sake of readability? And possibly renaming the remVar. Or is this too new (ECMA-wise)?from tailwind-config-viewer.
Related Issues (20)
- Wrong css and js paths when viewer is used as sub directory
- Security issue HOT 1
- When fontWeights are defined the class names and values are not shown HOT 1
- CLI does not support TypeScript HOT 8
- cli export should recursively create the the directory HOT 1
- Add support for fontWeight at FontSize HOT 1
- Suggestion: Edit and export TW config HOT 1
- Adding border-style would be useful too HOT 1
- Wrong class names of negative margins if the config has a prefix
- Add support for css custom properties (variables) HOT 2
- When exporting to static html: Access to fetch from origin 'null' has been blocked by CORS policy HOT 1
- Add ability to inject custom CSS
- Adding a watcher to build and refresh browser on file changes
- can support unocss? HOT 2
- Can you introduce a search function like a search bar HOT 2
- Outdated koa router HOT 10
- ES Module support HOT 35
- `console.log` statement left in build
- Container queries
- Improve how multiple classes are built-up HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tailwind-config-viewer.