Flexbox!

[gezakerecsenyi]

  "type": "flex_direction",
  "message0": "flex-wrap: %1 %2",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "value",
      "options": [
        [
          "nowrap",
          "nowrap"
        ],
        [
          "wrap",
          "wrap"
        ],
        [
          "wrap-reverse",
          "wrap-reverse"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    },
    {
      "type": "input_value",
      "name": "direction",
      "check": "flex-wrap"
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox flex-direction property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_flex-direction.asp"
}

  "type": "justify_content",
  "message0": "justify-content: %1",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "direction",
      "options": [
        [
          "flex-start",
          "flex-start"
        ],
        [
          "flex-end",
          "flex-end"
        ],
        [
          "center",
          "center"
        ],
        [
          "space-around",
          "space-around"
        ],
        [
          "space-between",
          "space-between"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox justify-content property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_justify-content.asp"
}

  "type": "align_items",
  "message0": "align-items: %1",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "align",
      "options": [
        [
          "stretch",
          "stretch"
        ],
        [
          "center",
          "center"
        ],
        [
          "flex-end",
          "flex-end"
        ],
        [
          "flex-start",
          "flex-start"
        ],
        [
          "baseline",
          "baseline"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox align-items property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_align-items.asp"
}

  "type": "flex_wrap",
  "message0": "flex-wrap: %1",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "value",
      "options": [
        [
          "nowrap",
          "nowrap"
        ],
        [
          "wrap",
          "wrap"
        ],
        [
          "wrap-reverse",
          "wrap-reverse"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    }
  ],
  "output": "flex-wrap",
  "colour": 290,
  "tooltip": "CSS Flexbox flex-wrap property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_flex-wrap.asp"
}

  "type": "align_content",
  "message0": "align-items: %1",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "align",
      "options": [
        [
          "stretch",
          "stretch"
        ],
        [
          "center",
          "center"
        ],
        [
          "flex-end",
          "flex-end"
        ],
        [
          "flex-start",
          "flex-start"
        ],
        [
          "baseline",
          "baseline"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox align-content property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_align-content.asp"
}

  "type": "flex_flow",
  "message0": "flex-flow: %1 %2",
  "args0": [
    {
      "type": "input_value",
      "name": "flow",
      "check": "flex-direction"
    },
    {
      "type": "input_dummy"
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox flex-flow property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_flex-flow.asp"
}

  "type": "order",
  "message0": "order: %1",
  "args0": [
    {
      "type": "field_number",
      "name": "order",
      "value": 1,
      "precision": 1
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox order property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_order.asp"
}

  "type": "align_self",
  "message0": "align-self: %1",
  "args0": [
    {
      "type": "field_dropdown",
      "name": "align",
      "options": [
        [
          "auto",
          "auto"
        ],
        [
          "stretch",
          "stretch"
        ],
        [
          "center",
          "center"
        ],
        [
          "flex-end",
          "flex-end"
        ],
        [
          "flex-start",
          "flex-start"
        ],
        [
          "baseline",
          "baseline"
        ],
        [
          "initial",
          "initial"
        ],
        [
          "inherit",
          "inherit"
        ]
      ]
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox align-self property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_align-self.asp"
}

  "type": "flex",
  "message0": "flex: %1 %2 %3",
  "args0": [
    {
      "type": "field_number",
      "name": "grow",
      "value": 0,
      "precision": 1
    },
    {
      "type": "field_number",
      "name": "shrink",
      "value": 0,
      "precision": 1
    },
    {
      "type": "field_input",
      "name": "basis",
      "text": "10px"
    }
  ],
  "previousStatement": "stylecontent",
  "nextStatement": "stylecontent",
  "colour": 290,
  "tooltip": "CSS Flexbox flex property",
  "helpUrl": "https://www.w3schools.com/cssref/css3_pr_flex.asp"
}