add justify-items and justify-self

grammars/css.json

@@ -687,7 +687,7 @@
  {
  "contentName": "meta.property-values.css",
  "comment": "individual words without any sub options",
- "begin": "(?i)(?<=^|[\\W])\\s*+((-(webkit|moz|o|ms)-)?(z-index|writing-mode|will-change|width|widows|white-space|volume|visibility|vertical-align|user-zoom|user-select|touch-action|top|table-layout|tab-size|system|symbols|suffix|src|speak-as|size|right|revert|resize|range|prefix|quotes|position|pointer-events|pad|orphans|orientation|order|opacity|negative|mix-blend-mode|marks|line-height|line-break|letter-spacing|left|justify-content|isolation|inline-size|hyphens|height|float|filter|fallback|empty-cells|display|direction|cursor|content|columns|color|clip-path|clip|clear|caption-side|bottom|block-size|bleed|backface-visibility|appearance|all|additive-symbols))\\s*+(:)",
+ "begin": "(?i)(?<=^|[\\W])\\s*+((-(webkit|moz|o|ms)-)?(z-index|writing-mode|will-change|width|widows|white-space|volume|visibility|vertical-align|user-zoom|user-select|touch-action|top|table-layout|tab-size|system|symbols|suffix|src|speak-as|size|right|revert|resize|range|prefix|quotes|position|pointer-events|pad|orphans|orientation|order|opacity|negative|mix-blend-mode|marks|line-height|line-break|letter-spacing|left|justify-content|justify-items|justify-self|isolation|inline-size|hyphens|height|float|filter|fallback|empty-cells|display|direction|cursor|content|columns|color|clip-path|clip|clear|caption-side|bottom|block-size|bleed|backface-visibility|appearance|all|additive-symbols))\\s*+(:)",
  "end": "(;)|(?=[`})\\]])",
  "beginCaptures": {
  "1": {"name": "support.type.property-name.css"}

lib/completions.json

@@ -1191,6 +1191,24 @@
  "space-between"
  ],
  "description": "Defines how the browser distributes space between and around flex items"
+ },
+ "justify-items": {
+ "values": [
+ "start",
+ "end",
+ "center",
+ "stretch",
+ ],
+ "description": "Defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis"
+ },
+ "justify-self": {
+ "values": [
+ "start",
+ "end",
+ "center",
+ "stretch",
+ ],
+ "description": "Defines the way a box is justified inside its alignment container along the appropriate axis"
  },
  "transition-property": {
  "values": [

spec/fixtures/grammar/css.js

@@ -186,6 +186,8 @@
  inline-size:;
  isolation:;
  justify-content:;
+ justify-items:;
+ justify-self:;
  left:;
  letter-spacing:;
  line-break:;