Comments (5)
Hey! You can use the media
function to nest style blocks under a media rule
Lines 3525 to 3534 in 5181310
from elm-css.
@lukewestby This is what I see for that function in the 1.1.0 tag, which seems like it's only allowing you to pass MediaQuery
values to the media
function, and those values are only the different media types (print, screen, etc).
https://github.com/rtfeldman/elm-css/blob/1.1.0/src/Css.elm#L4111
from elm-css.
@jbalboni Ah, good point. I'd intended to expose a String -> MediaQuery
function and apparently it slipped through the cracks. Sorry about that!
from elm-css.
Should also do the same for the other At-Rules, come to think of it.
from elm-css.
@rtfeldman Looks like this was fixed with #112, so I'm going to close it. Thought I'd tag you in case you wanted to make an issue for working with the other At-Rules.
from elm-css.
Related Issues (20)
- `Css.important` on `Css.batch` output only applies to last Css.Style
- Empty style node emitted if no styles HOT 1
- Cannot use elm-css with lamdera HOT 1
- Runtime type error when using CSS in an SVG element's attributes HOT 6
- Hash Collisions: FNV vs Murmur3 HOT 1
- `<span> > <style>` wrapping in elm-css 17 has unexpected side effect inside grid container HOT 3
- Different behavior for multiple`css` attributes between root of tree and children HOT 1
- Extra gap when using (display: flex) and (justify-content: space-between) HOT 3
- Css classes not rendering correctly
- 17.0.4 generated class name is not added when there's also a set class name HOT 15
- Elm HTML's non-optimized XSS warning bypassed by elm-css
- CSP nonce support (to be able to protect against XSS attacks) HOT 5
- Safari animations HOT 2
- Duplicate inline styles?
- Error in documentation? HOT 1
- Alternative Stylesheets
- Support for flex box gap HOT 1
- Class names are not escaped
- Rename `generalSiblings`
- Add animation timing function
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 elm-css.