Testing lists in columns with various backgrounds

Column Component: bg-white Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-white

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-blue-bondi-100

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-blue-petrol-500

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-white Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-bondi-100 Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-blue-petrol-500 Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Column Component: bg-transparent Section Component: bg-transparent

Item: bg-white

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-bondi-100

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-blue-petrol-500

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text

Item: bg-transparent

  • ul
  • still ul
  1. ol
  2. still ol
  • checklist
  • check
And here some normal text