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

Create the Quick links block pattern

    XMLWordPrintable

Details

    • 2
    • Block Patterns
    • Sprint #183, Sprint #184, Sprint #185, Sprint #186, Sprint #187
    • neptune

    Description

      Create the "Topic links" block pattern using the WP core Column block and custom CSS classes.

      Requirements

      • Show 8/9 items (on desktop).
      • Items should scroll horizontally on S & M screens.
      • The images should be circle shapes.
      • Include a light grey background color.
      • The block could use the core columns block to start with
      • Links should be added manually with an open URL field.
      • Add this animation to the hover state (possible with custom CSS) where both image + text are animated on hover.
      • Insert a placeholder image in the backend for the block pattern.

      See the design example at the top of the "Get informed" page

      All designs are available here

      Example page

       

      Attachments

        Issue Links

          Activity

            People

              mleray Maud Leray
              mfatome Magali Fatome
              Magali Fatome Magali Fatome
              Florent Hernandez Florent Hernandez
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: