kuldeepkeshwar / filbert-js Goto Github PK
View Code? Open in Web Editor NEWA lightweight(~1kb) css-in-js framework
Home Page: https://filbert-js.vercel.app/docs/introduction
License: MIT License
A lightweight(~1kb) css-in-js framework
Home Page: https://filbert-js.vercel.app/docs/introduction
License: MIT License
Hi there, so me again, apparently when importing an image in react and using the base64 iamge as background, at the end there is a :
being added that breaks the image.
https://cad-overlay.netlify.app/
Here's the app, right under the div root, you should have a div with the background image that is not being set properly, if you want to check out my repo:
https://github.com/jenaro94/cad-overlay
If you inspect the css and remove that :
the background image will show correctly.
currently, the npm redirect link is taking to an npm page that does not associate with this repository
Lines 3 to 8 in 54f5a15
todo
comment in 54f5a15. It's been assigned to @kuldeepkeshwar because they committed the code.If you want to start fresh, we have a todo list
Right now filbert-js is only supporting tag template based styles.
As other libraries out there are supporting object based styled, object based styles has gain alot of popularity among the developer.
filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 58 in 31004ca
Todo
comment in 31004ca when #38 was merged. cc @kuldeepkeshwar.Currently, we don't have proper docs for the usage of &
(selector) with filbert. There are chances people get confused with &
(selector) as a parent selector and not as how it is used in filbert.
filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 58 in bbe671e
Todo
comment in bbe671e. It's been assigned to @kuldeepkeshwar because they committed the code.filbert-js/website/src/components/Sidebar.jsx
Lines 39 to 44 in 3611aa9
Todo
comment in 3611aa9 when #48 was merged. cc @kuldeepkeshwar.filbert-js/packages/css-parser/index.js
Lines 27 to 32 in 4e65624
TODO
comment in 4e65624 when #6 was merged. cc @kuldeepkeshwar.filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 58 in 3177330
Todo
comment in 3177330 when #25 was merged. cc @kuldeepkeshwar.filbert-js/website/gatsby-config.js
Lines 71 to 76 in 097da1b
TODO
comment in 097da1b when #9 was merged. cc @kuldeepkeshwar.Currently most examples(feature shown in website) are just in form of code + output.
We can be more verbose to that user can understand the intent behind the example.
Add theme for docs website like - light, dark, read mode, etc...
To release filbert-js without breaking existing stuff, We encourage writing more test(at-least cover the top level API).
Note: currently we are not doing a very good job on writing test(blame is on me).
Below are the packages where you can start.
filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 60 in 097da1b
TODO
comment in 097da1b when #9 was merged. cc @kuldeepkeshwar.filbert-js/website/src/components/Sidebar.jsx
Lines 39 to 44 in 002e3f5
Todo
comment in 002e3f5. It's been assigned to @kuldeepkeshwar because they committed the code.filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 60 in ff16a21
TODO
comment in ff16a21. It's been assigned to @kuldeepkeshwar because they committed the code.Considering that a lot of developers might already know styled-components, I think that it would be great to explain how Filbert is different. For instance, the readme could details the different tradeoff taken to shrink the bundle size.
filbert-js/packages/css-parser/index.js
Lines 27 to 32 in f4fc6e9
TODO
comment in f4fc6e9. It's been assigned to @kuldeepkeshwar because they committed the code.Right now, Global
component doesn't support the theme
prop.
i.e
<Global styles={`
color: {({theme)=>theme.colors.brand}
`}/>
doesn't work.
Expectation:
Make Global
component theme aware like styled
.
filbert-js/website/src/components/Sidebar.jsx
Lines 55 to 58 in 9965e28
Todo
comment in 9965e28. It's been assigned to @kuldeepkeshwar because they committed the code.Quick question if the library could support/work with non React but but other jsx libraries that use the DOM instead of Virtual DOM implementation.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.