A familiar and performant compile time CSS-in-JS library for React.
APACHE-2.0 License
Bot releases are visible (Hide)
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries
package does - sorting min-width
and min-height
from smallest to largest, then max-width
and max-height
from largest to smallest. If ranges or features involving height
and width
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules
to false
in your configuration:
@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your .babelrc.json
or similar, if you have the @compiled/babel-plugin-strip-runtime
plugin enabled.Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries
package does - sorting min-width
and min-height
from smallest to largest, then max-width
and max-height
from largest to smallest. If ranges or features involving height
and width
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules
to false
in your configuration:
@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your .babelrc.json
or similar, if you have the @compiled/babel-plugin-strip-runtime
plugin enabled.Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries
package does - sorting min-width
and min-height
from smallest to largest, then max-width
and max-height
from largest to smallest. If ranges or features involving height
and width
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules
to false
in your configuration:
@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your .babelrc.json
or similar, if you have the @compiled/babel-plugin-strip-runtime
plugin enabled.Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
Published by atlas-dst-bot 5 months ago
83c47f85: [BREAKING] Add a deterministic sorting to media queries and other at-rules in Compiled. We use a simplified version of what the sort-css-media-queries
package does - sorting min-width
and min-height
from smallest to largest, then max-width
and max-height
from largest to smallest. If ranges or features involving height
and width
are not present in the at-rule, the at-rule will be sorted lexicographically / alphabetically.
Situations you may need to be careful of:
@media
queries)@layer
blocks you pass to Compiled APIs may not be outputted in the same order, causing different CSS than expected.This is turned on by default. If you do not want your at-rules to be sorted, set sortAtRules
to false
in your configuration:
@compiled/webpack-loader
options in your Webpack configuration.compiledcssrc
or similar@compiled/babel-plugin-strip-runtime
options in your .babelrc.json
or similar, if you have the @compiled/babel-plugin-strip-runtime
plugin enabled.Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago
Published by atlas-dst-bot 6 months ago