Comments (3)
Open Props offers props on :host, is that what you need? otherwise, cSS
are a loading strategy and composability feature, the props don't know or care about these details?
from open-props.
Sorry, I should have been more clear. Iām just looking for the utility classes that are available like buttons, shapes and layouts. Anything where classes are applied so I can use them in shadow roots.
from open-props.
i leave classes up to user space.. the normalize and button stylesheets target tags by name and don't offer a class.
Open Props v2 has a beta utility file you could try out tho? works like this:
<div class="MyComponent grid surface rounded shadow padding"></div>
.MyComponent {
--_padding: var(--size-5);
}
here's a playground where i'm toying around with the thoughts and code
from open-props.
Related Issues (20)
- [enhancement] Click color swatch to copy hex code to clipboard? HOT 11
- Animations Shake-Y on Safari not stacking with other animations HOT 1
- Add dialog animation styles to normalize
- Add social media brand colors pack HOT 6
- Consider offering a few turbulence props to the svg pack
- Add SDR/HDR neon color props HOT 1
- Add scalable font size import HOT 2
- Sizes Counters Wrong HOT 8
- normalize table hover colors HOT 7
- Add Spacing Props HOT 2
- width: fit-content for tables is hard to override or customize HOT 3
- Media query conflict at "only" breakpoints HOT 1
- beta grays in v1.* aren't on :host in the shadow export
- `<a>` negative margin in normalize HOT 1
- Ensure Shadows Do Not Switch to Dark When Normalize Is Not Used
- Request: Dark mode as opt-in HOT 2
- Normalize toggle white/dark mode HOT 1
- Consider removing all the fallback fonts and just let the system pick the default
- Editor Formatting HOT 1
- Use 62.5% body size in normalize (?) 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 open-props.