tailwindcss 3.0.0 → 3.0.1

package/src/lib/resolveDefaultsAtRules.js

@@ -71,6 +71,8 @@ function extractElementSelector(selector) {
 export default function resolveDefaultsAtRules({ tailwindConfig }) {
   return (root) => {
     let variableNodeMap = new Map()
+
+    /** @type {Set<import('postcss').AtRule>} */
     let universals = new Set()
 
     root.walkAtRules('defaults', (rule) => {
@@ -90,31 +92,50 @@ export default function resolveDefaultsAtRules({ tailwindConfig }) {
     })
 
     for (let universal of universals) {
-      let selectors = new Set()
+      /** @type {Map<string, Set<string>>} */
+      let selectorGroups = new Map()
 
       let rules = variableNodeMap.get(universal.params) ?? []
 
       for (let rule of rules) {
         for (let selector of extractElementSelector(rule.selector)) {
+          // If selector contains a vendor prefix after a pseudo element or class,
+          // we consider them separately because merging the declarations into
+          // a single rule will cause browsers that do not understand the
+          // vendor prefix to throw out the whole rule
+          let selectorGroupName =
+            selector.includes(':-') || selector.includes('::-') ? selector : '__DEFAULT__'
+
+          let selectors = selectorGroups.get(selectorGroupName) ?? new Set()
+          selectorGroups.set(selectorGroupName, selectors)
+
           selectors.add(selector)
         }
       }
 
-      if (selectors.size === 0) {
+      if (selectorGroups.size === 0) {
         universal.remove()
         continue
       }
 
-      let universalRule = postcss.rule()
-
       if (flagEnabled(tailwindConfig, 'optimizeUniversalDefaults')) {
-        universalRule.selectors = [...selectors]
+        for (let [, selectors] of selectorGroups) {
+          let universalRule = postcss.rule()
+
+          universalRule.selectors = [...selectors]
+
+          universalRule.append(universal.nodes.map((node) => node.clone()))
+          universal.before(universalRule)
+        }
       } else {
+        let universalRule = postcss.rule()
+
         universalRule.selectors = ['*', '::before', '::after']
+
+        universalRule.append(universal.nodes)
+        universal.before(universalRule)
       }
 
-      universalRule.append(universal.nodes)
-      universal.before(universalRule)
       universal.remove()
     }
   }

package/peers/.svgo.yml

@@ -1,75 +0,0 @@
-# replace default config
-
-# multipass: true
-# full: true
-
-plugins:
-
-  # - name
-  #
-  # or:
-  # - name: false
-  # - name: true
-  #
-  # or:
-  # - name:
-  #     param1: 1
-  #     param2: 2
-
-  - removeDoctype
-  - removeXMLProcInst
-  - removeComments
-  - removeMetadata
-  - removeXMLNS
-  - removeEditorsNSData
-  - cleanupAttrs
-  - inlineStyles
-  - minifyStyles
-  - convertStyleToAttrs
-  - cleanupIDs
-  - prefixIds
-  - removeRasterImages
-  - removeUselessDefs
-  - cleanupNumericValues
-  - cleanupListOfValues
-  - convertColors
-  - removeUnknownsAndDefaults
-  - removeNonInheritableGroupAttrs
-  - removeUselessStrokeAndFill
-  - removeViewBox
-  - cleanupEnableBackground
-  - removeHiddenElems
-  - removeEmptyText
-  - convertShapeToPath
-  - convertEllipseToCircle
-  - moveElemsAttrsToGroup
-  - moveGroupAttrsToElems
-  - collapseGroups
-  - convertPathData
-  - convertTransform
-  - removeEmptyAttrs
-  - removeEmptyContainers
-  - mergePaths
-  - removeUnusedNS
-  - sortAttrs
-  - sortDefsChildren
-  - removeTitle
-  - removeDesc
-  - removeDimensions
-  - removeAttrs
-  - removeAttributesBySelector
-  - removeElementsByAttr
-  - addClassesToSVGElement
-  - removeStyleElement
-  - removeScriptElement
-  - addAttributesToSVGElement
-  - removeOffCanvasPaths
-  - reusePaths
-
-# configure the indent (default 4 spaces) used by `--pretty` here:
-#
-# @see https://github.com/svg/svgo/blob/master/lib/svgo/js2svg.js#L6 for more config options
-#
-# js2svg:
-#  pretty: true
-#  indent: '  '

package/peers/orders/concentric-css.json

@@ -1,299 +0,0 @@
-[
-  "all",
-  "display",
-  "position",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "offset-inline-start",
-  "offset-inline-end",
-  "offset-block-start",
-  "offset-block-end",
-  "grid",
-  "grid-area",
-  "grid-auto-columns",
-  "grid-auto-flow",
-  "grid-auto-rows",
-  "grid-column",
-  "grid-column-end",
-  "grid-column-start",
-  "grid-row",
-  "grid-row-end",
-  "grid-row-start",
-  "grid-template",
-  "grid-template-areas",
-  "grid-template-columns",
-  "grid-template-rows",
-  "flex",
-  "flex-basis",
-  "flex-direction",
-  "flex-flow",
-  "flex-grow",
-  "flex-shrink",
-  "flex-wrap",
-  "box-decoration-break",
-  "place-content",
-  "place-items",
-  "place-self",
-  "align-content",
-  "align-items",
-  "align-self",
-  "justify-content",
-  "justify-items",
-  "justify-self",
-  "vertical-align",
-  "order",
-  "float",
-  "clear",
-  "shape-margin",
-  "shape-outside",
-  "shape-image-threshold",
-  "orphans",
-  "columns",
-  "column-gap",
-  "column-fill",
-  "column-rule",
-  "column-rule-color",
-  "column-rule-style",
-  "column-rule-width",
-  "column-span",
-  "column-count",
-  "column-width",
-  "break-before",
-  "break-after",
-  "break-inside",
-  "page-break-before",
-  "page-break-after",
-  "page-break-inside",
-  "transform",
-  "transform-box",
-  "transform-origin",
-  "transform-style",
-  "rotate",
-  "scale",
-
-  "perspective",
-  "perspective-origin",
-  "visibility",
-  "opacity",
-  "z-index",
-  "mix-blend-mode",
-  "backface-visibility",
-  "backdrop-filter",
-  "clip-path",
-  "mask",
-  "mask-clip",
-  "mask-image",
-  "mask-origin",
-  "mask-position",
-  "mask-repeat",
-  "mask-size",
-  "mask-type",
-  "filter",
-  "animation",
-  "animation-name",
-  "animation-duration",
-  "animation-fill-mode",
-  "animation-play-state",
-  "animation-timing-function",
-  "animation-delay",
-  "animation-iteration-count",
-  "animation-direction",
-  "transition",
-  "transition-delay",
-  "transition-duration",
-  "transition-property",
-  "transition-timing-function",
-  "will-change",
-  "counter-increment",
-  "counter-reset",
-  "cursor",
-
-  "box-sizing",
-  "margin",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "margin-inline-start",
-  "margin-inline-end",
-  "margin-block-start",
-  "margin-block-end",
-  "outline",
-  "outline-color",
-  "outline-offset",
-  "outline-style",
-  "outline-width",
-  "box-shadow",
-  "border",
-  "border-top",
-  "border-right",
-  "border-bottom",
-  "border-left",
-  "border-width",
-  "border-top-width",
-  "border-right-width",
-  "border-bottom-width",
-  "border-left-width",
-  "border-style",
-  "border-top-style",
-  "border-right-style",
-  "border-bottom-style",
-  "border-left-style",
-  "border-radius",
-  "border-top-right-radius",
-  "border-top-left-radius",
-  "border-bottom-right-radius",
-  "border-bottom-left-radius",
-  "border-color",
-  "border-top-color",
-  "border-right-color",
-  "border-bottom-color",
-  "border-left-color",
-  "border-inline-start",
-  "border-inline-start-color",
-  "border-inline-start-style",
-  "border-inline-start-width",
-  "border-inline-end",
-  "border-inline-end-color",
-  "border-inline-end-style",
-  "border-inline-end-width",
-  "border-block-start",
-  "border-block-start-color",
-  "border-block-start-style",
-  "border-block-start-width",
-  "border-block-end",
-  "border-block-end-color",
-  "border-block-end-style",
-  "border-block-end-width",
-  "border-image",
-  "border-image-outset",
-  "border-image-repeat",
-  "border-image-slice",
-  "border-image-source",
-  "border-image-width",
-  "border-collapse",
-  "border-spacing",
-  "background",
-  "background-attachment",
-  "background-blend-mode",
-  "background-clip",
-  "background-color",
-  "background-image",
-  "background-origin",
-  "background-position",
-  "background-position-x",
-  "background-position-y",
-  "background-repeat",
-  "background-size",
-  "isolation",
-  "padding",
-  "padding-top",
-  "padding-right",
-  "padding-bottom",
-  "padding-left",
-  "padding-inline-start",
-  "padding-inline-end",
-  "padding-block-start",
-  "padding-block-end",
-  "image-orientation",
-  "image-rendering",
-
-  "width",
-  "min-width",
-  "max-width",
-  "height",
-  "min-height",
-  "max-height",
-  "inline-size",
-  "min-inline-size",
-  "max-inline-size",
-  "block-size",
-  "min-block-size",
-  "max-block-size",
-  "table-layout",
-  "caption-side",
-  "empty-cells",
-  "overflow",
-  "overflow-x",
-  "overflow-y",
-  "resize",
-  "object-fit",
-  "object-position",
-  "scroll-behavior",
-  "scroll-snap-coordinate",
-  "scroll-snap-destination",
-  "scroll-snap-type",
-  "touch-action",
-  "pointer-events",
-
-  "ruby-align",
-  "ruby-position",
-  "color",
-  "caret-color",
-  "font",
-  "font-family",
-  "font-feature-settings",
-  "font-kerning",
-  "font-language-override",
-  "font-size",
-  "font-optical-sizing",
-  "font-size-adjust",
-  "font-stretch",
-  "font-style",
-  "font-synthesis",
-  "font-variant",
-  "font-variant-alternates",
-  "font-variant-caps",
-  "font-variant-east-asian",
-  "font-variant-ligatures",
-  "font-variant-numeric",
-  "font-variant-position",
-  "font-weight",
-  "hyphens",
-  "initial-letter",
-  "initial-letter-align",
-  "letter-spacing",
-  "line-break",
-  "line-height",
-  "list-style",
-  "list-style-image",
-  "list-style-position",
-  "list-style-type",
-  "writing-mode",
-  "direction",
-  "unicode-bidi",
-  "unicode-range",
-  "user-select",
-  "text-combine-upright",
-  "text-align",
-  "text-align-last",
-  "text-decoration",
-  "text-decoration-color",
-  "text-decoration-line",
-  "text-decoration-skip",
-  "text-decoration-style",
-  "text-decoration-skip-ink",
-  "text-emphasis",
-  "text-emphasis-position",
-  "text-emphasis-color",
-  "text-emphasis-style",
-  "text-indent",
-  "text-justify",
-  "text-underline-position",
-  "text-orientation",
-  "text-overflow",
-  "text-rendering",
-  "text-shadow",
-  "text-size-adjust",
-  "text-transform",
-  "white-space",
-  "word-break",
-  "word-spacing",
-  "overflow-wrap",
-  "quotes",
-  "tab-size",
-  "content",
-  "widows"
-]