Comments (10)
@waldyrious, thanks for engaging in the discussion. Let's clarify a few points. The 'base.css' style is not part of the core package. It's worth mentioning that 'fylgja.css', in the core, contains all styles including the utility classes, which is why it might seem a bit overloaded, but this a bundle CSS file.
Fylgja is designed as a CSS component framework, and importing it doesn't involve a single package import. However, if you're looking for a more minimal bundle import, you can check out these bundle CSS files instead:
- fylgja-slim.css (contains everything except utility classes)
- fylgja-html.css (includes only native elements)
The key thing to remember is to treat each CSS component as a separate entity. You can find beter explanation on this on this approach on our intro page (I am still working on improving the docs). This flexibility allows you to fine-tune your import to match your project's specific needs. If you have any more questions or need further assistance, feel free to ask!"
from classless-css.
Okay, that took a little longer than I wanted, @dbohdan.
But everything is here:
- Renamed the feature page to Native Elements (Classless), also added the same classless reference on the github page
- Added a guide for Classless Setup
- And last but not least, a codepen for this awesome list: https://codepen.io/Fylgja/pen/ExGOZaE
from classless-css.
@waldyrious No, it's not even close to nagging. This is a good question.
I plan to do this for version 2 of Fylgja, but I could add it as a feature flag if you need it sooner. Feel free to open an issue, and I'll try to add it soon. Unfortunately, I have very little time right now due to all the Magento-related work I have to do. 😅
from classless-css.
Most of Fylgja is Class-light
What exactly do you mean by this? I checked the base.css style and that alone contains thousands of class selectors... 🤔
from classless-css.
Thanks for the explanation and the two links — that's pretty useful to get a sense of how a minimal, classless version of Fylgja looks like. 👍
from classless-css.
I think Fylgja qualifies. Do you have a documentation page on class-light usage? If you don't, could you add one? I wouldn't realize this was a class-light framework from a quick look at the site or the GitHub repo. This is not a hard requirement for adding the framework.
fylgja.css from the CDN looks right on my test page. However, fylgja-html.css that you linked has an apparent issue. The left page margin is too thin. Does it expect a content wrapper with a different class/id/tag?
from classless-css.
There is indeed existing documentation on the features page of Fylgja, but it is labeled as "Native Elements/Styles" (https://fylgja.dev/features/native-styles/). However, I acknowledge that this may not be immediately obvious.
To enhance clarity, I will be adding documentation specifically addressing the usage of class-light to the Fylgja guides page. Additionally, I'll include a link to the GitHub page. I plan to complete these updates during this week when I have some available time.
Please note that while fylgja-html.css serves as a base, Fylgja still utilizes classes where they are more appropriate. As a result, for aspects such as the missing container (page margin), some CSS adjustments will still be necessary.
This where you could add your own container to the body or article tag or use a container class from the Container CSS Component.
from classless-css.
All right. Please ping me when you complete those updates.
from classless-css.
Hey @GrimLink, I hope I don't come off as too nagging, but is there any chance there could be a more compact version of fylgja-html.css that omits the class-only styles like .control-switch
and .backdrop
, as well as the class-based alternatives to native selectors, like .h1
in addition to h1
, and .is-disabled
vs. :disabled
? Something like this.
That would make the resulting stylesheet more lightweight, and would allow using it in a truly classless way (for those who may want such a thing, of course).
from classless-css.
No rush, just a suggestion! I'm glad to hear you'll consider it :) looking forward to v2! :D
from classless-css.
Related Issues (20)
- Suggestion: PicoCSS
- Suggestion: SimpleCSS
- Classification of Classless.css probably incorrect HOT 2
- Add Almond.CSS HOT 1
- Add SASS-ZERO HOT 6
- Broken links HOT 2
- Add Bolt.css
- Add 98.css HOT 4
- Add a.css HOT 2
- Still maintained? HOT 2
- prunus: maintained fork of sakura HOT 2
- Suggestion: ChimeraCSS HOT 7
- Barrel.css? HOT 4
- Add sero.css HOT 1
- How about Beer CSS? HOT 2
- Suggestion: tiny.css
- Warning: Picnic uses different HTML for checkboxes HOT 1
- Add tty.css
- Add artalar/mono HOT 1
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 classless-css.