Comments (5)
Autoprefixer is generally not needed for modern browsers supported by Aybolit, except for certain properties like user-select
and -webkit-appearance
, and I prefer listing these explicitly.
Scss is just a personal preference. I'm ok with PostCSS too, just don't know if it would improve compilation time significantly (dart-sass
should be fast, too).
from aybolit.
My recommendation is using PostCSS with postcss-preset-env
. It gives you a solid platform for both future-forward and bleeding edge features, and proper backwards compat when needed.
from aybolit.
I'm back from my vacation and doing some cleanup here, so let me close this issue per above comment. You can switch to precss in your projects if you wish, but I'm going to keep Sass for now.
from aybolit.
WordPress/gutenberg#14801 very interesting in-depth discussion wrt SASS vs PostCSS
@mor10 quote
From my perspective this is about setting the stage for future development. Sass sits firmly anchored in the past and old best-practices. Building it into tooling at this stage suggests to users that Sass is a viable path forward. That would be unfortunate since modern CSS with the assistance of PostCSS is the official path forward for the web platform. Building in further reliance on Sass at this point holds us back from what's happening elsewhere.
from aybolit.
Thanks for the input, but please keep in mind the following:
-
This project doesn't need the various capacities of PostCSS. What we really need here are variables (used in combination with custom CSS properties) and loops.
-
Keeping the
.scss
source makes it clear that these files are not supposed to be used directly.
from aybolit.
Related Issues (20)
- Radio-button component
- Text-field component
- Textarea component
- Badge component HOT 1
- Vaadin Lumo package? HOT 4
- yarn add -WD @storybook/addon-viewport HOT 1
- Why custom scripts and not webpack for building styles? HOT 15
- Using different file and setup structure for packages HOT 3
- Cannot create pull request. Permission denied HOT 1
- Including scss mixins HOT 3
- .editorconfig HOT 2
- chore: bump world HOT 1
- docs(core): how and when to use delegate-focus-mixin.js HOT 3
- Add eclint to check files against EditorConfig HOT 1
- docs: prevent flash of unstyled content (FOUC) HOT 2
- Imported _.scss files are not watched through base file HOT 1
- Stepper component
- Tooltip component
- Tabs component
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 aybolit.