Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-4238

Define CSS for spacer block

XMLWordPrintable

    • Icon: UI task UI task
    • Resolution: Fixed
    • Icon: Should have Should have
    • None
    • None

      In our block matrix we have "N" for the Spacer block, mentioning that Spacing is normally done in css so it can be adjusted by bootstrap break point > http://bit.ly/gutenbugs

      We should not assume our editors know CSS and since we allow paragraph in classic block we should allow the spacer, because the gutenberg Paragraph block does not allow blank paragraphs,

      wmorrisj suggested the spacer block to follow the 16px grid. So 16px, 32px, 64px for the various screens.

      See examples:

      Live use of space (as empty paragraph) >> https://www.greenpeace.org/international/terms/

      Gutenberg >> https://k8s.p4.greenpeace.org/defaultcontent/terms/

            wmorrisj William Morris-Julien (Inactive)
            lreyes Lilian Reyes
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: