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

"Button" block - adjust styles and colours according to CSS Styleguide

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Fixed
    • Icon: Should have Should have
    • None
    • 2
    • Blocks (all)
    • Sprint #105, Sprint #106, Sprint #107, Sprint #108

      The native Gutenberg "Button" block should be harmonised according to our CSS Styleguide https://planet4.greenpeace.org/styleguide/section-components.html , to avoid over-proliferation of colourful buttons all over p4 sites.

      For the Button block please:

      • Allow only "Squared" style for now (according to CSS styleguide rules)
      • Remove "Colour Settings" for now
      • Add 3 new styles according to CSS styleguide:
      1. Donate
      2. Call To action - primary
      3. Call to action - secondary

      Please follow the CSS styleguide for styles and colour and if in doubt check with wmorrisj

      Please make sure also MENA (left-to-right) is aligned

      Tasks

      • Hide "Default" and "Outline" styles for button, and leave only the "Squared" option
      • Adjust colour palette according to P4 style
      • Remove "Color settings" section

            nroussos Nikos Roussos
            ltiralon Luca Tiralongo
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: