paragraphs_collection-8.x-1.x-dev/modules/paragraphs_collection_demo/paragraphs_collection_demo.paragraphs.grid_layouts.yml

paragraphs_collection_demo_equal_columns:
  title: 'Equal columns'
  description: 'Equal columns layout.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
    - equal-cols
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col
  libraries:
    - 'paragraphs_collection_demo/grid_layout'


paragraphs_collection_demo_1_1_column:
  title: 'Two columns 1 - 1'
  description: 'Two equal column layout.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-2
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-2
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_1_2_column:
  title: 'Two columns 1 - 2'
  description: 'Two columns layout of 1/3 and 2/3 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-3
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-2-3
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_2_1_column:
  title: 'Two columns 2 - 1'
  description: 'Two columns layout of 2/3 and 1/3 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-2-3
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-3
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_1_3_column:
  title: 'Two columns 1 - 3'
  description: 'Two columns layout of 1/4 and 3/4 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-3-4
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_3_1_column:
  title: 'Two columns 3 - 1'
  description: 'Defines a two columns layout of 3/4 and 1/4 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-3-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_1_2_1_column:
  title: 'Three columns 1 - 2 - 1'
  description: 'Three columns layout of 1/4, 1/2 and 1/4 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-2
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_2_1_1_column:
  title: 'Three columns 2 - 1 - 1'
  description: 'Three columns layout of 1/2, 1/4 and 1/4 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-2
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
  libraries:
    - 'paragraphs_collection_demo/grid_layout'

paragraphs_collection_demo_1_1_2_column:
  title: 'Three columns 1 - 1 - 2'
  description: 'Three columns layout of 1/4, 1/4 and 1/2 width.'
  wrapper_classes:
    - paragraphs-collection-demo-behavior-grid-row
  columns:
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-4
    -
      classes:
        - paragraphs-behavior-flexible-grid-col-1-2
  libraries:
    - 'paragraphs_collection_demo/grid_layout'