paragraphs_collection_demo.paragraphs.grid_layouts.yml

paragraphs_collection/modules/paragraphs_collection_demo/paragraphs_collection_demo.paragraphs.grid_layouts.yml

File

paragraphs_collection/modules/paragraphs_collection_demo/paragraphs_collection_demo.paragraphs.grid_layouts.yml
View source
  1. paragraphs_collection_demo_equal_columns:

  2.   title: 'Equal columns'

  3.   description: 'Equal columns layout.'

  4.   wrapper_classes:

  5.     - paragraphs-collection-demo-behavior-grid-row

  6.     - equal-cols

  7.   columns:

  8.     -

  9.       classes:

  10.         - paragraphs-behavior-flexible-grid-col

  11.   libraries:

  12.     - 'paragraphs_collection_demo/grid_layout'

  13. 

  14. 

  15. paragraphs_collection_demo_1_1_column:

  16.   title: 'Two columns 1 - 1'

  17.   description: 'Two equal column layout.'

  18.   wrapper_classes:

  19.     - paragraphs-collection-demo-behavior-grid-row

  20.   columns:

  21.     -

  22.       classes:

  23.         - paragraphs-behavior-flexible-grid-col-1-2

  24.     -

  25.       classes:

  26.         - paragraphs-behavior-flexible-grid-col-1-2

  27.   libraries:

  28.     - 'paragraphs_collection_demo/grid_layout'

  29. 

  30. paragraphs_collection_demo_1_2_column:

  31.   title: 'Two columns 1 - 2'

  32.   description: 'Two columns layout of 1/3 and 2/3 width.'

  33.   wrapper_classes:

  34.     - paragraphs-collection-demo-behavior-grid-row

  35.   columns:

  36.     -

  37.       classes:

  38.         - paragraphs-behavior-flexible-grid-col-1-3

  39.     -

  40.       classes:

  41.         - paragraphs-behavior-flexible-grid-col-2-3

  42.   libraries:

  43.     - 'paragraphs_collection_demo/grid_layout'

  44. 

  45. paragraphs_collection_demo_2_1_column:

  46.   title: 'Two columns 2 - 1'

  47.   description: 'Two columns layout of 2/3 and 1/3 width.'

  48.   wrapper_classes:

  49.     - paragraphs-collection-demo-behavior-grid-row

  50.   columns:

  51.     -

  52.       classes:

  53.         - paragraphs-behavior-flexible-grid-col-2-3

  54.     -

  55.       classes:

  56.         - paragraphs-behavior-flexible-grid-col-1-3

  57.   libraries:

  58.     - 'paragraphs_collection_demo/grid_layout'

  59. 

  60. paragraphs_collection_demo_1_3_column:

  61.   title: 'Two columns 1 - 3'

  62.   description: 'Two columns layout of 1/4 and 3/4 width.'

  63.   wrapper_classes:

  64.     - paragraphs-collection-demo-behavior-grid-row

  65.   columns:

  66.     -

  67.       classes:

  68.         - paragraphs-behavior-flexible-grid-col-1-4

  69.     -

  70.       classes:

  71.         - paragraphs-behavior-flexible-grid-col-3-4

  72.   libraries:

  73.     - 'paragraphs_collection_demo/grid_layout'

  74. 

  75. paragraphs_collection_demo_3_1_column:

  76.   title: 'Two columns 3 - 1'

  77.   description: 'Defines a two columns layout of 3/4 and 1/4 width.'

  78.   wrapper_classes:

  79.     - paragraphs-collection-demo-behavior-grid-row

  80.   columns:

  81.     -

  82.       classes:

  83.         - paragraphs-behavior-flexible-grid-col-3-4

  84.     -

  85.       classes:

  86.         - paragraphs-behavior-flexible-grid-col-1-4

  87.   libraries:

  88.     - 'paragraphs_collection_demo/grid_layout'

  89. 

  90. paragraphs_collection_demo_1_2_1_column:

  91.   title: 'Three columns 1 - 2 - 1'

  92.   description: 'Three columns layout of 1/4, 1/2 and 1/4 width.'

  93.   wrapper_classes:

  94.     - paragraphs-collection-demo-behavior-grid-row

  95.   columns:

  96.     -

  97.       classes:

  98.         - paragraphs-behavior-flexible-grid-col-1-4

  99.     -

  100.       classes:

  101.         - paragraphs-behavior-flexible-grid-col-1-2

  102.     -

  103.       classes:

  104.         - paragraphs-behavior-flexible-grid-col-1-4

  105.   libraries:

  106.     - 'paragraphs_collection_demo/grid_layout'

  107. 

  108. paragraphs_collection_demo_2_1_1_column:

  109.   title: 'Three columns 2 - 1 - 1'

  110.   description: 'Three columns layout of 1/2, 1/4 and 1/4 width.'

  111.   wrapper_classes:

  112.     - paragraphs-collection-demo-behavior-grid-row

  113.   columns:

  114.     -

  115.       classes:

  116.         - paragraphs-behavior-flexible-grid-col-1-2

  117.     -

  118.       classes:

  119.         - paragraphs-behavior-flexible-grid-col-1-4

  120.     -

  121.       classes:

  122.         - paragraphs-behavior-flexible-grid-col-1-4

  123.   libraries:

  124.     - 'paragraphs_collection_demo/grid_layout'

  125. 

  126. paragraphs_collection_demo_1_1_2_column:

  127.   title: 'Three columns 1 - 1 - 2'

  128.   description: 'Three columns layout of 1/4, 1/4 and 1/2 width.'

  129.   wrapper_classes:

  130.     - paragraphs-collection-demo-behavior-grid-row

  131.   columns:

  132.     -

  133.       classes:

  134.         - paragraphs-behavior-flexible-grid-col-1-4

  135.     -

  136.       classes:

  137.         - paragraphs-behavior-flexible-grid-col-1-4

  138.     -

  139.       classes:

  140.         - paragraphs-behavior-flexible-grid-col-1-2

  141.   libraries:

  142.     - 'paragraphs_collection_demo/grid_layout'