Comments (4)
I agree that it's not as vital as the other elements but having a few widths for containers is really useful for consistency.
What do you think about just a few widths like this? https://www.gethalfmoon.com/docs/containers/. This may make more sense as an extension of --measure
.
from pollen.
Interesting idea of making them responsive. That would be the only value in pollen that changes based on breakpoint so I’m hesitant to introduce complexity, but it’s a cool idea.
And yeah I think I’m leaning towards just removing a bunch of values so it’s at least much simpler.
from pollen.
This is what I'm thinking atm. Each step roughly correlates to a typical device breakpoint but not semantically tied to devices/breakpoints
/**
* Container widths
* Applied as max-width
*/
--width-xs: 480px;
--width-sm: 640px;
--width-md: 768px;
--width-lg: 1024px;
--width-xl: 1280px;
from pollen.
Closing this, not worth removing width scale, I think having a few device-derived container widths is useful enough to keep in core
from pollen.
Related Issues (20)
- Colors: colorful (warm/cold) greys HOT 2
- Support shadow DOM HOT 7
- Feature: Add ability to export json file of tokens HOT 4
- Support for wider color gamuts HOT 5
- RFC: Support for queries HOT 1
- Rename elevation to shadow(?) HOT 1
- Add and configure unit tests HOT 2
- Document & release JSON output
- Add git hooks to run tests
- Automatically resolve `.cjs` config HOT 1
- Use rem for layout units HOT 3
- Fluid sizes HOT 13
- Custom colors not in exported JSON HOT 2
- Writing output-file to a file in a directory gives error HOT 1
- Proper easing library
- Aspect ratios
- system-ui in --font-sans font stack HOT 2
- postcss and postcss-jit-props integration HOT 1
- Not an issue, but information about this project HOT 1
- Stale link to Bokeh on doc site landing page 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 pollen.